npm - @ssa-ui-kit/core - Versions diffs - 0.0.26-alpha → 0.0.28-alpha - Mend

@ssa-ui-kit/core 0.0.26-alpha → 0.0.28-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/storybook-static/components-CollapsibleNavBar-stories-CollapsibleNavBar-stories.a341ec87.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core||[]).push([[7611],{"../../node_modules/.pnpm/@storybook+addon-docs@7.3.2_@types+react-dom@18.2.4_@types+react@18.2.8_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/index.mjs":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Dx:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx},Hw:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.Hw},QE:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.QE},dk:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.dk},fQ:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.fQ},h_:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.h_},sq:function(){return _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__.sq}});__webpack_require__("../../node_modules/.pnpm/@storybook+addon-docs@7.3.2_@types+react-dom@18.2.4_@types+react@18.2.8_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/chunk-S4VUQJ4A.mjs");var _storybook_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/@storybook+blocks@7.3.2_@types+react-dom@18.2.4_@types+react@18.2.8_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/blocks/dist/index.mjs")},"./src/components/CollapsibleNavBar/stories/CollapsibleNavBar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},WithCustomIcon:function(){return WithCustomIcon},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return CollapsibleNavBar_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../../node_modules/.pnpm/react-router@6.11.2_react@18.2.0/node_modules/react-router/dist/index.js"),addon_docs_dist=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-docs@7.3.2_@types+react-dom@18.2.4_@types+react@18.2.8_react-dom@18.2.0_react@18.2.0/node_modules/@storybook/addon-docs/dist/index.mjs"),hooks_dist=__webpack_require__("../hooks/dist/index.js"),Wrapper=__webpack_require__("./src/components/Wrapper/Wrapper.tsx"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const AccordionTitleWrapper=theme=>(0,emotion_react_browser_esm.iv)("cursor:pointer;align-items:center;",theme.mediaQueries.md,"{display:flex;justify-content:center;}& div.icon-wrapper{width:100%;gap:0;}& div.icon-wrapper:not(.active):hover>button svg path,& div.icon-wrapper.active>button svg path{stroke:#fff;fill:none;}& .trigger-icon{height:22px;}","","","","","",""),AccordionTitle=theme=>(0,emotion_react_browser_esm.iv)("padding:0 14px 0 22px;",theme.mediaQueries.md,"{display:none;}","","","","","",""),AccordionContent=theme=>(0,emotion_react_browser_esm.iv)("display:flex;align-items:flex-start;width:100%;padding-left:44px;overflow:hidden;perspective:1px;",theme.mediaQueries.md,"{display:none;}",theme.mediaQueries.lg,"{display:none;}","","","","","",""),AccordionContentPopover=theme=>(0,emotion_react_browser_esm.iv)("display:flex;",theme.mediaQueries.md,"{display:flex;}",theme.mediaQueries.lg,"{display:flex;}","","","","","",""),LogoWrapper=theme=>(0,emotion_react_browser_esm.iv)("position:relative;",theme.mediaQueries.md,"{justify-content:center;}",theme.mediaQueries.lg,"{justify-content:flex-start;}","","","","","",""),ContentToggle=theme=>(0,emotion_react_browser_esm.iv)("display:none;position:absolute;cursor:pointer;right:-17px;width:34px;height:34px;background:",theme.colors.greyLighter,";border-radius:12px;justify-content:center;align-items:center;& input{display:none;}& svg{cursor:pointer;}",theme.mediaQueries.lg,"{display:flex;}","","","","","","");var emotion_styled_base_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),NavBarBase=__webpack_require__("./src/components/NavBar/NavBarBase.ts");const popupIconsToggle=isVisible=>(0,emotion_react_browser_esm.iv)("& a>button{display:",isVisible?"block":"none",";}&>div>div>div>div:first-of-type{display:",isVisible?"block":"none",";&>button{display:",isVisible?"block":"none",";}}","","","","","",""),staticIconsToggle=isVisible=>(0,emotion_react_browser_esm.iv)("& a>div{display:",isVisible?"flex":"none",";}&>div>div>div>div:nth-of-type(2){display:",isVisible?"flex":"none",";}&>div>div>div:nth-of-type(2){display:",isVisible?"block":"none",";}","","","","","","");var CollapsibleNavBar_CollapsibleNavBarBase=(0,emotion_styled_base_browser_esm.Z)(NavBarBase.Z,{target:"eat377q0"})("padding:15px 0 0 15px;position:absolute;& li{",popupIconsToggle(!1),";}&.opened{background:linear-gradient(\n 108.3deg,\n ",(({theme:theme})=>theme.colors.greyDarker)," -0.36%,\n ",(({theme:theme})=>theme.colors.greyDarker)," 100%\n );align-items:flex-start;min-width:100%;width:100%;height:100%;",(({theme:theme})=>theme.mediaQueries.md),"{height:initial;}}&>input[type='checkbox']{&:checked{&~div:first-of-type{background-color:#4a4d51;& label span{opacity:1;transform:rotate(45deg) translate(-5px, -9px);background:",(({theme:theme})=>theme.colors.white),";&:nth-last-of-type(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}&:nth-last-of-type(2){transform:rotate(-45deg) translate(-2px, 8px);}}}&~div:nth-of-type(2){display:block;border-radius:12px 12px 0 0;height:calc(100vh - 60px);",(({theme:theme})=>theme.mediaQueries.xlg),"{border-radius:0;height:100vh;}}}}",(({theme:theme})=>theme.mediaQueries.md),"{width:85px;padding:0;position:static;z-index:0;min-width:unset;& li{",staticIconsToggle(!1)," ",popupIconsToggle(!0),";}}",(({theme:theme})=>theme.mediaQueries.lg),"{&.opened{min-width:unset;width:240px;&>div:nth-of-type(2){width:240px;padding-left:31px;& img{margin-left:0;}& li{justify-content:flex-start;& button{display:flex;}",staticIconsToggle(!0)," ",popupIconsToggle(!1)," &>a>span{display:block;}& div>div>div:nth-of-type(2){display:flex;}}}}}"),NavBarWrapper=__webpack_require__("./src/components/NavBar/NavBarWrapper.ts");var CollapsibleNavBar_CollapsibleNavBarWrapper=(0,emotion_styled_base_browser_esm.Z)(NavBarWrapper.Z,{target:"e17jwp1e0"})("transform:none;transition:unset;position:static;display:none;width:100%;",(({theme:theme})=>theme.mediaQueries.md),"{display:flex;flex-direction:column;align-items:center;height:100%;min-height:100vh;width:85px;border-radius:0;padding-top:35px;}"),NavBarList=__webpack_require__("./src/components/NavBar/NavBarList.ts");var CollapsibleNavBar_CollapsibleNavBarList=(0,emotion_styled_base_browser_esm.Z)(NavBarList.Z,{target:"em9v5k50"})("height:auto;padding:0 0 0 15px;margin:14px 0 0 0;",(({theme:theme})=>theme.mediaQueries.md),"{margin-top:90px;width:100%;padding:0;}",(({theme:theme})=>theme.mediaQueries.lg),"{margin-top:84px;}"),NavToggleWrapper=__webpack_require__("./src/components/NavBar/NavToggleWrapper.ts");var CollapsibleNavBar_CollapsibleNavToggleWrapper=(0,emotion_styled_base_browser_esm.Z)(NavToggleWrapper.Z,{target:"e1i07a9c0"})("border-radius:50%;background:",(({theme:theme})=>theme.colors.greyLighter),";height:40px;width:40px;",(({theme:theme})=>theme.mediaQueries.md),"{display:none;}");var _ref={name:"16v0cfi",styles:"cursor:pointer;height:20px;width:20px;transform:scale(-1, 1);span{height:2px;width:100%;background:black;display:block;margin:4px 0;transform-origin:4px 0;transition:transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.35s ease;&:first-of-type{transform-origin:0% 0%;}&:nth-last-of-type(2){transform-origin:0% 100%;}}"};const CollapsibleNavToggle=({id:id})=>(0,emotion_react_browser_esm.tZ)(react.Fragment,null,(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavToggleWrapper,null,(0,emotion_react_browser_esm.tZ)("label",{htmlFor:id,css:_ref},(0,emotion_react_browser_esm.tZ)("span",null),(0,emotion_react_browser_esm.tZ)("span",null),(0,emotion_react_browser_esm.tZ)("span",null))));var CollapsibleNavBar_CollapsibleNavToggle=CollapsibleNavToggle;try{CollapsibleNavToggle.displayName="CollapsibleNavToggle",CollapsibleNavToggle.__docgenInfo={description:"",displayName:"CollapsibleNavToggle",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx#CollapsibleNavToggle"]={docgenInfo:CollapsibleNavToggle.__docgenInfo,name:"CollapsibleNavToggle",path:"src/components/CollapsibleNavBar/CollapsibleNavToggle.tsx#CollapsibleNavToggle"})}catch(__react_docgen_typescript_loader_error){}var Icon=__webpack_require__("./src/components/Icon/Icon.tsx");var CollapsibleNavContentToggle_ref={name:"syxc93",styles:"width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer"};const NavContentToggle=({id:id,isChecked:isChecked})=>(0,emotion_react_browser_esm.tZ)("div",{css:ContentToggle},(0,emotion_react_browser_esm.tZ)("label",{htmlFor:id,css:CollapsibleNavContentToggle_ref},(0,emotion_react_browser_esm.tZ)(Icon.Z,{name:isChecked?"carrot-left":"carrot-right",size:14})));try{NavContentToggle.displayName="NavContentToggle",NavContentToggle.__docgenInfo={description:"",displayName:"NavContentToggle",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},isChecked:{defaultValue:null,description:"",name:"isChecked",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx#NavContentToggle"]={docgenInfo:NavContentToggle.__docgenInfo,name:"NavContentToggle",path:"src/components/CollapsibleNavBar/CollapsibleNavContentToggle.tsx#NavContentToggle"})}catch(__react_docgen_typescript_loader_error){}var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),AccordionContext=__webpack_require__("./src/components/AccordionGroup/AccordionContext.tsx"),AccordionGroup=__webpack_require__("./src/components/AccordionGroup/AccordionGroup.tsx"),Accordion=__webpack_require__("./src/components/AccordionGroup/Accordion.tsx"),AccordionGroup_AccordionTitle=__webpack_require__("./src/components/AccordionGroup/AccordionTitle.tsx"),NavBarItem=__webpack_require__("./src/components/NavBar/NavBarItem.ts");var CollapsibleNavBar_CollapsibleNavBarItem=(0,emotion_styled_base_browser_esm.Z)(NavBarItem.Z,{target:"e1m4ul8g0"})("align-items:flex-start;justify-content:flex-start;height:auto;min-height:24px;padding:12px 0;&:first-of-type{padding-top:0;}&:last-of-type{padding-bottom:0;}width:100%;&>a{height:26px;}",(({theme:theme})=>theme.mediaQueries.md),"{justify-content:center;padding:20px 0;width:100%;}"),NavBarLink=__webpack_require__("./src/components/NavBar/NavBarLink.ts");var CollapsibleNavBar_CollapsibleNavBarLink=(0,emotion_styled_base_browser_esm.Z)(NavBarLink.Z,{target:"ekeqo5r0"})("text-decoration:none;display:inline-flex;align-items:center;gap:20px;color:",(({theme:theme})=>theme.colors.white80),";svg{backdrop-filter:blur(0);}&:not(.active):hover{backdrop-filter:blur(0);filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.white})`),";color:",(({theme:theme})=>theme.colors.white),";svg{& path{fill:",(({theme:theme})=>theme.colors.white),";}& circle{stroke:",(({theme:theme})=>theme.colors.white),";}}}&>span{color:",(({theme:theme})=>theme.colors.white80),";",(({theme:theme})=>theme.mediaQueries.md),"{display:none;}}"),AccordionGroup_AccordionContent=__webpack_require__("./src/components/AccordionGroup/AccordionContent.tsx");const Link=(0,emotion_styled_base_browser_esm.Z)(CollapsibleNavBar_CollapsibleNavBarLink,{target:"e1gb8tyr0"})({name:"17te7b1",styles:"width:100%;padding:4.8px 0;&:first-of-type{padding-top:15px;}&:not(.active):hover{filter:initial;}&.active{text-decoration:underline;filter:initial;}"}),NavBarAccordionContent=({items:items,accordionUniqueName:accordionUniqueName,prefix:prefix,isPopover:isPopover,onClick:onClick,...rest})=>(0,emotion_react_browser_esm.tZ)(AccordionGroup_AccordionContent.v,(0,esm_extends.Z)({},rest,{css:[AccordionContent,isPopover&&AccordionContentPopover,"","","",""]}),items.map((subMenuItem=>(0,emotion_react_browser_esm.tZ)(Link,{key:`${accordionUniqueName}-link-${subMenuItem.title.replace(" ","").toLowerCase()}`,onClick:onClick,to:"/"+prefix+subMenuItem.path},subMenuItem.title))));try{NavBarAccordionContent.displayName="NavBarAccordionContent",NavBarAccordionContent.__docgenInfo={description:"",displayName:"NavBarAccordionContent",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarAccordionContent.tsx#NavBarAccordionContent"]={docgenInfo:NavBarAccordionContent.__docgenInfo,name:"NavBarAccordionContent",path:"src/components/CollapsibleNavBar/NavBarAccordionContent.tsx#NavBarAccordionContent"})}catch(__react_docgen_typescript_loader_error){}var floating_ui_core=__webpack_require__("../../node_modules/.pnpm/@floating-ui+core@1.4.1/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),Popover=__webpack_require__("./src/components/Popover/Popover.tsx"),PopoverTrigger=__webpack_require__("./src/components/Popover/PopoverTrigger.tsx"),PopoverContent=__webpack_require__("./src/components/Popover/PopoverContent.tsx"),PopoverHeading=__webpack_require__("./src/components/Popover/PopoverHeading.tsx"),PopoverDescription=__webpack_require__("./src/components/Popover/PopoverDescription.tsx");var NavBarPopover_ref={name:"eqp0yr",styles:"height:auto;padding:0;margin:0;cursor:pointer;background-color:unset;border-radius:0"};const CollapsibleNavBarPopover=({triggerIcon:triggerIcon,title:title,content:content})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),[open,setOpen]=(0,react.useState)(!1),{width:width}=(0,hooks_dist.useWindowSize)();return(0,react.useEffect)((()=>{setOpen(!1)}),[width]),(0,emotion_react_browser_esm.tZ)(Popover.J,{floatingOptions:{onOpenChange:open=>{setOpen(open)},open:open,middleware:[(0,floating_ui_core.cv)({mainAxis:37})]},placement:"right-start",interactionsEnabled:"both"},(0,emotion_react_browser_esm.tZ)(PopoverTrigger.x,{variant:"custom",dataTestId:"collapsible-nav-bar-trigger-button",css:NavBarPopover_ref,startIcon:triggerIcon}),(0,emotion_react_browser_esm.tZ)(PopoverContent.y,{css:(0,emotion_react_browser_esm.iv)({[theme.mediaQueries.xs]:{display:"none"},[theme.mediaQueries.md]:{display:"block"},zIndex:2},"","","","","",""),isFocusManagerDisabled:!0},(0,emotion_react_browser_esm.tZ)(PopoverHeading.b,{css:(0,emotion_react_browser_esm.iv)({color:theme.colors.white,fontSize:12,padding:"3px 5px 5px 5px",background:theme.colors.greyGraphite,borderRadius:5,cursor:"default",marginBottom:1,width:"auto",whiteSpace:"nowrap","&::before":{content:'""',display:"block",background:"rgba(71, 74, 80, 1)",borderRadius:2,position:"absolute",width:9,height:9,top:7,left:-4,transform:"rotate(45deg)",zIndex:-1}},"","","","","","")},title),(0,emotion_react_browser_esm.tZ)(PopoverDescription.E,{css:(0,emotion_react_browser_esm.iv)({"& > div":{padding:0,background:theme.colors.greyGraphite,borderRadius:5,width:85,"& > a":{color:theme.colors.white,padding:5,fontSize:12,fontWeight:400,"&:first-of-type":{paddingTop:5},"&:hover":{background:"#62656B"}}}},"","","","","","")},content)))};try{CollapsibleNavBarPopover.displayName="CollapsibleNavBarPopover",CollapsibleNavBarPopover.__docgenInfo={description:"",displayName:"CollapsibleNavBarPopover",props:{triggerIcon:{defaultValue:null,description:"",name:"triggerIcon",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarPopover.tsx#CollapsibleNavBarPopover"]={docgenInfo:CollapsibleNavBarPopover.__docgenInfo,name:"CollapsibleNavBarPopover",path:"src/components/CollapsibleNavBar/NavBarPopover.tsx#CollapsibleNavBarPopover"})}catch(__react_docgen_typescript_loader_error){}var TriggerIcon_ref={name:"180y5m1",styles:"width:auto;min-width:22px;justify-content:center;overflow:visible;position:relative;height:26px"};const TriggerIcon=({iconName:iconName,iconSize:iconSize,className:className,CustomIcon:CustomIcon})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.tZ)(Wrapper.Z,{css:TriggerIcon_ref,className:"trigger-icon"},CustomIcon?(0,emotion_react_browser_esm.tZ)(CustomIcon,{size:iconSize,className:className,color:theme.colors.grey}):(0,emotion_react_browser_esm.tZ)(Icon.Z,{name:iconName,color:theme.colors.grey,size:iconSize,className:className}))};try{TriggerIcon.displayName="TriggerIcon",TriggerIcon.__docgenInfo={description:"",displayName:"TriggerIcon",props:{iconName:{defaultValue:null,description:"",name:"iconName",required:!0,type:{name:"string | number | symbol"}},iconSize:{defaultValue:null,description:"",name:"iconSize",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},CustomIcon:{defaultValue:null,description:"",name:"CustomIcon",required:!1,type:{name:'(props: Omit<SVGProps, "fill">) => Element'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/TriggerIcon.tsx#TriggerIcon"]={docgenInfo:TriggerIcon.__docgenInfo,name:"TriggerIcon",path:"src/components/CollapsibleNavBar/TriggerIcon.tsx#TriggerIcon"})}catch(__react_docgen_typescript_loader_error){}const NavBarItemWithSubMenu_Link=CollapsibleNavBar_CollapsibleNavBarLink.withComponent("div",{target:"enmfiaw0"});var NavBarItemWithSubMenu_ref={name:"1d3w5wq",styles:"width:100%"},_ref2={name:"14hk0hx",styles:"padding:0;& ul li:last-child{padding-bottom:10px;}"};const NavBarItemWithSubMenu=({item:item,onClick:onClick})=>{const{iconName:iconName,iconSize:iconSize,title:title,items:items,prefix:prefix,css:css,CustomIcon:CustomIcon}=item,uniqName=iconName+title.replace(" ","").toLowerCase(),accordionUniqName=uniqName+"accordion",match=(0,dist.bS)(prefix+":id"),Icon=()=>(0,emotion_react_browser_esm.tZ)(TriggerIcon,{iconName:iconName,iconSize:iconSize,css:(0,emotion_react_browser_esm.iv)({...css},"","","","","","")});return(0,emotion_react_browser_esm.tZ)(AccordionContext.ns,{key:uniqName},(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarItem,null,(0,emotion_react_browser_esm.tZ)(AccordionGroup.b,{size:"small",css:NavBarItemWithSubMenu_ref},(0,emotion_react_browser_esm.tZ)(Accordion.U,{id:accordionUniqName,title:title,isOpened:!1,ariaControls:`${accordionUniqName}-panel`,css:_ref2,renderContent:props=>(0,emotion_react_browser_esm.tZ)(NavBarAccordionContent,(0,esm_extends.Z)({items:items,accordionUniqueName:accordionUniqName,prefix:prefix,isPopover:!1,onClick:onClick},props)),renderTitle:data=>(0,emotion_react_browser_esm.tZ)(Wrapper.Z,{onClick:data.onClick,css:AccordionTitleWrapper},(0,emotion_react_browser_esm.tZ)(NavBarItemWithSubMenu_Link,{to:"",className:match?" active":""},(0,emotion_react_browser_esm.tZ)(CollapsibleNavBarPopover,{triggerIcon:(0,emotion_react_browser_esm.tZ)(Icon,null),title:data.title,content:(0,emotion_react_browser_esm.tZ)(NavBarAccordionContent,{items:items,accordionUniqueName:accordionUniqName,prefix:prefix,id:accordionUniqName,isOpened:!0,isPopover:!0})})),(0,emotion_react_browser_esm.tZ)(NavBarItemWithSubMenu_Link,{to:"",className:"icon-wrapper"+(match?" active":"")},CustomIcon?(0,emotion_react_browser_esm.tZ)(CustomIcon,null):(0,emotion_react_browser_esm.tZ)(Icon,null),(0,emotion_react_browser_esm.tZ)(AccordionGroup_AccordionTitle.i,(0,esm_extends.Z)({},data,{css:AccordionTitle}))))}))))};try{NavBarItemWithSubMenu.displayName="NavBarItemWithSubMenu",NavBarItemWithSubMenu.__docgenInfo={description:"",displayName:"NavBarItemWithSubMenu",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"CollapsibleNavBarGroup"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx#NavBarItemWithSubMenu"]={docgenInfo:NavBarItemWithSubMenu.__docgenInfo,name:"NavBarItemWithSubMenu",path:"src/components/CollapsibleNavBar/NavBarItemWithSubMenu.tsx#NavBarItemWithSubMenu"})}catch(__react_docgen_typescript_loader_error){}const NavBarItemWithoutSubMenu=({item:item,onClick:onClick})=>{const{path:path,iconName:iconName,title:title,iconSize:iconSize,css:css,CustomIcon:CustomIcon}=item,Icon=()=>(0,emotion_react_browser_esm.tZ)(TriggerIcon,{iconName:iconName,iconSize:iconSize,CustomIcon:CustomIcon,css:(0,emotion_react_browser_esm.iv)({...css},"","","","","","")});return(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarItem,{key:path},(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarLink,{to:"/"+path,onClick:onClick},(0,emotion_react_browser_esm.tZ)(CollapsibleNavBarPopover,{triggerIcon:(0,emotion_react_browser_esm.tZ)(Icon,null),title:title}),(0,emotion_react_browser_esm.tZ)(Icon,null),(0,emotion_react_browser_esm.tZ)("span",null,title)))};try{NavBarItemWithoutSubMenu.displayName="NavBarItemWithoutSubMenu",NavBarItemWithoutSubMenu.__docgenInfo={description:"",displayName:"NavBarItemWithoutSubMenu",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"CollapsibleNavBarItem"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx#NavBarItemWithoutSubMenu"]={docgenInfo:NavBarItemWithoutSubMenu.__docgenInfo,name:"NavBarItemWithoutSubMenu",path:"src/components/CollapsibleNavBar/NavBarItemWithoutSubMenu.tsx#NavBarItemWithoutSubMenu"})}catch(__react_docgen_typescript_loader_error){}const SCREEN_SIZES_900={width:900,height:1200},CollapsibleNavBar=({items:items,renderLogo:renderLogo,onChange:onChange})=>{const toggleId=(0,react.useId)(),{width:width}=(0,hooks_dist.useWindowSize)(),[isChecked,onToggle]=(0,react.useState)(!1),isMobile=width<SCREEN_SIZES_900.width;(0,react.useEffect)((()=>{onToggle(!1)}),[width]),(0,react.useEffect)((()=>{onChange?.(isChecked)}),[isChecked]);const handleCloseMobileMenu=()=>{isMobile&&onToggle(!isChecked)};return(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarBase,{className:isChecked?"opened":void 0},(0,emotion_react_browser_esm.tZ)("input",{type:"checkbox",id:toggleId,checked:isChecked,onChange:()=>{onToggle(!isChecked)}}),(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavToggle,{id:toggleId}),(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarWrapper,null,(0,emotion_react_browser_esm.tZ)(Wrapper.Z,{css:LogoWrapper},renderLogo,(0,emotion_react_browser_esm.tZ)(NavContentToggle,{id:toggleId,isChecked:isChecked})),(0,emotion_react_browser_esm.tZ)(CollapsibleNavBar_CollapsibleNavBarList,null,items.map((item=>{const{iconName:iconName,title:title}=item,keyName=iconName+title.replace(" ","").toLowerCase();return"items"in item?(0,emotion_react_browser_esm.tZ)(NavBarItemWithSubMenu,{item:item,key:keyName,onClick:handleCloseMobileMenu}):(0,emotion_react_browser_esm.tZ)(NavBarItemWithoutSubMenu,{item:item,key:keyName,onClick:handleCloseMobileMenu})})))))};try{CollapsibleNavBar.displayName="CollapsibleNavBar",CollapsibleNavBar.__docgenInfo={description:"UI Component that shows the collapsible navigation bar",displayName:"CollapsibleNavBar",props:{items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"(CollapsibleNavBarItem | CollapsibleNavBarGroup)[]"}},renderLogo:{defaultValue:null,description:"",name:"renderLogo",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"(isChecked: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/CollapsibleNavBar.tsx#CollapsibleNavBar"]={docgenInfo:CollapsibleNavBar.__docgenInfo,name:"CollapsibleNavBar",path:"src/components/CollapsibleNavBar/CollapsibleNavBar.tsx#CollapsibleNavBar"})}catch(__react_docgen_typescript_loader_error){}const ITEMS=[{path:"",iconName:"home",iconSize:20,title:"Dashboard"},{path:"bots",iconName:"robot",iconSize:54,title:"Bots",css:{position:"absolute",top:"-14px"}},{path:"notifications",iconName:"notification",iconSize:24,title:"Notifications"},{prefix:"statistics/",iconName:"chart",iconSize:22,title:"Statistics",items:[{path:"balance",title:"Balance"},{path:"max-in-work",title:"Max in Work"},{path:"orders",title:"Orders"},{path:"pnl",title:"PNL"},{path:"turnover",title:"Turnover"},{path:"hourly-pnl",title:"Hourly PNL"}]},{path:"history",iconName:"clock",iconSize:24,title:"History"},{path:"settings",iconName:"settings",iconSize:20,title:"Settings"}];var ResponsiveImage=__webpack_require__("./src/components/ResponsiveImage/ResponsiveImage.tsx");const ResponsiveLogo=theme=>(0,emotion_react_browser_esm.iv)("width:48px;height:42px;&:hover:{filter:drop-shadow(0px 5px 5px ",theme.colors.grey,");}display:none;",theme.mediaQueries.md,"{display:block;}",theme.mediaQueries.lg,"{width:55px;height:48px;margin-left:7px;&:has(~ div > input[type='checkbox']:checked){margin-left:34px;}}","","","","","",""),Logo=()=>(0,emotion_react_browser_esm.tZ)(ResponsiveImage.Z,{css:ResponsiveLogo,srcSet:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Large_Left.png?alt=media&token=b6fe7ab8-fd0b-475f-bb08-360311f27693 69w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Medium_Left.png?alt=media&token=a1aeba69-7c07-40c9-aeac-c2477640870d 55w",sizes:"(min-width: 900px) 55px, (min-width: 1440px) 69px",src:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Small_Left.png?alt=media&token=bff7149e-3b90-4657-8a11-040e83990e6f",alt:"SSA CTP logo"});var NotificationCard=__webpack_require__("./src/components/NotificationCard/NotificationCard.tsx");const Main=(0,emotion_styled_base_browser_esm.Z)("main",{target:"e3m044l0"})("background:linear-gradient(\n 143deg,\n #e7ebf1 -4.16%,\n #d7d9dd 39.37%,\n #cccdd2 52.66%,\n #e1e4ea 87.68%\n ),#f8f9fb;width:100%;padding:60px 10px 10px 15px;",(({theme:theme})=>theme.mediaQueries.md),"{padding:10px 21px 10px 35px;}",(({theme:theme})=>theme.mediaQueries.lg),"{padding:10px 49px 10px 36px;}",(({theme:theme})=>theme.mediaQueries.xlg),"{padding:10px 60px 10px 62px;}");var Layout_ref={name:"bdrx3o",styles:"display:flex;min-height:100vh;position:relative"};const Layout=({children:children})=>(0,emotion_react_browser_esm.tZ)("div",{css:Layout_ref},children,(0,emotion_react_browser_esm.tZ)(Main,null,new Array(100).fill(1).map(((_,index)=>(0,emotion_react_browser_esm.tZ)(NotificationCard.s,{key:index,title:"CyberVeinToken is Now Available",text:"With our newest listing, we’re welcoming Wrapped",isRead:!1,type:"Informational",time:Date.now()})))));try{Layout.displayName="Layout",Layout.__docgenInfo={description:"",displayName:"Layout",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CollapsibleNavBar/stories/Layout.tsx#Layout"]={docgenInfo:Layout.__docgenInfo,name:"Layout",path:"src/components/CollapsibleNavBar/stories/Layout.tsx#Layout"})}catch(__react_docgen_typescript_loader_error){}var CollapsibleNavBar_stories={title:"Widgets/CollapsibleNavBar",component:CollapsibleNavBar,parameters:{layout:"fullscreen",docs:{page:()=>(0,emotion_react_browser_esm.tZ)(react.Fragment,null,(0,emotion_react_browser_esm.tZ)(addon_docs_dist.Dx,null),(0,emotion_react_browser_esm.tZ)(addon_docs_dist.dk,null),(0,emotion_react_browser_esm.tZ)(addon_docs_dist.Hw,{code:"<CollapsibleNavBar />"}))}},decorators:[Story=>(0,emotion_react_browser_esm.tZ)(dist.VA,null,(0,emotion_react_browser_esm.tZ)(dist.Z5,null,(0,emotion_react_browser_esm.tZ)(dist.AW,{path:"/*",element:(0,emotion_react_browser_esm.tZ)(Story,null)}))),Story=>(0,emotion_react_browser_esm.tZ)(Layout,null,Story())],args:{items:ITEMS,renderLogo:(0,emotion_react_browser_esm.tZ)(Logo,null),onChange:isChecked=>{console.log(">>>onChange",isChecked)}}};const Default={},WithCustomIcon={title:"With Custom Icon",component:CollapsibleNavBar,parameters:{layout:"fullscreen"},args:{items:[...ITEMS,{path:"custom",CustomIcon:()=>(0,emotion_react_browser_esm.tZ)("svg",(0,esm_extends.Z)({className:"svg-icon",width:24,height:24,viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},{}),(0,emotion_react_browser_esm.tZ)("path",{d:"M708.76 993.953333a53.366667 53.366667 0 0 1-46.28-26.666666L532.1 741.466667l-154.666667 148.586666A21.333333 21.333333 0 0 1 341.333333 874.666667V192a21.333333 21.333333 0 0 1 6.706667-15.526667c5.333333-5.02 15.26-8.74 25.72-2.666666l91.946667 53.086666 498.833333 288a21.333333 21.333333 0 0 1-4.733333 38.966667l-206 59.64 130.386666 225.826667a53.333333 53.333333 0 0 1-19.526666 72.826666l-129.333334 74.666667a53.02 53.02 0 0 1-26.573333 7.133333z m-171.806667-308.073333a20.666667 20.666667 0 0 1 3 0.213333 21.333333 21.333333 0 0 1 15.48 10.453334l144 249.413333a10.666667 10.666667 0 0 0 14.566667 3.906667l129.333333-74.666667a10.666667 10.666667 0 0 0 3.906667-14.573333l-144-249.413334a21.333333 21.333333 0 0 1 12.546667-31.16l184.053333-53.286666L384 228.953333v595.633334l138.18-132.76a21.333333 21.333333 0 0 1 14.773333-5.946667zM298.666667 661.333333a21.333333 21.333333 0 0 0-21.333334-21.333333H96a10.666667 10.666667 0 0 1-10.666667-10.666667V96a10.666667 10.666667 0 0 1 10.666667-10.666667h746.666667a10.666667 10.666667 0 0 1 10.666666 10.666667v266.666667a21.333333 21.333333 0 0 0 42.666667 0V96a53.393333 53.393333 0 0 0-53.333333-53.333333H96a53.393333 53.393333 0 0 0-53.333333 53.333333v533.333333a53.393333 53.393333 0 0 0 53.333333 53.333334h181.333333a21.333333 21.333333 0 0 0 21.333334-21.333334z",fill:"rgb(195, 197, 204)"})),title:"Item with custom icon"}],renderLogo:(0,emotion_react_browser_esm.tZ)(Logo,null),onChange:isChecked=>{console.log(">>>onChange",isChecked)}}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}},WithCustomIcon.parameters={...WithCustomIcon.parameters,docs:{...WithCustomIcon.parameters?.docs,source:{originalSource:"{\n title: 'With Custom Icon',\n component: CollapsibleNavBar,\n parameters: {\n layout: 'fullscreen'\n },\n args: {\n items: [...ITEMS, {\n path: 'custom',\n CustomIcon,\n title: 'Item with custom icon'\n }],\n renderLogo: <Logo />,\n onChange: isChecked => {\n console.log('>>>onChange', isChecked);\n }\n }\n} as Meta<typeof CollapsibleNavBar>",...WithCustomIcon.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCustomIcon"]},"./src/components/NavBar/NavBarBase.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){const NavBarBase=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("nav",{target:"ejhe3dp0"})("align-items:center;justify-content:center;z-index:9999;color:",(({theme:theme})=>theme.colors.greyLighter),";input[type='checkbox']{display:none;&:checked{&~div:first-of-type{background-color:#dee1ec;}&~div:nth-of-type(2){transform:translateY(0);border-radius:12px 12px 0 0;height:calc(100vh - 60px);",(({theme:theme})=>theme.mediaQueries.lg),"{border-radius:0;height:100vh;}}}}",(({theme:theme})=>theme.mediaQueries.lg),"{display:flex;top:0;border-radius:0;button{display:none;}}");__webpack_exports__.Z=NavBarBase},"./src/components/NavBar/NavBarItem.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){const NavBarItem=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("li",{target:"e6xb0400"})({name:"fd4ibt",styles:"display:flex;flex:1 1 100%;align-items:center;justify-content:center;height:65px"});__webpack_exports__.Z=NavBarItem},"./src/components/NavBar/NavBarLink.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),react_router_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/react-router-dom@6.11.2_react-dom@18.2.0_react@18.2.0/node_modules/react-router-dom/dist/index.js");const NavBarLink=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(react_router_dom__WEBPACK_IMPORTED_MODULE_1__.OL,{target:"ek1ggez0"})("cursor:pointer;&:not(.active):hover{svg{filter:",(({theme:theme})=>`drop-shadow(-4px 4px 14px ${theme.colors.white})`),";}}&.active{cursor:default;backdrop-filter:blur(0);filter:drop-shadow(-4px 4px 14px ",(({theme:theme})=>theme.colors.white),");color:",(({theme:theme})=>theme.colors.white),";svg{filter:drop-shadow(-4px 4px 14px ",(({theme:theme})=>theme.colors.white),");& path{fill:",(({theme:theme})=>theme.colors.white),";}& circle{stroke:",(({theme:theme})=>theme.colors.white),";}}}");__webpack_exports__.Z=NavBarLink},"./src/components/NavBar/NavBarList.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){const NavBarList=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("ul",{target:"e3ju6b30"})({name:"t0tg5g",styles:"display:flex;flex-wrap:wrap;list-style:none;align-items:center;align-self:center;height:486px;padding:0"});__webpack_exports__.Z=NavBarList},"./src/components/NavBar/NavBarWrapper.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){const NavBarWrapper=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("div",{target:"e2jodrv0"})("position:absolute;top:60px;left:0;width:56px;border-radius:12px 12px 0 0;background:linear-gradient(\n 108.3deg,\n ",(({theme:theme})=>theme.colors.greyDarker)," -0.36%,\n ",(({theme:theme})=>theme.colors.greyDarker)," 100%\n );transform:translateY(-200vh);transition:height 475ms ease,transform 450ms ease,border-radius 450ms ease;",(({theme:theme})=>theme.mediaQueries.md),"{width:64px;}",(({theme:theme})=>theme.mediaQueries.xlg),"{display:flex;position:fixed;top:0;width:94px;height:100vh;border-radius:0;transform:translateY(0);}");__webpack_exports__.Z=NavBarWrapper},"./src/components/NavBar/NavToggleWrapper.ts":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){const NavToggleWrapper=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("div",{target:"e1h667tn0"})("display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:none;border-radius:25px;background:transparent;height:36px;width:36px;",(({theme:theme})=>theme.mediaQueries.lg),"{display:none;}");__webpack_exports__.Z=NavToggleWrapper},"./src/components/Popover/Popover.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{J:function(){return Popover}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),floating_ui_react=__webpack_require__("../../node_modules/.pnpm/@floating-ui+react@0.25.4_react-dom@18.2.0_react@18.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),floating_ui_dom=__webpack_require__("../../node_modules/.pnpm/@floating-ui+dom@1.5.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),floating_ui_core=__webpack_require__("../../node_modules/.pnpm/@floating-ui+core@1.4.1/node_modules/@floating-ui/core/dist/floating-ui.core.mjs");const usePopover=({initialOpen:initialOpen=!1,placement:placement="bottom",modal:modal,open:controlledOpen,onOpenChange:setControlledOpen,floatingOptions:floatingOptions={},interactionsEnabled:interactionsEnabled="click"}={})=>{const[uncontrolledOpen,setUncontrolledOpen]=react.useState(initialOpen),[labelId,setLabelId]=react.useState(),[descriptionId,setDescriptionId]=react.useState(),open=controlledOpen??uncontrolledOpen,setOpen=setControlledOpen??setUncontrolledOpen,data=(0,floating_ui_react.YF)({placement:placement,open:open,onOpenChange:setOpen,whileElementsMounted:floating_ui_dom.Me,middleware:[(0,floating_ui_core.cv)(5),(0,floating_ui_core.RR)({crossAxis:placement.includes("-"),padding:5}),(0,floating_ui_core.uY)({padding:5})],...floatingOptions}),context=data.context,click=(0,floating_ui_react.eS)(context,{enabled:null==controlledOpen&&["click","both"].includes(interactionsEnabled)}),dismiss=(0,floating_ui_react.bQ)(context,{referencePress:!0,ancestorScroll:!0}),role=(0,floating_ui_react.qs)(context),hover=(0,floating_ui_react.XI)(context,{enabled:null==controlledOpen&&["hover","both"].includes(interactionsEnabled),handleClose:(0,floating_ui_react.xp)()}),interactionsHooks=[dismiss,role];switch(interactionsEnabled){case"click":interactionsHooks.push(click);break;case"hover":interactionsHooks.push(hover);break;default:interactionsHooks.push(click,hover)}const interactions=(0,floating_ui_react.NI)(interactionsHooks);return react.useMemo((()=>({open:open,setOpen:setOpen,...interactions,...data,modal:modal,labelId:labelId,descriptionId:descriptionId,floatingOptions:floatingOptions,setLabelId:setLabelId,setDescriptionId:setDescriptionId})),[open,setOpen,interactions,data,modal,labelId,descriptionId,floatingOptions])};try{usePopover.displayName="usePopover",usePopover.__docgenInfo={description:"",displayName:"usePopover",props:{initialOpen:{defaultValue:{value:"false"},description:"",name:"initialOpen",required:!1,type:{name:"boolean"}},placement:{defaultValue:{value:"bottom"},description:"",name:"placement",required:!1,type:{name:"Placement"}},modal:{defaultValue:null,description:"",name:"modal",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},floatingOptions:{defaultValue:{value:"{}"},description:"",name:"floatingOptions",required:!1,type:{name:"Partial<UseFloatingOptions<ReferenceType>>"}},interactionsEnabled:{defaultValue:{value:"click"},description:"",name:"interactionsEnabled",required:!1,type:{name:"InteractionsEnabled"}},onOpenChange:{defaultValue:null,description:"",name:"onOpenChange",required:!1,type:{name:"(open: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/hooks/usePopover.tsx#usePopover"]={docgenInfo:usePopover.__docgenInfo,name:"usePopover",path:"src/components/Popover/hooks/usePopover.tsx#usePopover"})}catch(__react_docgen_typescript_loader_error){}var usePopoverContext=__webpack_require__("./src/components/Popover/hooks/usePopoverContext.tsx"),emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const Popover=({children:children,modal:modal=!1,...restOptions})=>{const popover=usePopover({modal:modal,...restOptions});return(0,emotion_react_browser_esm.tZ)(usePopoverContext.m.Provider,{value:popover},children)};try{Popover.displayName="Popover",Popover.__docgenInfo={description:"",displayName:"Popover",props:{initialOpen:{defaultValue:null,description:"",name:"initialOpen",required:!1,type:{name:"boolean"}},placement:{defaultValue:null,description:"",name:"placement",required:!1,type:{name:"Placement"}},modal:{defaultValue:{value:"false"},description:"",name:"modal",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},floatingOptions:{defaultValue:null,description:"",name:"floatingOptions",required:!1,type:{name:"Partial<UseFloatingOptions<ReferenceType>>"}},interactionsEnabled:{defaultValue:null,description:"",name:"interactionsEnabled",required:!1,type:{name:"InteractionsEnabled"}},onOpenChange:{defaultValue:null,description:"",name:"onOpenChange",required:!1,type:{name:"(open: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/Popover.tsx#Popover"]={docgenInfo:Popover.__docgenInfo,name:"Popover",path:"src/components/Popover/Popover.tsx#Popover"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/PopoverContent.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{y:function(){return PopoverContent}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@floating-ui+react@0.25.4_react-dom@18.2.0_react@18.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Popover/hooks/usePopoverContext.tsx"),_components_Wrapper__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Wrapper/Wrapper.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");var _ref={name:"3abrc0",styles:"width:auto"};const PopoverContent=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function PopoverContent({style:style,isFocusManagerDisabled:isFocusManagerDisabled=!1,...props},propRef){const{context:floatingContext,...context}=(0,_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__.l)(),ref=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.qq)([context.refs.setFloating,propRef]);return floatingContext.open?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.ll,null,(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.wD,{context:floatingContext,modal:context.modal,disabled:isFocusManagerDisabled},(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_components_Wrapper__WEBPACK_IMPORTED_MODULE_4__.Z,(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({ref:ref,css:_ref,style:{...context.floatingStyles,...style},"aria-labelledby":context.labelId,"aria-describedby":context.descriptionId,direction:"column"},context.getFloatingProps(props)),props.children))):null}));try{PopoverContent.displayName="PopoverContent",PopoverContent.__docgenInfo={description:"",displayName:"PopoverContent",props:{cite:{defaultValue:null,description:"",name:"cite",required:!1,type:{name:"string"}},data:{defaultValue:null,description:"",name:"data",required:!1,type:{name:"string"}},form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},span:{defaultValue:null,description:"",name:"span",required:!1,type:{name:"number"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},summary:{defaultValue:null,description:"",name:"summary",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},pattern:{defaultValue:null,description:"",name:"pattern",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"number"}},start:{defaultValue:null,description:"",name:"start",required:!1,type:{name:"number"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"string | number"}},media:{defaultValue:null,description:"",name:"media",required:!1,type:{name:"string"}},method:{defaultValue:null,description:"",name:"method",required:!1,type:{name:"string"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"string | number"}},target:{defaultValue:null,description:"",name:"target",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},crossOrigin:{defaultValue:null,description:"",name:"crossOrigin",required:!1,type:{name:'"" | "anonymous" | "use-credentials"'}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:"Booleanish"}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "both" | "list" | "inline"'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:"Booleanish"}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "false" | "true" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "page" | "date" | "false" | "true" | "step" | "location"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:"Booleanish"}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup"'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:"Booleanish"}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:"Booleanish"}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "grid" | "tree" | "false" | "true" | "listbox"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:"Booleanish"}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "false" | "true" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite"'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:"Booleanish"}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:"Booleanish"}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:"Booleanish"}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical"'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "false" | "true" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:"Booleanish"}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"Booleanish"}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:"Booleanish"}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "other" | "ascending" | "descending"'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string | TrustedHTML; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLDivElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLDivElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLDivElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLDivElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLDivElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLDivElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLDivElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLDivElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLDivElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLDivElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLDivElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLDivElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLDivElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},css:{defaultValue:null,description:"",name:"css",required:!1,type:{name:"Interpolation<Theme>"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},alt:{defaultValue:null,description:"",name:"alt",required:!1,type:{name:"string"}},srcSet:{defaultValue:null,description:"",name:"srcSet",required:!1,type:{name:"string"}},sizes:{defaultValue:null,description:"",name:"sizes",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number | readonly string[]"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},step:{defaultValue:null,description:"",name:"step",required:!1,type:{name:"string | number"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'"inherit" | Booleanish'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},rel:{defaultValue:null,description:"",name:"rel",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},rev:{defaultValue:null,description:"",name:"rev",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off"'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal"'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},list:{defaultValue:null,description:"",name:"list",required:!1,type:{name:"string"}},htmlFor:{defaultValue:null,description:"",name:"htmlFor",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"number"}},default:{defaultValue:null,description:"",name:"default",required:!1,type:{name:"boolean"}},isFocusManagerDisabled:{defaultValue:{value:"false"},description:"",name:"isFocusManagerDisabled",required:!1,type:{name:"boolean"}},accept:{defaultValue:null,description:"",name:"accept",required:!1,type:{name:"string"}},acceptCharset:{defaultValue:null,description:"",name:"acceptCharset",required:!1,type:{name:"string"}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"string"}},allowFullScreen:{defaultValue:null,description:"",name:"allowFullScreen",required:!1,type:{name:"boolean"}},allowTransparency:{defaultValue:null,description:"",name:"allowTransparency",required:!1,type:{name:"boolean"}},async:{defaultValue:null,description:"",name:"async",required:!1,type:{name:"boolean"}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"string"}},autoPlay:{defaultValue:null,description:"",name:"autoPlay",required:!1,type:{name:"boolean"}},capture:{defaultValue:null,description:"",name:"capture",required:!1,type:{name:'boolean | "user" | "environment"'}},cellPadding:{defaultValue:null,description:"",name:"cellPadding",required:!1,type:{name:"string | number"}},cellSpacing:{defaultValue:null,description:"",name:"cellSpacing",required:!1,type:{name:"string | number"}},charSet:{defaultValue:null,description:"",name:"charSet",required:!1,type:{name:"string"}},challenge:{defaultValue:null,description:"",name:"challenge",required:!1,type:{name:"string"}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean"}},classID:{defaultValue:null,description:"",name:"classID",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},controls:{defaultValue:null,description:"",name:"controls",required:!1,type:{name:"boolean"}},coords:{defaultValue:null,description:"",name:"coords",required:!1,type:{name:"string"}},dateTime:{defaultValue:null,description:"",name:"dateTime",required:!1,type:{name:"string"}},defer:{defaultValue:null,description:"",name:"defer",required:!1,type:{name:"boolean"}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"any"}},encType:{defaultValue:null,description:"",name:"encType",required:!1,type:{name:"string"}},formAction:{defaultValue:null,description:"",name:"formAction",required:!1,type:{name:"string"}},formEncType:{defaultValue:null,description:"",name:"formEncType",required:!1,type:{name:"string"}},formMethod:{defaultValue:null,description:"",name:"formMethod",required:!1,type:{name:"string"}},formNoValidate:{defaultValue:null,description:"",name:"formNoValidate",required:!1,type:{name:"boolean"}},formTarget:{defaultValue:null,description:"",name:"formTarget",required:!1,type:{name:"string"}},frameBorder:{defaultValue:null,description:"",name:"frameBorder",required:!1,type:{name:"string | number"}},headers:{defaultValue:null,description:"",name:"headers",required:!1,type:{name:"string"}},high:{defaultValue:null,description:"",name:"high",required:!1,type:{name:"number"}},hrefLang:{defaultValue:null,description:"",name:"hrefLang",required:!1,type:{name:"string"}},httpEquiv:{defaultValue:null,description:"",name:"httpEquiv",required:!1,type:{name:"string"}},integrity:{defaultValue:null,description:"",name:"integrity",required:!1,type:{name:"string"}},keyParams:{defaultValue:null,description:"",name:"keyParams",required:!1,type:{name:"string"}},keyType:{defaultValue:null,description:"",name:"keyType",required:!1,type:{name:"string"}},kind:{defaultValue:null,description:"",name:"kind",required:!1,type:{name:"string"}},loop:{defaultValue:null,description:"",name:"loop",required:!1,type:{name:"boolean"}},low:{defaultValue:null,description:"",name:"low",required:!1,type:{name:"number"}},manifest:{defaultValue:null,description:"",name:"manifest",required:!1,type:{name:"string"}},marginHeight:{defaultValue:null,description:"",name:"marginHeight",required:!1,type:{name:"number"}},marginWidth:{defaultValue:null,description:"",name:"marginWidth",required:!1,type:{name:"number"}},mediaGroup:{defaultValue:null,description:"",name:"mediaGroup",required:!1,type:{name:"string"}},minLength:{defaultValue:null,description:"",name:"minLength",required:!1,type:{name:"number"}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},muted:{defaultValue:null,description:"",name:"muted",required:!1,type:{name:"boolean"}},noValidate:{defaultValue:null,description:"",name:"noValidate",required:!1,type:{name:"boolean"}},optimum:{defaultValue:null,description:"",name:"optimum",required:!1,type:{name:"number"}},playsInline:{defaultValue:null,description:"",name:"playsInline",required:!1,type:{name:"boolean"}},poster:{defaultValue:null,description:"",name:"poster",required:!1,type:{name:"string"}},preload:{defaultValue:null,description:"",name:"preload",required:!1,type:{name:"string"}},reversed:{defaultValue:null,description:"",name:"reversed",required:!1,type:{name:"boolean"}},rowSpan:{defaultValue:null,description:"",name:"rowSpan",required:!1,type:{name:"number"}},sandbox:{defaultValue:null,description:"",name:"sandbox",required:!1,type:{name:"string"}},scope:{defaultValue:null,description:"",name:"scope",required:!1,type:{name:"string"}},scoped:{defaultValue:null,description:"",name:"scoped",required:!1,type:{name:"boolean"}},scrolling:{defaultValue:null,description:"",name:"scrolling",required:!1,type:{name:"string"}},seamless:{defaultValue:null,description:"",name:"seamless",required:!1,type:{name:"boolean"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},shape:{defaultValue:null,description:"",name:"shape",required:!1,type:{name:"string"}},srcDoc:{defaultValue:null,description:"",name:"srcDoc",required:!1,type:{name:"string"}},srcLang:{defaultValue:null,description:"",name:"srcLang",required:!1,type:{name:"string"}},useMap:{defaultValue:null,description:"",name:"useMap",required:!1,type:{name:"string"}},wmode:{defaultValue:null,description:"",name:"wmode",required:!1,type:{name:"string"}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"string"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"Ref<HTMLDivElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/PopoverContent.tsx#PopoverContent"]={docgenInfo:PopoverContent.__docgenInfo,name:"PopoverContent",path:"src/components/Popover/PopoverContent.tsx#PopoverContent"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/PopoverDescription.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{E:function(){return PopoverDescription}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@floating-ui+react@0.25.4_react-dom@18.2.0_react@18.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Popover/hooks/usePopoverContext.tsx"),_components_Typography__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Typography/Typography.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const PopoverDescription=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function PopoverDescription(props,ref){const{setDescriptionId:setDescriptionId}=(0,_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__.l)(),id=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.PC)();return react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect((()=>(setDescriptionId(id),()=>setDescriptionId(void 0))),[id,setDescriptionId]),(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_components_Typography__WEBPACK_IMPORTED_MODULE_4__.Z,(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({as:"div"},props,{ref:ref,id:id}))}));try{PopoverDescription.displayName="PopoverDescription",PopoverDescription.__docgenInfo={description:"",displayName:"PopoverDescription",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/PopoverDescription.tsx#PopoverDescription"]={docgenInfo:PopoverDescription.__docgenInfo,name:"PopoverDescription",path:"src/components/Popover/PopoverDescription.tsx#PopoverDescription"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/PopoverHeading.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{b:function(){return PopoverHeading}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@floating-ui+react@0.25.4_react-dom@18.2.0_react@18.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Popover/hooks/usePopoverContext.tsx"),_components_Typography__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Typography/Typography.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const PopoverHeading=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function PopoverHeading(props,ref){const{setLabelId:setLabelId}=(0,_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__.l)(),id=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.PC)();return react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect((()=>(setLabelId(id),()=>setLabelId(void 0))),[id,setLabelId]),(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_components_Typography__WEBPACK_IMPORTED_MODULE_4__.Z,(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({},props,{ref:ref,id:id}),props.children)}));try{PopoverHeading.displayName="PopoverHeading",PopoverHeading.__docgenInfo={description:"",displayName:"PopoverHeading",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/PopoverHeading.tsx#PopoverHeading"]={docgenInfo:PopoverHeading.__docgenInfo,name:"PopoverHeading",path:"src/components/Popover/PopoverHeading.tsx#PopoverHeading"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/PopoverTrigger.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{x:function(){return PopoverTrigger}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@floating-ui+react@0.25.4_react-dom@18.2.0_react@18.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.mjs"),_components_Button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Button/Button.tsx"),_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Popover/hooks/usePopoverContext.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");var _ref={name:"220rkc",styles:"color:#fff"};const PopoverTrigger=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function PopoverTrigger({children:children,asChild:asChild=!1,dataTestId:dataTestId="trigger-button",...props},propRef){const context=(0,_hooks_usePopoverContext__WEBPACK_IMPORTED_MODULE_1__.l)(),childrenRef=children?.ref,ref=(0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.qq)([context?.refs.setReference,propRef,childrenRef]);return asChild&&react__WEBPACK_IMPORTED_MODULE_0__.isValidElement(children)?react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,context?.getReferenceProps({ref:ref,...props,...children.props,"data-state":context.open?"open":"closed"})):(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.tZ)(_components_Button__WEBPACK_IMPORTED_MODULE_4__.Z,(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_5__.Z)({css:_ref,"data-testid":dataTestId,ref:ref,"data-state":context?.open?"open":"closed"},context?.getReferenceProps(props)),children)}));try{PopoverTrigger.displayName="PopoverTrigger",PopoverTrigger.__docgenInfo={description:"",displayName:"PopoverTrigger",props:{ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",name:"ref",required:!1,type:{name:"Ref<HTMLElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},css:{defaultValue:null,description:"",name:"css",required:!1,type:{name:"Interpolation<Theme>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/PopoverTrigger.tsx#PopoverTrigger"]={docgenInfo:PopoverTrigger.__docgenInfo,name:"PopoverTrigger",path:"src/components/Popover/PopoverTrigger.tsx#PopoverTrigger"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/hooks/usePopoverContext.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:function(){return usePopoverContext},m:function(){return PopoverContext}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js");const PopoverContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext({}),usePopoverContext=()=>{const context=react__WEBPACK_IMPORTED_MODULE_0__.useContext(PopoverContext);if(null==context)throw new Error("Popover components must be wrapped in <Popover />");return context}},"./src/components/ResponsiveImage/ResponsiveImage.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const ResponsiveImage=({src:src,alt:alt,...props})=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_0__.tZ)("img",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__.Z)({src:src,alt:alt},props));__webpack_exports__.Z=ResponsiveImage;try{ResponsiveImage.displayName="ResponsiveImage",ResponsiveImage.__docgenInfo={description:"A simple wrapper over the `<img />` tag.\n\nDon't forget to adjust Device Pixel Ratio in DevTools\nwhen testing srcSet, and use Hard Reload to force the\nbrowser to load an image of another resolution.",displayName:"ResponsiveImage",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},srcSet:{defaultValue:null,description:"",name:"srcSet",required:!0,type:{name:"string"}},sizes:{defaultValue:null,description:"",name:"sizes",required:!0,type:{name:"string"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ResponsiveImage/ResponsiveImage.tsx#ResponsiveImage"]={docgenInfo:ResponsiveImage.__docgenInfo,name:"ResponsiveImage",path:"src/components/ResponsiveImage/ResponsiveImage.tsx#ResponsiveImage"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/{components-ColorPicker-ColorPicker-stories.227d5d28.iframe.bundle.js → components-ColorPicker-ColorPicker-stories.a873bb58.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core\|\|[]).push([[354],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.22.6/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children\|dangerouslySetInnerHTML\|key\|ref\|autoFocus\|defaultValue\|defaultChecked\|innerHTML\|suppressContentEditableWarning\|suppressHydrationWarning\|valueLink\|abbr\|accept\|acceptCharset\|accessKey\|action\|allow\|allowUserMedia\|allowPaymentRequest\|allowFullScreen\|allowTransparency\|alt\|async\|autoComplete\|autoPlay\|capture\|cellPadding\|cellSpacing\|challenge\|charSet\|checked\|cite\|classID\|className\|cols\|colSpan\|content\|contentEditable\|contextMenu\|controls\|controlsList\|coords\|crossOrigin\|data\|dateTime\|decoding\|default\|defer\|dir\|disabled\|disablePictureInPicture\|download\|draggable\|encType\|enterKeyHint\|form\|formAction\|formEncType\|formMethod\|formNoValidate\|formTarget\|frameBorder\|headers\|height\|hidden\|high\|href\|hrefLang\|htmlFor\|httpEquiv\|id\|inputMode\|integrity\|is\|keyParams\|keyType\|kind\|label\|lang\|list\|loading\|loop\|low\|marginHeight\|marginWidth\|max\|maxLength\|media\|mediaGroup\|method\|min\|minLength\|multiple\|muted\|name\|nonce\|noValidate\|open\|optimum\|pattern\|placeholder\|playsInline\|poster\|preload\|profile\|radioGroup\|readOnly\|referrerPolicy\|rel\|required\|reversed\|role\|rows\|rowSpan\|sandbox\|scope\|scoped\|scrolling\|seamless\|selected\|shape\|size\|sizes\|slot\|span\|spellCheck\|src\|srcDoc\|srcLang\|srcSet\|start\|step\|style\|summary\|tabIndex\|target\|title\|translate\|type\|useMap\|value\|width\|wmode\|wrap\|about\|datatype\|inlist\|prefix\|property\|resource\|typeof\|vocab\|autoCapitalize\|autoCorrect\|autoSave\|color\|incremental\|fallback\|inert\|itemProp\|itemScope\|itemType\|itemID\|itemRef\|on\|option\|results\|security\|unselectable\|accentHeight\|accumulate\|additive\|alignmentBaseline\|allowReorder\|alphabetic\|amplitude\|arabicForm\|ascent\|attributeName\|attributeType\|autoReverse\|azimuth\|baseFrequency\|baselineShift\|baseProfile\|bbox\|begin\|bias\|by\|calcMode\|capHeight\|clip\|clipPathUnits\|clipPath\|clipRule\|colorInterpolation\|colorInterpolationFilters\|colorProfile\|colorRendering\|contentScriptType\|contentStyleType\|cursor\|cx\|cy\|d\|decelerate\|descent\|diffuseConstant\|direction\|display\|divisor\|dominantBaseline\|dur\|dx\|dy\|edgeMode\|elevation\|enableBackground\|end\|exponent\|externalResourcesRequired\|fill\|fillOpacity\|fillRule\|filter\|filterRes\|filterUnits\|floodColor\|floodOpacity\|focusable\|fontFamily\|fontSize\|fontSizeAdjust\|fontStretch\|fontStyle\|fontVariant\|fontWeight\|format\|from\|fr\|fx\|fy\|g1\|g2\|glyphName\|glyphOrientationHorizontal\|glyphOrientationVertical\|glyphRef\|gradientTransform\|gradientUnits\|hanging\|horizAdvX\|horizOriginX\|ideographic\|imageRendering\|in\|in2\|intercept\|k\|k1\|k2\|k3\|k4\|kernelMatrix\|kernelUnitLength\|kerning\|keyPoints\|keySplines\|keyTimes\|lengthAdjust\|letterSpacing\|lightingColor\|limitingConeAngle\|local\|markerEnd\|markerMid\|markerStart\|markerHeight\|markerUnits\|markerWidth\|mask\|maskContentUnits\|maskUnits\|mathematical\|mode\|numOctaves\|offset\|opacity\|operator\|order\|orient\|orientation\|origin\|overflow\|overlinePosition\|overlineThickness\|panose1\|paintOrder\|pathLength\|patternContentUnits\|patternTransform\|patternUnits\|pointerEvents\|points\|pointsAtX\|pointsAtY\|pointsAtZ\|preserveAlpha\|preserveAspectRatio\|primitiveUnits\|r\|radius\|refX\|refY\|renderingIntent\|repeatCount\|repeatDur\|requiredExtensions\|requiredFeatures\|restart\|result\|rotate\|rx\|ry\|scale\|seed\|shapeRendering\|slope\|spacing\|specularConstant\|specularExponent\|speed\|spreadMethod\|startOffset\|stdDeviation\|stemh\|stemv\|stitchTiles\|stopColor\|stopOpacity\|strikethroughPosition\|strikethroughThickness\|string\|stroke\|strokeDasharray\|strokeDashoffset\|strokeLinecap\|strokeLinejoin\|strokeMiterlimit\|strokeOpacity\|strokeWidth\|surfaceScale\|systemLanguage\|tableValues\|targetX\|targetY\|textAnchor\|textDecoration\|textRendering\|textLength\|to\|transform\|u1\|u2\|underlinePosition\|underlineThickness\|unicode\|unicodeBidi\|unicodeRange\|unitsPerEm\|vAlphabetic\|vHanging\|vIdeographic\|vMathematical\|values\|vectorEffect\|version\|vertAdvY\|vertOriginX\|vertOriginY\|viewBox\|viewTarget\|visibility\|widths\|wordSpacing\|writingMode\|x\|xHeight\|x1\|x2\|xChannelSelector\|xlinkActuate\|xlinkArcrole\|xlinkHref\|xlinkRole\|xlinkShow\|xlinkTitle\|xlinkType\|xmlBase\|xmlns\|xmlnsXlink\|xmlLang\|xmlSpace\|y\|y1\|y2\|yChannelSelector\|z\|zoomAndPan\|for\|class\|autofocus)\|(([Dd][Aa][Tt][Aa]\|[Aa][Rr][Ii][Aa]\|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)\|\|111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base\|\|tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp\|\|getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]\|\|void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as\|\|baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key\|\|finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName\|\|baseTag.name\|\|"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/ColorPicker/ColorPicker.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},SelectedColor:function(){return SelectedColor},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ColorPicker_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),global=__webpack_require__("./src/styles/global.ts");const ColorMarker=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("button",{target:"e1u7e71a0"})("cursor:pointer;width:24px;height:24px;border:none;border-radius:50%;border:",(({active:active})=>active?"1.4px solid #fff":"none"),";box-shadow:",(({active:active})=>active?"inherit":"none !important"),";");var emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const mapColors={pink:global.iQ,yellow:global.er,green:global.ek,turquoise:global.Mk,blueLight:global.GH,blue:global.iN,purple:global.jk};var _ref={name:"eebmbo",styles:"display:flex;gap:10px;list-style:none;padding:0"};const ColorPicker=({onChange:onChange,initColor:initColor})=>{const[activeColor,setActiveColor]=(0,react.useState)(initColor\|\|"");return(0,emotion_react_browser_esm.tZ)("ul",{css:_ref},Object.keys(mapColors).map((color=>(0,emotion_react_browser_esm.tZ)("li",{key:color},(0,emotion_react_browser_esm.tZ)(ColorMarker,{active:color===activeColor,onClick:()=>(color=>{onChange(color),setActiveColor(color)})(color),css:[mapColors[color],"","","",""]})))))};ColorPicker.displayName="ColorPicker";var ColorPicker_ColorPicker=ColorPicker;try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"Dispatch<SetStateAction<ColorsList>>"}},initColor:{defaultValue:null,description:"",name:"initColor",required:!1,type:{name:"ColorsList"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ColorPicker/ColorPicker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/ColorPicker/ColorPicker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var ColorPicker_stories={title:"Components/ColorPicker",component:ColorPicker_ColorPicker},ColorPicker_stories_ref={name:"ypnlzr",styles:"width:50px;height:50px"};const Default=({initColor:initColor})=>{const[color,setColor]=(0,react.useState)(initColor\|\|"");return(0,emotion_react_browser_esm.tZ)("div",null,(0,emotion_react_browser_esm.tZ)(ColorPicker_ColorPicker,{onChange:setColor}),(0,emotion_react_browser_esm.tZ)("div",{css:[mapColors[color],ColorPicker_stories_ref,"","","",""]}))};Default.displayName="Default",Default.args={},Default.propTypes={initColor:String};const SelectedColor=()=>(0,emotion_react_browser_esm.tZ)(Default,{initColor:"green",onChange:()=>{console.log("onChange")}});SelectedColor.displayName="SelectedColor",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n initColor\n}: ColorPickerProps) => {\n const [color, setColor] = useState<ColorsList>(initColor \|\| ('' as ColorsList));\n return <div>\r\n <ColorPicker onChange={setColor} />\r\n <div css={[mapColors[color], css`\n width: 50px;\n height: 50px;\n `]} />\r\n </div>;\n}",...Default.parameters?.docs?.source}}},SelectedColor.parameters={...SelectedColor.parameters,docs:{...SelectedColor.parameters?.docs,source:{originalSource:"() => {\n return <Default initColor=\"green\" onChange={() => {\n console.log('onChange');\n }} />;\n}",...SelectedColor.parameters?.docs?.source}}};const __namedExportsOrder=["Default","SelectedColor"];try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"Dispatch<SetStateAction<ColorsList>>"}},initColor:{defaultValue:null,description:"",name:"initColor",required:!1,type:{name:"ColorsList"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ColorPicker/ColorPicker.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/ColorPicker/ColorPicker.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}}}]);
1	+ "use strict";(self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core\|\|[]).push([[354],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children\|dangerouslySetInnerHTML\|key\|ref\|autoFocus\|defaultValue\|defaultChecked\|innerHTML\|suppressContentEditableWarning\|suppressHydrationWarning\|valueLink\|abbr\|accept\|acceptCharset\|accessKey\|action\|allow\|allowUserMedia\|allowPaymentRequest\|allowFullScreen\|allowTransparency\|alt\|async\|autoComplete\|autoPlay\|capture\|cellPadding\|cellSpacing\|challenge\|charSet\|checked\|cite\|classID\|className\|cols\|colSpan\|content\|contentEditable\|contextMenu\|controls\|controlsList\|coords\|crossOrigin\|data\|dateTime\|decoding\|default\|defer\|dir\|disabled\|disablePictureInPicture\|download\|draggable\|encType\|enterKeyHint\|form\|formAction\|formEncType\|formMethod\|formNoValidate\|formTarget\|frameBorder\|headers\|height\|hidden\|high\|href\|hrefLang\|htmlFor\|httpEquiv\|id\|inputMode\|integrity\|is\|keyParams\|keyType\|kind\|label\|lang\|list\|loading\|loop\|low\|marginHeight\|marginWidth\|max\|maxLength\|media\|mediaGroup\|method\|min\|minLength\|multiple\|muted\|name\|nonce\|noValidate\|open\|optimum\|pattern\|placeholder\|playsInline\|poster\|preload\|profile\|radioGroup\|readOnly\|referrerPolicy\|rel\|required\|reversed\|role\|rows\|rowSpan\|sandbox\|scope\|scoped\|scrolling\|seamless\|selected\|shape\|size\|sizes\|slot\|span\|spellCheck\|src\|srcDoc\|srcLang\|srcSet\|start\|step\|style\|summary\|tabIndex\|target\|title\|translate\|type\|useMap\|value\|width\|wmode\|wrap\|about\|datatype\|inlist\|prefix\|property\|resource\|typeof\|vocab\|autoCapitalize\|autoCorrect\|autoSave\|color\|incremental\|fallback\|inert\|itemProp\|itemScope\|itemType\|itemID\|itemRef\|on\|option\|results\|security\|unselectable\|accentHeight\|accumulate\|additive\|alignmentBaseline\|allowReorder\|alphabetic\|amplitude\|arabicForm\|ascent\|attributeName\|attributeType\|autoReverse\|azimuth\|baseFrequency\|baselineShift\|baseProfile\|bbox\|begin\|bias\|by\|calcMode\|capHeight\|clip\|clipPathUnits\|clipPath\|clipRule\|colorInterpolation\|colorInterpolationFilters\|colorProfile\|colorRendering\|contentScriptType\|contentStyleType\|cursor\|cx\|cy\|d\|decelerate\|descent\|diffuseConstant\|direction\|display\|divisor\|dominantBaseline\|dur\|dx\|dy\|edgeMode\|elevation\|enableBackground\|end\|exponent\|externalResourcesRequired\|fill\|fillOpacity\|fillRule\|filter\|filterRes\|filterUnits\|floodColor\|floodOpacity\|focusable\|fontFamily\|fontSize\|fontSizeAdjust\|fontStretch\|fontStyle\|fontVariant\|fontWeight\|format\|from\|fr\|fx\|fy\|g1\|g2\|glyphName\|glyphOrientationHorizontal\|glyphOrientationVertical\|glyphRef\|gradientTransform\|gradientUnits\|hanging\|horizAdvX\|horizOriginX\|ideographic\|imageRendering\|in\|in2\|intercept\|k\|k1\|k2\|k3\|k4\|kernelMatrix\|kernelUnitLength\|kerning\|keyPoints\|keySplines\|keyTimes\|lengthAdjust\|letterSpacing\|lightingColor\|limitingConeAngle\|local\|markerEnd\|markerMid\|markerStart\|markerHeight\|markerUnits\|markerWidth\|mask\|maskContentUnits\|maskUnits\|mathematical\|mode\|numOctaves\|offset\|opacity\|operator\|order\|orient\|orientation\|origin\|overflow\|overlinePosition\|overlineThickness\|panose1\|paintOrder\|pathLength\|patternContentUnits\|patternTransform\|patternUnits\|pointerEvents\|points\|pointsAtX\|pointsAtY\|pointsAtZ\|preserveAlpha\|preserveAspectRatio\|primitiveUnits\|r\|radius\|refX\|refY\|renderingIntent\|repeatCount\|repeatDur\|requiredExtensions\|requiredFeatures\|restart\|result\|rotate\|rx\|ry\|scale\|seed\|shapeRendering\|slope\|spacing\|specularConstant\|specularExponent\|speed\|spreadMethod\|startOffset\|stdDeviation\|stemh\|stemv\|stitchTiles\|stopColor\|stopOpacity\|strikethroughPosition\|strikethroughThickness\|string\|stroke\|strokeDasharray\|strokeDashoffset\|strokeLinecap\|strokeLinejoin\|strokeMiterlimit\|strokeOpacity\|strokeWidth\|surfaceScale\|systemLanguage\|tableValues\|targetX\|targetY\|textAnchor\|textDecoration\|textRendering\|textLength\|to\|transform\|u1\|u2\|underlinePosition\|underlineThickness\|unicode\|unicodeBidi\|unicodeRange\|unitsPerEm\|vAlphabetic\|vHanging\|vIdeographic\|vMathematical\|values\|vectorEffect\|version\|vertAdvY\|vertOriginX\|vertOriginY\|viewBox\|viewTarget\|visibility\|widths\|wordSpacing\|writingMode\|x\|xHeight\|x1\|x2\|xChannelSelector\|xlinkActuate\|xlinkArcrole\|xlinkHref\|xlinkRole\|xlinkShow\|xlinkTitle\|xlinkType\|xmlBase\|xmlns\|xmlnsXlink\|xmlLang\|xmlSpace\|y\|y1\|y2\|yChannelSelector\|z\|zoomAndPan\|for\|class\|autofocus)\|(([Dd][Aa][Tt][Aa]\|[Aa][Rr][Ii][Aa]\|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)\|\|111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base\|\|tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp\|\|getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]\|\|void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as\|\|baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key\|\|finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName\|\|baseTag.name\|\|"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/ColorPicker/ColorPicker.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},SelectedColor:function(){return SelectedColor},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ColorPicker_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),global=__webpack_require__("./src/styles/global.ts");const ColorMarker=(0,__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js").Z)("button",{target:"e1u7e71a0"})("cursor:pointer;width:24px;height:24px;border:none;border-radius:50%;border:",(({active:active})=>active?"1.4px solid #fff":"none"),";box-shadow:",(({active:active})=>active?"inherit":"none !important"),";");var emotion_react_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const mapColors={pink:global.iQ,yellow:global.er,green:global.ek,turquoise:global.Mk,blueLight:global.GH,blue:global.iN,purple:global.jk};var _ref={name:"eebmbo",styles:"display:flex;gap:10px;list-style:none;padding:0"};const ColorPicker=({onChange:onChange,initColor:initColor})=>{const[activeColor,setActiveColor]=(0,react.useState)(initColor\|\|"");return(0,emotion_react_browser_esm.tZ)("ul",{css:_ref},Object.keys(mapColors).map((color=>(0,emotion_react_browser_esm.tZ)("li",{key:color},(0,emotion_react_browser_esm.tZ)(ColorMarker,{active:color===activeColor,onClick:()=>(color=>{onChange(color),setActiveColor(color)})(color),css:[mapColors[color],"","","",""]})))))};var ColorPicker_ColorPicker=ColorPicker;try{ColorPicker.displayName="ColorPicker",ColorPicker.__docgenInfo={description:"",displayName:"ColorPicker",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"Dispatch<SetStateAction<ColorsList>>"}},initColor:{defaultValue:null,description:"",name:"initColor",required:!1,type:{name:"ColorsList"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ColorPicker/ColorPicker.tsx#ColorPicker"]={docgenInfo:ColorPicker.__docgenInfo,name:"ColorPicker",path:"src/components/ColorPicker/ColorPicker.tsx#ColorPicker"})}catch(__react_docgen_typescript_loader_error){}var ColorPicker_stories={title:"Components/ColorPicker",component:ColorPicker_ColorPicker},ColorPicker_stories_ref={name:"ypnlzr",styles:"width:50px;height:50px"};const Default=({initColor:initColor})=>{const[color,setColor]=(0,react.useState)(initColor\|\|"");return(0,emotion_react_browser_esm.tZ)("div",null,(0,emotion_react_browser_esm.tZ)(ColorPicker_ColorPicker,{onChange:setColor}),(0,emotion_react_browser_esm.tZ)("div",{css:[mapColors[color],ColorPicker_stories_ref,"","","",""]}))};Default.args={},Default.propTypes={initColor:String};const SelectedColor=()=>(0,emotion_react_browser_esm.tZ)(Default,{initColor:"green",onChange:()=>{console.log("onChange")}});Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n initColor\n}: ColorPickerProps) => {\n const [color, setColor] = useState<ColorsList>(initColor \|\| ('' as ColorsList));\n return <div>\r\n <ColorPicker onChange={setColor} />\r\n <div css={[mapColors[color], css`\n width: 50px;\n height: 50px;\n `]} />\r\n </div>;\n}",...Default.parameters?.docs?.source}}},SelectedColor.parameters={...SelectedColor.parameters,docs:{...SelectedColor.parameters?.docs,source:{originalSource:"() => {\n return <Default initColor=\"green\" onChange={() => {\n console.log('onChange');\n }} />;\n}",...SelectedColor.parameters?.docs?.source}}};const __namedExportsOrder=["Default","SelectedColor"];try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"Dispatch<SetStateAction<ColorsList>>"}},initColor:{defaultValue:null,description:"",name:"initColor",required:!1,type:{name:"ColorsList"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ColorPicker/ColorPicker.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/ColorPicker/ColorPicker.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/components-Dropdown-Dropdown-stories.3daa5628.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_ssa_ui_kit_core=self.webpackChunk_ssa_ui_kit_core||[]).push([[9451],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"./src/components/Dropdown/Dropdown.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:function(){return Basic},Custom:function(){return Custom},NoItems:function(){return NoItems},Opened:function(){return Opened},Simple:function(){return Simple},__namedExportsOrder:function(){return __namedExportsOrder}});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_components_DropdownOption__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/DropdownOption/DropdownOption.tsx"),_Dropdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),_emotion_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const items=[{id:1,value:"One lorem ipsum",subText:"subtext"},{id:2,value:"Two lorem ipsum",subText:"subtext"},{id:3,value:"Three lorem ipsum",subText:"subtext"}];__webpack_exports__.default={title:"Components/Dropdown",component:_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,argTypes:{onChange:{control:{disable:!0}},className:{description:"Used in order to overwrite the default style",table:{type:{summary:"StyledComponent"}},control:{disable:!0}}},decorators:[(Story,{args:args})=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)("div",{style:{paddingBottom:200}},Story({...args,onChange:()=>{}}))]};const Basic=args=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,{selectedItem:items[2],isDisabled:args.isDisabled},items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_components_DropdownOption__WEBPACK_IMPORTED_MODULE_3__.Z,{key:item.id,value:item.id},item.value))));Basic.args={isDisabled:!1};const Opened=args=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__.Z)({selectedItem:items[2]},args),items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_components_DropdownOption__WEBPACK_IMPORTED_MODULE_3__.Z,{key:item.id,value:item.id},item.value))));Opened.args={isOpen:!0,isDisabled:!1};const Simple=args=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,{isDisabled:args.isDisabled},items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_components_DropdownOption__WEBPACK_IMPORTED_MODULE_3__.Z,{key:item.id,value:item.value}))));Simple.args={isDisabled:!1};const NoItems=()=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,null,null);NoItems.args={isDisabled:!1};var _ref={name:"357697",styles:"background:#ff947b;:focus{background:#ffb566;}&[aria-expanded='true']{color:#975875;svg{path{stroke:#975875;}}}"};const Custom=args=>{const CustomOption=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.Z)(_components_DropdownOption__WEBPACK_IMPORTED_MODULE_3__.Z,{target:"e12swjjk0"})({name:"1f5dmr8",styles:"width:auto;height:auto;padding:10px;text-align:left;line-height:18px;font-size:16px;background:hotpink;color:white;:hover{background:pink;}b{color:white;}"});return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(_Dropdown__WEBPACK_IMPORTED_MODULE_1__.Z,{isDisabled:args.isDisabled,selectedItem:items[2],css:_ref},items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)(CustomOption,{key:item.id,value:item.id,label:item.value},item.value," | ",(0,_emotion_react__WEBPACK_IMPORTED_MODULE_2__.tZ)("b",null,item.subText)))))};Custom.args={isDisabled:!1},Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"(args: Args) => {\n return <Dropdown selectedItem={items[2]} isDisabled={args.isDisabled}>\r\n {items.map(item => <DropdownOption key={item.id} value={item.id}>\r\n {item.value}\r\n </DropdownOption>)}\r\n </Dropdown>;\n}",...Basic.parameters?.docs?.source}}},Opened.parameters={...Opened.parameters,docs:{...Opened.parameters?.docs,source:{originalSource:"(args: Args) => {\n return <Dropdown selectedItem={items[2]} {...args}>\r\n {items.map(item => <DropdownOption key={item.id} value={item.id}>\r\n {item.value}\r\n </DropdownOption>)}\r\n </Dropdown>;\n}",...Opened.parameters?.docs?.source}}},Simple.parameters={...Simple.parameters,docs:{...Simple.parameters?.docs,source:{originalSource:"(args: Args) => {\n return <Dropdown isDisabled={args.isDisabled}>\r\n {items.map(item => <DropdownOption key={item.id} value={item.value} />)}\r\n </Dropdown>;\n}",...Simple.parameters?.docs?.source}}},NoItems.parameters={...NoItems.parameters,docs:{...NoItems.parameters?.docs,source:{originalSource:"() => {\n return <Dropdown>{null}</Dropdown>;\n}",...NoItems.parameters?.docs?.source}}},Custom.parameters={...Custom.parameters,docs:{...Custom.parameters?.docs,source:{originalSource:"(args: Args) => {\n // Color palette: https://mycolor.space/?hex=%23FF69B4&sub=1\n const CustomOption = styled(DropdownOption)`\n width: auto;\n height: auto;\n padding: 10px;\n\n text-align: left;\n line-height: 18px;\n font-size: 16px;\n\n background: hotpink;\n color: white;\n\n :hover {\n background: pink;\n }\n\n b {\n color: white;\n }\n `;\n return <Dropdown isDisabled={args.isDisabled} selectedItem={items[2]} css={css`\n background: #ff947b;\n :focus {\n background: #ffb566;\n }\n &[aria-expanded='true'] {\n color: #975875;\n\n svg {\n path {\n stroke: #975875;\n }\n }\n }\n `}>\r\n {items.map(item => <CustomOption key={item.id} value={item.id} label={item.value}>\r\n {item.value}\r\n  | \r\n <b>{item.subText}</b>\r\n </CustomOption>)}\r\n </Dropdown>;\n}",...Custom.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","Opened","Simple","NoItems","Custom"]}}]);