@ssa-ui-kit/widgets 0.0.24-alpha → 0.0.26-alpha

package/storybook-static/components-HeartRate-HeartRate-stories.b5275934.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[4845],{"../../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__){"use strict";__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/HeartRate/HeartRate.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return HeartRate_stories}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),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"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),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"),nivo_core_es=__webpack_require__("../../node_modules/.pnpm/@nivo+core@0.83.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/core/dist/nivo-core.es.js"),dist=__webpack_require__("../core/dist/index.js"),utils_dist=__webpack_require__("../utils/dist/index.js"),nivo_line_es=__webpack_require__("../../node_modules/.pnpm/@nivo+line@0.83.0_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/line/dist/nivo-line.es.js");const defaults={margin:{top:0,right:0,bottom:0,left:0},xScale:{type:"point"},yScale:{type:"linear",min:"auto",max:"auto",stacked:!0,reverse:!1},pointBorderColor:{from:"serieColor"},legends:[],xFormat:yVal=>{return new Date(yVal).toLocaleTimeString("en-US",options||{hour:"2-digit",minute:"2-digit"});var options},yFormat:xVal=>`${xVal} bpm`,tooltip:args=>(0,emotion_react_browser_esm.jsx)(dist.SimpleChartTooltip,args)},HeartRateLineChart=({data:data,...props})=>(0,emotion_react_browser_esm.jsx)(nivo_line_es.fH,(0,esm_extends.Z)({data:data,curve:"linear",axisTop:null,axisRight:null,axisBottom:null,axisLeft:null,enableGridX:!1,enableGridY:!1,lineWidth:1,enablePoints:!1,pointSize:3,pointColor:"black",pointBorderWidth:2,pointLabelYOffset:-12,enableArea:!0,areaOpacity:.1,enableCrosshair:!1,crosshairType:"top-left",useMesh:!0,animate:!1},defaults,props));HeartRateLineChart.displayName="HeartRateLineChart";try{HeartRateLineChart.displayName="HeartRateLineChart",HeartRateLineChart.__docgenInfo={description:"",displayName:"HeartRateLineChart",props:{enablePointLabel:{defaultValue:null,description:"",name:"enablePointLabel",required:!1,type:{name:"boolean"}},pointLabel:{defaultValue:null,description:"",name:"pointLabel",required:!1,type:{name:"string | AccessorFunc"}},pointLabelYOffset:{defaultValue:null,description:"",name:"pointLabelYOffset",required:!1,type:{name:"number"}},areaBlendMode:{defaultValue:null,description:"",name:"areaBlendMode",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string"}},useMesh:{defaultValue:null,description:"",name:"useMesh",required:!1,type:{name:"boolean"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie[]"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!1,type:{name:"ScaleSpec"}},xFormat:{defaultValue:null,description:"",name:"xFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!1,type:{name:"ScaleSpec"}},yFormat:{defaultValue:null,description:"",name:"yFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},layers:{defaultValue:null,description:"",name:"layers",required:!1,type:{name:"Layer[]"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"Partial<Margin>"}},curve:{defaultValue:null,description:"",name:"curve",required:!1,type:{name:'"step" | "linear" | "basis" | "cardinal" | "catmullRom" | "monotoneX" | "monotoneY" | "natural" | "stepAfter" | "stepBefore"'}},lineWidth:{defaultValue:null,description:"",name:"lineWidth",required:!1,type:{name:"number"}},colors:{defaultValue:null,description:"",name:"colors",required:!1,type:{name:"OrdinalColorScaleConfig"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:'Partial<Pick<CompleteTheme, "background" | "fontFamily" | "fontSize" | "textColor"> & { crosshair: Partial<{ line: Partial<{ stroke: string; strokeWidth: number; strokeOpacity: number; strokeDasharray: string; }>; }>; ... 7 more ...; annotations: Partial<...>; }>'}},axisTop:{defaultValue:null,description:"",name:"axisTop",required:!1,type:{name:"AxisProps<any>"}},axisRight:{defaultValue:null,description:"",name:"axisRight",required:!1,type:{name:"AxisProps<any>"}},axisBottom:{defaultValue:null,description:"",name:"axisBottom",required:!1,type:{name:"AxisProps<any>"}},axisLeft:{defaultValue:null,description:"",name:"axisLeft",required:!1,type:{name:"AxisProps<any>"}},enableGridX:{defaultValue:null,description:"",name:"enableGridX",required:!1,type:{name:"boolean"}},gridXValues:{defaultValue:null,description:"",name:"gridXValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enableGridY:{defaultValue:null,description:"",name:"enableGridY",required:!1,type:{name:"boolean"}},gridYValues:{defaultValue:null,description:"",name:"gridYValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enablePoints:{defaultValue:null,description:"",name:"enablePoints",required:!1,type:{name:"boolean"}},pointSymbol:{defaultValue:null,description:"",name:"pointSymbol",required:!1,type:{name:"(props: Readonly<PointSymbolProps>) => ReactNode"}},pointSize:{defaultValue:null,description:"",name:"pointSize",required:!1,type:{name:"number"}},pointColor:{defaultValue:null,description:"",name:"pointColor",required:!1,type:{name:"any"}},pointBorderWidth:{defaultValue:null,description:"",name:"pointBorderWidth",required:!1,type:{name:"number"}},pointBorderColor:{defaultValue:null,description:"",name:"pointBorderColor",required:!1,type:{name:"any"}},enableArea:{defaultValue:null,description:"",name:"enableArea",required:!1,type:{name:"boolean"}},areaOpacity:{defaultValue:null,description:"",name:"areaOpacity",required:!1,type:{name:"number"}},areaBaselineValue:{defaultValue:null,description:"",name:"areaBaselineValue",required:!1,type:{name:"DatumValue"}},markers:{defaultValue:null,description:"",name:"markers",required:!1,type:{name:"CartesianMarkerProps<DatumValue>[]"}},isInteractive:{defaultValue:null,description:"",name:"isInteractive",required:!1,type:{name:"boolean"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"PointMouseHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"PointMouseHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"PointMouseHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"PointMouseHandler"}},debugMesh:{defaultValue:null,description:"",name:"debugMesh",required:!1,type:{name:"boolean"}},enableSlices:{defaultValue:null,description:"",name:"enableSlices",required:!1,type:{name:'false | "x" | "y"'}},debugSlices:{defaultValue:null,description:"",name:"debugSlices",required:!1,type:{name:"boolean"}},sliceTooltip:{defaultValue:null,description:"",name:"sliceTooltip",required:!1,type:{name:"SliceTooltip"}},tooltipFormat:{defaultValue:null,description:"",name:"tooltipFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"PointTooltip"}},enableCrosshair:{defaultValue:null,description:"",name:"enableCrosshair",required:!1,type:{name:"boolean"}},crosshairType:{defaultValue:null,description:"",name:"crosshairType",required:!1,type:{name:"CrosshairType"}},legends:{defaultValue:null,description:"",name:"legends",required:!1,type:{name:"LegendProps[]"}},animate:{defaultValue:null,description:"",name:"animate",required:!1,type:{name:"boolean"}},motionConfig:{defaultValue:null,description:"",name:"motionConfig",required:!1,type:{name:"string | Partial<AnimationConfig>"}},defs:{defaultValue:null,description:"",name:"defs",required:!1,type:{name:"{ [key: string]: any; id: string; }[]"}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:'{ id: string; match: Record<string, unknown> | "*" | SvgFillMatcher<Datum>; }[]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeartRate/HeartRateLineChart.tsx#HeartRateLineChart"]={docgenInfo:HeartRateLineChart.__docgenInfo,name:"HeartRateLineChart",path:"src/components/HeartRate/HeartRateLineChart.tsx#HeartRateLineChart"})}catch(__react_docgen_typescript_loader_error){}const BPMBase=(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:"ek7c6rl0"})({name:"1v1gu0d",styles:"text-align:center;margin-top:23px"}),BPMValueStyles={name:"1ttuluy",styles:"font-weight:700;font-size:1.728rem;line-height:2rem;@media (max-width: 900px){font-size:1.2rem;line-height:1.639;}"},getBPMLabelStyles=theme=>(0,emotion_react_browser_esm.css)("color:",theme.colors.greyDarker60,";font-weight:600;font-size:1rem;line-height:1.5rem;margin-left:4px;@media (max-width: 900px){font-size:0.833rem;line-height:1.375;}","",""),BPM=({value:value})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(BPMBase,null,(0,emotion_react_browser_esm.jsx)("span",{css:BPMValueStyles},value),(0,emotion_react_browser_esm.jsx)("span",{css:getBPMLabelStyles(theme)},"BPM"))};BPM.displayName="BPM";try{BPM.displayName="BPM",BPM.__docgenInfo={description:"",displayName:"BPM",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeartRate/BPM.tsx#BPM"]={docgenInfo:BPM.__docgenInfo,name:"BPM",path:"src/components/HeartRate/BPM.tsx#BPM"})}catch(__react_docgen_typescript_loader_error){}const chartFill=[{match:"*",id:"HeartRateGradient"}];var _ref={name:"1srykpd",styles:"height:65px;width:calc(100% + 40px);margin-inline:-20px"},_ref2={name:"1paxtit",styles:"box-shadow:0 10px 40px rgba(42, 48, 57, 0.08);border-radius:20px"},_ref3={name:"1d3w5wq",styles:"width:100%"};const HeartRate=({data:data,caption:caption="Heart Rate",color:color})=>{const[bpmValue,setBpmValue]=(0,react.useState)(data?.data?.[0]?.y),[onBpmValueChange,cancelTimer]=(0,react.useMemo)((()=>(0,utils_dist.throttle)((point=>setBpmValue(point?.data?.y)),100)),[]),theme=(0,emotion_element_c39617d8_browser_esm.u)(),chartColor=color||theme.colors.purpleDark;(0,react.useEffect)((()=>()=>cancelTimer()),[]),(0,react.useEffect)((()=>{setBpmValue(data?.data?.[0]?.y)}),[data]);const gradientDefs=(0,react.useMemo)((()=>[(0,nivo_core_es.c$)("HeartRateGradient",[{offset:100,color:chartColor},{offset:0,color:chartColor}])]),[chartColor]),chartProps=(0,react.useMemo)((()=>({data:[data],colors:chartColor})),[data,chartColor]);return(0,emotion_react_browser_esm.jsx)(dist.Card,{css:_ref2},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{icon:(0,emotion_react_browser_esm.jsx)(dist.ResponsiveImage,{css:(0,emotion_react_browser_esm.css)({filter:`drop-shadow(0px 5px 5px ${theme.colors.grey})`},"",""),srcSet:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_64.png?alt=media&token=aca1639b-62f5-44ed-a0d1-3cea8e4797e2 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_48.png?alt=media&token=7ef68a25-5362-48b9-b359-c46b48d1db54 48w",sizes:"(min-width: 1440px) 64px, 48px",src:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fheart%2Fheart_48.png?alt=media&token=7ef68a25-5362-48b9-b359-c46b48d1db54",alt:"Heart"})},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h5",weight:"bold"},caption)),(0,emotion_react_browser_esm.jsx)(dist.CardContent,{direction:"column",css:_ref3},(0,emotion_react_browser_esm.jsx)("div",{css:_ref},(0,emotion_react_browser_esm.jsx)(HeartRateLineChart,(0,esm_extends.Z)({},chartProps,{fill:chartFill,defs:gradientDefs,onMouseMove:onBpmValueChange}))),null!=bpmValue?(0,emotion_react_browser_esm.jsx)(BPM,{value:bpmValue}):null))};HeartRate.displayName="HeartRate";try{HeartRate.displayName="HeartRate",HeartRate.__docgenInfo={description:"\nUI Component that shows the heart rate of the user",displayName:"HeartRate",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie"}},caption:{defaultValue:{value:"Heart Rate"},description:"",name:"caption",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/HeartRate/HeartRate.tsx#HeartRate"]={docgenInfo:HeartRate.__docgenInfo,name:"HeartRate",path:"src/components/HeartRate/HeartRate.tsx#HeartRate"})}catch(__react_docgen_typescript_loader_error){}const BPMs=[85,120,90,95,63,75,70,140,80,60,65,100,94,88,90,58,65,71,78,65,67,57,61];var HeartRate_stories={title:"Widgets/HeartRate",component:HeartRate,argTypes:{color:{table:{type:{summary:"string"}},options:["pink","yellow","green","turquoise","purple","blueLight","blue"],control:{type:"select"}}},args:{data:{id:"heart-rate",data:BPMs.map(((bpm,index)=>({x:1692626621701-36e5*(BPMs.length-index-1),y:bpm})))}}};const Default={};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../utils/dist/index.js":function(module){self,module.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return m},callAll:function(){return r},dateFormatters:function(){return n},debounce:function(){return u},dissocPath:function(){return S},generateRange:function(){return g},mapObjIndexed:function(){return h},path:function(){return y},pathOr:function(){return b},prop:function(){return w},propOr:function(){return T},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return l},formatDayOfWeek:function(){return f},formatTime:function(){return a},getTimeAgo:function(){return d},printDayOfTheWeek:function(){return s}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),o=(e,t)=>{let n=!1,r=null,o=null;return[function u(...i){n?r=i:(n=!0,e(...i),o=setTimeout((()=>{n=!1,r&&(u(...r),r=null)}),t))},function(){o&&clearTimeout(o)}]},u=(e,t=200)=>{let n=null;return[(...r)=>{n&&clearTimeout(n),n=setTimeout((()=>{n&&clearTimeout(n),e(...r)}),t)},function(){n&&clearTimeout(n)}]},i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],c={year:31536e3,month:2592e3,week:604800,day:86400,hour:3600,min:60},a=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),f=e=>i[new Date(e).getDay()],l=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),s=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},d=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))throw new Error("Invalid date");const n=Math.floor((Date.now()-t)/1e3);let r;for(const e in c)if(r=Math.floor(n/c[e]),r>=1)return`${r} ${e}${r>1?"s":""} ago`;return"Just Now"},h=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),p=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var g=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[o,,u]=r;o-2>1?n.push(-1):p(n,2,o),n=n.concat(r),e-u>2?n.push(-1):p(n,u+1,e)}else e<=5?p(n,2,e):n.push(2,3,-1);return n.push(e),n};const m=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?m(t,n)(r[e]):n})),S=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},y=e=>t=>e.reduce(((e,t)=>e?.[t]),t),b=(e,t)=>n=>{const r=y(t)(n);return null==r?e:r},w=e=>t=>t?.[e],T=(e,t)=>n=>{const r=w(t)(n);return null==r?e:r};return t}()}}]);

package/storybook-static/components-LinksTabBar-LinksTabBar-stories.13046734.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[5062],{"../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{Z:function(){return _extends}})},"../../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/LinksTabBar/LinksTabBar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},WithCustomStyles:function(){return WithCustomStyles},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return LinksTabBar_stories}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__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"),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"),core_dist=__webpack_require__("../core/dist/index.js");const LinksTabBarBase=(0,emotion_styled_base_browser_esm.Z)("div",{target:"ef2o37u0"})("display:flex;flex-direction:row;justify-content:space-between;a{display:flex;align-items:center;position:relative;padding:8px 4px;font-size:14px;text-decoration:none;color:",(({theme:theme})=>theme.colors.greyDropdownFocused),";}",(({theme:theme})=>theme.mediaQueries.md),"{a{font-size:18px;}}a.active{font-weight:700;color:",(({theme:theme})=>theme.colors.greyDarker),";text-decoration:underline solid #2f6ce3;text-decoration-thickness:2px;text-underline-offset:8px;}a:focus-visible::before{",(({theme:theme})=>core_dist.styleUtils.outlineStyles(theme,"grey40","6px","dashed")),";}");try{LinksTabBarBase.displayName="LinksTabBarBase",LinksTabBarBase.__docgenInfo={description:"",displayName:"LinksTabBarBase",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},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:"LegacyRef<HTMLDivElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},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"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},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"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",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"}},color:{defaultValue:null,description:"",name:"color",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:'"email" | "text" | "none" | "search" | "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"}},"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" | "list" | "inline" | "both"'}},"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 | "true" | "false" | "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" | "date" | "true" | "false" | "page" | "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" | "true" | "false" | "grid" | "listbox" | "tree"'}},"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 | "true" | "false" | "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 | "true" | "false" | "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" | "ascending" | "descending" | "other"'}},"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>"}},onClick:{defaultValue:null,description:"",name:"onClick",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>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LinksTabBar/LinksTabBarBase.tsx#LinksTabBarBase"]={docgenInfo:LinksTabBarBase.__docgenInfo,name:"LinksTabBarBase",path:"src/components/LinksTabBar/LinksTabBarBase.tsx#LinksTabBarBase"})}catch(__react_docgen_typescript_loader_error){}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 LinksTabBar=({as:as,className:className,links:links})=>(0,emotion_react_browser_esm.jsx)(LinksTabBarBase,{as:as,className:className},links.map((({id:id,...props})=>(0,emotion_react_browser_esm.jsx)(dist.OL,(0,esm_extends.Z)({key:id},props)))));LinksTabBar.displayName="LinksTabBar";try{LinksTabBar.displayName="LinksTabBar",LinksTabBar.__docgenInfo={description:"",displayName:"LinksTabBar",props:{links:{defaultValue:null,description:"",name:"links",required:!0,type:{name:"TabBarLink[]"}},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/LinksTabBar/LinksTabBar.tsx#LinksTabBar"]={docgenInfo:LinksTabBar.__docgenInfo,name:"LinksTabBar",path:"src/components/LinksTabBar/LinksTabBar.tsx#LinksTabBar"})}catch(__react_docgen_typescript_loader_error){}const links=[{id:"information",to:"/information",children:"Information"},{id:"configuration",to:"/configuration",children:"Configuration"},{id:"logs",to:"/logs",children:"Logs"},{id:"history",to:"/history",children:"History"},{id:"monitor",to:"/monitor",children:"Monitor"}];var react_router_dist=__webpack_require__("../../node_modules/.pnpm/react-router@6.11.2_react@18.2.0/node_modules/react-router/dist/index.js");const RoutePlaceholder=({children:children})=>(0,emotion_react_browser_esm.jsx)("div",null,"Current route: ",children);RoutePlaceholder.displayName="RoutePlaceholder";const MemoryRouterDecorator=Component=>(0,emotion_react_browser_esm.jsx)("div",{style:{width:"591px",padding:"10px"}},(0,emotion_react_browser_esm.jsx)(react_router_dist.VA,{initialEntries:[links[0].to]},(0,emotion_react_browser_esm.jsx)(react_router_dist.Z5,null,(0,emotion_react_browser_esm.jsx)(react_router_dist.AW,{element:(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(Component,null),(0,emotion_react_browser_esm.jsx)("div",{style:{marginTop:"25px"}},(0,emotion_react_browser_esm.jsx)(react_router_dist.j3,null)))},links.map(((link,index)=>(0,emotion_react_browser_esm.jsx)(react_router_dist.AW,{key:index,path:link.to,element:(0,emotion_react_browser_esm.jsx)(RoutePlaceholder,null,link.children)})))))));MemoryRouterDecorator.displayName="MemoryRouterDecorator";try{RoutePlaceholder.displayName="RoutePlaceholder",RoutePlaceholder.__docgenInfo={description:"",displayName:"RoutePlaceholder",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LinksTabBar/stories/decorators.tsx#RoutePlaceholder"]={docgenInfo:RoutePlaceholder.__docgenInfo,name:"RoutePlaceholder",path:"src/components/LinksTabBar/stories/decorators.tsx#RoutePlaceholder"})}catch(__react_docgen_typescript_loader_error){}try{MemoryRouterDecorator.displayName="MemoryRouterDecorator",MemoryRouterDecorator.__docgenInfo={description:"",displayName:"MemoryRouterDecorator",props:{toString:{defaultValue:null,description:"Returns a string representation of a string.\nReturns a string representation of a function.",name:"toString",required:!1,type:{name:"(() => string) | (() => string)"}},charAt:{defaultValue:null,description:"Returns the character at the specified index.\n@param pos The zero-based index of the desired character.",name:"charAt",required:!0,type:{name:"(pos: number) => string"}},charCodeAt:{defaultValue:null,description:"Returns the Unicode value of the character at the specified location.\n@param index The zero-based index of the desired character. If there is no character at the specified index, NaN is returned.",name:"charCodeAt",required:!0,type:{name:"(index: number) => number"}},concat:{defaultValue:null,description:"Returns a string that contains the concatenation of two or more strings.\n@param strings The strings to append to the end of the string.",name:"concat",required:!0,type:{name:"(...strings: string[]) => string"}},indexOf:{defaultValue:null,description:"Returns the position of the first occurrence of a substring.\n@param searchString The substring to search for in the string\n@param position The index at which to begin searching the String object. If omitted, search starts at the beginning of the string.",name:"indexOf",required:!0,type:{name:"(searchString: string, position?: number) => number"}},lastIndexOf:{defaultValue:null,description:"Returns the last occurrence of a substring in the string.\n@param searchString The substring to search for.\n@param position The index at which to begin searching. If omitted, the search begins at the end of the string.",name:"lastIndexOf",required:!0,type:{name:"(searchString: string, position?: number) => number"}},localeCompare:{defaultValue:null,description:"Determines whether two strings are equivalent in the current locale.\nDetermines whether two strings are equivalent in the current or specified locale.\n@param that String to compare to target string\n@param that String to compare to target string\n@param locales A locale string or array of locale strings that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used. This parameter must conform to BCP 47 standards; see the Intl.Collator object for details.\n@param options An object that contains one or more properties that specify comparison options. see the Intl.Collator object for details.",name:"localeCompare",required:!0,type:{name:"{ (that: string): number; (that: string, locales?: string | string[], options?: CollatorOptions): number; }"}},match:{defaultValue:null,description:"Matches a string with a regular expression, and returns an array containing the results of that search.\nMatches a string or an object that supports being matched against, and returns an array\ncontaining the results of that search, or null if no matches are found.\n@param regexp A variable name or string literal containing the regular expression pattern and flags.\n@param matcher An object that supports being matched against.",name:"match",required:!0,type:{name:"{ (regexp: string | RegExp): RegExpMatchArray; (matcher: { [Symbol.match](string: string): RegExpMatchArray; }): RegExpMatchArray; }"}},replace:{defaultValue:null,description:"Replaces text in a string, using a regular expression or search string.\nPasses a string and {@linkcode replaceValue} to the `[Symbol.replace]` method on {@linkcode searchValue}. This method is expected to implement its own replacement algorithm.\nReplaces text in a string, using an object that supports replacement within a string.\n@param searchValue A string or regular expression to search for.\n@param replaceValue A string containing the text to replace. When the {@linkcode searchValue } is a `RegExp`, all matches are replaced if the `g` flag is set (or only those matches at the beginning, if the `y` flag is also present). Otherwise, only the first match of {@linkcode searchValue } is replaced.\n@param searchValue A string to search for.\n@param replacer A function that returns the replacement text.\n@param searchValue An object that supports searching for and replacing matches within a string.\n@param replaceValue The replacement text.\n@param searchValue A object can search for and replace matches within a string.\n@param replacer A function that returns the replacement text.",name:"replace",required:!0,type:{name:"{ (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; (searchValue: { ...; }, replaceValue: string): string; (searchValue: { ...; }, replacer: (substring: string, ...args: any[]) => string): string; }"}},search:{defaultValue:null,description:"Finds the first substring match in a regular expression search.\n@param regexp The regular expression pattern and applicable flags.\n@param searcher An object which supports searching within a string.",name:"search",required:!0,type:{name:"{ (regexp: string | RegExp): number; (searcher: { [Symbol.search](string: string): number; }): number; }"}},slice:{defaultValue:null,description:"Returns a section of a string.\n@param start The index to the beginning of the specified portion of stringObj.\n@param end The index to the end of the specified portion of stringObj. The substring includes the characters up to, but not including, the character indicated by end.\nIf this value is not specified, the substring continues to the end of stringObj.",name:"slice",required:!0,type:{name:"(start?: number, end?: number) => string"}},split:{defaultValue:null,description:"Split a string into substrings using the specified separator and return them as an array.\n@param separator A string that identifies character or characters to use in separating the string. If omitted, a single-element array containing the entire string is returned.\n@param limit A value used to limit the number of elements returned in the array.\n@param splitter An object that can split a string.\n@param limit A value used to limit the number of elements returned in the array.",name:"split",required:!0,type:{name:"{ (separator: string | RegExp, limit?: number): string[]; (splitter: { [Symbol.split](string: string, limit?: number): string[]; }, limit?: number): string[]; }"}},substring:{defaultValue:null,description:"Returns the substring at the specified location within a String object.\n@param start The zero-based index number indicating the beginning of the substring.\n@param end Zero-based index number indicating the end of the substring. The substring includes the characters up to, but not including, the character indicated by end.\nIf end is omitted, the characters from start through the end of the original string are returned.",name:"substring",required:!0,type:{name:"(start: number, end?: number) => string"}},toLowerCase:{defaultValue:null,description:"Converts all the alphabetic characters in a string to lowercase.",name:"toLowerCase",required:!0,type:{name:"() => string"}},toLocaleLowerCase:{defaultValue:null,description:"Converts all alphabetic characters to lowercase, taking into account the host environment's current locale.",name:"toLocaleLowerCase",required:!0,type:{name:"(locales?: string | string[]) => string"}},toUpperCase:{defaultValue:null,description:"Converts all the alphabetic characters in a string to uppercase.",name:"toUpperCase",required:!0,type:{name:"() => string"}},toLocaleUpperCase:{defaultValue:null,description:"Returns a string where all alphabetic characters have been converted to uppercase, taking into account the host environment's current locale.",name:"toLocaleUpperCase",required:!0,type:{name:"(locales?: string | string[]) => string"}},trim:{defaultValue:null,description:"Removes the leading and trailing white space and line terminator characters from a string.",name:"trim",required:!0,type:{name:"() => string"}},length:{defaultValue:null,description:"Returns the length of a String object.",name:"length",required:!0,type:{name:"number"}},substr:{defaultValue:null,description:"Gets a substring beginning at the specified location and having the specified length.\n@deprecated A legacy feature for browser compatibility\n@param from The starting position of the desired substring. The index of the first character in the string is zero.\n@param length The number of characters to include in the returned substring.",name:"substr",required:!0,type:{name:"(from: number, length?: number) => string"}},valueOf:{defaultValue:null,description:"Returns the primitive value of the specified object.",name:"valueOf",required:!1,type:{name:"(() => string) | (() => Object)"}},codePointAt:{defaultValue:null,description:"Returns a nonnegative integer Number less than 1114112 (0x110000) that is the code point\nvalue of the UTF-16 encoded code point starting at the string element at position pos in\nthe String resulting from converting this object to a String.\nIf there is no element at that position, the result is undefined.\nIf a valid UTF-16 surrogate pair does not begin at pos, the result is the code unit at pos.",name:"codePointAt",required:!0,type:{name:"(pos: number) => number"}},includes:{defaultValue:null,description:"Returns true if searchString appears as a substring of the result of converting this\nobject to a String, at one or more positions that are\ngreater than or equal to position; otherwise, returns false.\n@param searchString search string\n@param position If position is undefined, 0 is assumed, so as to search all of the String.",name:"includes",required:!0,type:{name:"(searchString: string, position?: number) => boolean"}},endsWith:{defaultValue:null,description:"Returns true if the sequence of elements of searchString converted to a String is the\nsame as the corresponding elements of this object (converted to a String) starting at\nendPosition – length(this). Otherwise returns false.",name:"endsWith",required:!0,type:{name:"(searchString: string, endPosition?: number) => boolean"}},normalize:{defaultValue:null,description:'Returns the String value result of normalizing the string into the normalization form\nnamed by form as specified in Unicode Standard Annex #15, Unicode Normalization Forms.\n@param form Applicable values: "NFC", "NFD", "NFKC", or "NFKD", If not specified default\nis "NFC"\n@param form Applicable values: "NFC", "NFD", "NFKC", or "NFKD", If not specified default\nis "NFC"',name:"normalize",required:!0,type:{name:'{ (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string; (form?: string): string; }'}},repeat:{defaultValue:null,description:"Returns a String value that is made from count copies appended together. If count is 0,\nthe empty string is returned.\n@param count number of copies to append",name:"repeat",required:!0,type:{name:"(count: number) => string"}},startsWith:{defaultValue:null,description:"Returns true if the sequence of elements of searchString converted to a String is the\nsame as the corresponding elements of this object (converted to a String) starting at\nposition. Otherwise returns false.",name:"startsWith",required:!0,type:{name:"(searchString: string, position?: number) => boolean"}},anchor:{defaultValue:null,description:"Returns an `<a>` HTML anchor element and sets the name attribute to the text value\n@deprecated A legacy feature for browser compatibility\n@param name",name:"anchor",required:!0,type:{name:"(name: string) => string"}},big:{defaultValue:null,description:"Returns a `<big>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"big",required:!0,type:{name:"() => string"}},blink:{defaultValue:null,description:"Returns a `<blink>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"blink",required:!0,type:{name:"() => string"}},bold:{defaultValue:null,description:"Returns a `<b>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"bold",required:!0,type:{name:"() => string"}},fixed:{defaultValue:null,description:"Returns a `<tt>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"fixed",required:!0,type:{name:"() => string"}},fontcolor:{defaultValue:null,description:"Returns a `<font>` HTML element and sets the color attribute value\n@deprecated A legacy feature for browser compatibility",name:"fontcolor",required:!0,type:{name:"(color: string) => string"}},fontsize:{defaultValue:null,description:"Returns a `<font>` HTML element and sets the size attribute value\n@deprecated A legacy feature for browser compatibility\n@deprecated A legacy feature for browser compatibility",name:"fontsize",required:!0,type:{name:"{ (size: number): string; (size: string): string; }"}},italics:{defaultValue:null,description:"Returns an `<i>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"italics",required:!0,type:{name:"() => string"}},link:{defaultValue:null,description:"Returns an `<a>` HTML element and sets the href attribute value\n@deprecated A legacy feature for browser compatibility",name:"link",required:!0,type:{name:"(url: string) => string"}},small:{defaultValue:null,description:"Returns a `<small>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"small",required:!0,type:{name:"() => string"}},strike:{defaultValue:null,description:"Returns a `<strike>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"strike",required:!0,type:{name:"() => string"}},sub:{defaultValue:null,description:"Returns a `<sub>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"sub",required:!0,type:{name:"() => string"}},sup:{defaultValue:null,description:"Returns a `<sup>` HTML element\n@deprecated A legacy feature for browser compatibility",name:"sup",required:!0,type:{name:"() => string"}},padStart:{defaultValue:null,description:'Pads the current string with a given string (possibly repeated) so that the resulting string reaches a given length.\nThe padding is applied from the start (left) of the current string.\n@param maxLength The length of the resulting string once the current string has been padded.\nIf this parameter is smaller than the current string\'s length, the current string will be returned as it is.\n@param fillString The string to pad the current string with.\nIf this string is too long, it will be truncated and the left-most part will be applied.\nThe default value for this parameter is " " (U+0020).',name:"padStart",required:!0,type:{name:"(maxLength: number, fillString?: string) => string"}},padEnd:{defaultValue:null,description:'Pads the current string with a given string (possibly repeated) so that the resulting string reaches a given length.\nThe padding is applied from the end (right) of the current string.\n@param maxLength The length of the resulting string once the current string has been padded.\nIf this parameter is smaller than the current string\'s length, the current string will be returned as it is.\n@param fillString The string to pad the current string with.\nIf this string is too long, it will be truncated and the left-most part will be applied.\nThe default value for this parameter is " " (U+0020).',name:"padEnd",required:!0,type:{name:"(maxLength: number, fillString?: string) => string"}},trimEnd:{defaultValue:null,description:"Removes the trailing white space and line terminator characters from a string.",name:"trimEnd",required:!0,type:{name:"() => string"}},trimStart:{defaultValue:null,description:"Removes the leading white space and line terminator characters from a string.",name:"trimStart",required:!0,type:{name:"() => string"}},trimLeft:{defaultValue:null,description:"Removes the leading white space and line terminator characters from a string.\n@deprecated A legacy feature for browser compatibility. Use `trimStart` instead",name:"trimLeft",required:!0,type:{name:"() => string"}},trimRight:{defaultValue:null,description:"Removes the trailing white space and line terminator characters from a string.\n@deprecated A legacy feature for browser compatibility. Use `trimEnd` instead",name:"trimRight",required:!0,type:{name:"() => string"}},matchAll:{defaultValue:null,description:"Matches a string with a regular expression, and returns an iterable of matches\ncontaining the results of that search.\n@param regexp A variable name or string literal containing the regular expression pattern and flags.",name:"matchAll",required:!0,type:{name:"(regexp: RegExp) => IterableIterator<RegExpMatchArray>"}},replaceAll:{defaultValue:null,description:"Replace all instances of a substring in a string, using a regular expression or search string.\n@param searchValue A string to search for.\n@param replaceValue A string containing the text to replace for every successful match of searchValue in this string.\n@param searchValue A string to search for.\n@param replacer A function that returns the replacement text.",name:"replaceAll",required:!0,type:{name:"{ (searchValue: string | RegExp, replaceValue: string): string; (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string; }"}},at:{defaultValue:null,description:"Returns a new String consisting of the single UTF-16 code unit located at the specified index.\n@param index The zero-based index of the desired code unit. A negative index will count back from the last item.",name:"at",required:!0,type:{name:"(index: number) => string"}},"__@iterator@13":{defaultValue:null,description:"Iterator",name:"__@iterator@13",required:!0,type:{name:"() => IterableIterator<string>"}},propTypes:{defaultValue:null,description:"",name:"propTypes",required:!1,type:{name:"WeakValidationMap<any>"}},contextType:{defaultValue:null,description:"",name:"contextType",required:!1,type:{name:"Context<any>"}},contextTypes:{defaultValue:null,description:"",name:"contextTypes",required:!1,type:{name:"ValidationMap<any>"}},childContextTypes:{defaultValue:null,description:"",name:"childContextTypes",required:!1,type:{name:"ValidationMap<any>"}},defaultProps:{defaultValue:null,description:"",name:"defaultProps",required:!1,type:{name:"Partial<any>"}},displayName:{defaultValue:null,description:"",name:"displayName",required:!1,type:{name:"string"}},getDerivedStateFromProps:{defaultValue:null,description:"",name:"getDerivedStateFromProps",required:!1,type:{name:"GetDerivedStateFromProps<any, any>"}},getDerivedStateFromError:{defaultValue:null,description:"",name:"getDerivedStateFromError",required:!1,type:{name:"GetDerivedStateFromError<any, any>"}},apply:{defaultValue:null,description:"Calls the function, substituting the specified object for the this value of the function, and the specified array for the arguments of the function.\n@param thisArg The object to be used as the this object.\n@param argArray A set of arguments to be passed to the function.",name:"apply",required:!0,type:{name:"(this: Function, thisArg: any, argArray?: any) => any"}},call:{defaultValue:null,description:"Calls a method of an object, substituting another object for the current object.\n@param thisArg The object to be used as the current object.\n@param argArray A list of arguments to be passed to the method.",name:"call",required:!0,type:{name:"(this: Function, thisArg: any, ...argArray: any[]) => any"}},bind:{defaultValue:null,description:"For a given function, creates a bound function that has the same body as the original function.\nThe this object of the bound function is associated with the specified object, and has the specified initial parameters.\n@param thisArg An object to which the this keyword can refer inside the new function.\n@param argArray A list of arguments to be passed to the new function.",name:"bind",required:!0,type:{name:"(this: Function, thisArg: any, ...argArray: any[]) => any"}},prototype:{defaultValue:null,description:"",name:"prototype",required:!0,type:{name:"any"}},arguments:{defaultValue:null,description:"",name:"arguments",required:!0,type:{name:"any"}},caller:{defaultValue:null,description:"",name:"caller",required:!0,type:{name:"Function"}},name:{defaultValue:null,description:"Returns the name of the function. Function names are read-only and can not be changed.",name:"name",required:!0,type:{name:"string"}},"__@hasInstance@106":{defaultValue:null,description:"Determines whether the given value inherits from this function if this function was used\nas a constructor function.\n\nA constructor function can control which objects are recognized as its instances by\n'instanceof' by overriding this method.",name:"__@hasInstance@106",required:!0,type:{name:"(value: any) => boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/LinksTabBar/stories/decorators.tsx#MemoryRouterDecorator"]={docgenInfo:MemoryRouterDecorator.__docgenInfo,name:"MemoryRouterDecorator",path:"src/components/LinksTabBar/stories/decorators.tsx#MemoryRouterDecorator"})}catch(__react_docgen_typescript_loader_error){}var LinksTabBar_stories={title:"Widgets/LinksTabBar",component:LinksTabBar,decorators:[MemoryRouterDecorator],args:{links:links}};const Default={};var _ref={name:"1fhpl08",styles:"a{color:#846ef3;background-color:#dfbcfc;padding:4px 8px;border-radius:6px;}a.active{color:#7560e3;text-decoration:underline solid #ddf36e;text-underline-offset:2px;}"};const WithCustomStyles=args=>(0,emotion_react_browser_esm.jsx)(LinksTabBar,(0,esm_extends.Z)({},args,{css:_ref}));WithCustomStyles.displayName="WithCustomStyles",WithCustomStyles.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}},WithCustomStyles.parameters={...WithCustomStyles.parameters,docs:{...WithCustomStyles.parameters?.docs,source:{originalSource:"(args: LinksTabBarProps) => {\n  /**\r\n   * Colors are from here: https://paletadecolores.online/en/colors/846ef3/\r\n   * */\n  return <LinksTabBar {...args} css={css`\n        a {\n          color: #846ef3;\n          background-color: #dfbcfc;\n          padding: 4px 8px;\n          border-radius: 6px;\n        }\n\n        a.active {\n          color: #7560e3;\n          text-decoration: underline solid #ddf36e;\n          text-underline-offset: 2px;\n        }\n      `} />;\n}",...WithCustomStyles.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WithCustomStyles"]}}]);

package/storybook-static/components-ListGoals-ListGoals-stories.4d20456d.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[3229],{"./src/components/ListGoals/ListGoals.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return ListGoals_stories}});var CardList=__webpack_require__("./src/components/CardList/CardList.tsx"),dist=__webpack_require__("../core/dist/index.js"),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 content=theme=>(0,emotion_react_browser_esm.css)("h6{line-height:23px;}p{color:",theme.colors.greyDarker60,";line-height:23px;}","","");try{content.displayName="content",content.__docgenInfo={description:"",displayName:"content",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"Colors"}},mediaQueries:{defaultValue:null,description:"",name:"mediaQueries",required:!0,type:{name:"{ xs: `@media${string}`; sm: `@media${string}`; md: `@media${string}`; lg: `@media${string}`; xlg: `@media${string}`; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ListGoals/styles.tsx#content"]={docgenInfo:content.__docgenInfo,name:"content",path:"src/components/ListGoals/styles.tsx#content"})}catch(__react_docgen_typescript_loader_error){}var _ref={name:"ui9771",styles:"width:calc(100% - 42px);padding-left:15px"},_ref2={name:"1ch9yvl",styles:"border-radius:0"};const ListGoalsCard=({image:image,title:title,details:details,progressProps:progressProps})=>{const{size:size=50,max:max=100,currentValue:currentValue=0,infoContent:infoContent,color:color="blue"}=progressProps;return(0,emotion_react_browser_esm.jsx)(dist.Card,{noShadow:!0},(0,emotion_react_browser_esm.jsx)(dist.Wrapper,{direction:"row",avatarSize:42},(0,emotion_react_browser_esm.jsx)(dist.Avatar,{size:42,image:image,css:_ref2}),(0,emotion_react_browser_esm.jsx)(dist.CardContent,{css:_ref},(0,emotion_react_browser_esm.jsx)("div",{css:content},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6"},title),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"subtitle",as:"p"},details)),(0,emotion_react_browser_esm.jsx)(dist.ProgressCircle,{size:size,max:max,currentValue:currentValue,infoContent:infoContent||(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"body1"},currentValue,"%"),color:color}))))};ListGoalsCard.displayName="ListGoalsCard";try{ListGoalsCard.displayName="ListGoalsCard",ListGoalsCard.__docgenInfo={description:"",displayName:"ListGoalsCard",props:{image:{defaultValue:null,description:"",name:"image",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},details:{defaultValue:null,description:"",name:"details",required:!0,type:{name:"string"}},progressProps:{defaultValue:null,description:"",name:"progressProps",required:!0,type:{name:"Partial<ProgressCircleProps>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ListGoals/ListGoalsCard.tsx#ListGoalsCard"]={docgenInfo:ListGoalsCard.__docgenInfo,name:"ListGoalsCard",path:"src/components/ListGoals/ListGoalsCard.tsx#ListGoalsCard"})}catch(__react_docgen_typescript_loader_error){}const ListGoals=({goals:goals})=>(0,emotion_react_browser_esm.jsx)(CardList.C,{title:"Goals",items:goals,renderItem:goal=>(0,emotion_react_browser_esm.jsx)(ListGoalsCard,{image:goal.image,title:goal.title,details:goal.details,progressProps:{currentValue:goal.completion,color:goal.color}})});ListGoals.displayName="ListGoals";try{ListGoals.displayName="ListGoals",ListGoals.__docgenInfo={description:"\nUI Component that uses CardList to render a list of goals",displayName:"ListGoals",props:{goals:{defaultValue:null,description:"",name:"goals",required:!0,type:{name:"Goal[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ListGoals/ListGoals.tsx#ListGoals"]={docgenInfo:ListGoals.__docgenInfo,name:"ListGoals",path:"src/components/ListGoals/ListGoals.tsx#ListGoals"})}catch(__react_docgen_typescript_loader_error){}var ListGoals_stories={title:"Widgets/ListGoals",component:ListGoals};const Default=()=>(0,emotion_react_browser_esm.jsx)("div",{style:{background:"#f1f1f1",padding:20}},(0,emotion_react_browser_esm.jsx)(ListGoals,{goals:[{id:"lifting_weights",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fdumbbell%2Fdumbbell_42.png?alt=media&token=06312895-4372-47b0-a5fa-4a64726a6215",title:"Lifting weights",details:"Goal 25 kg | 20 kg",completion:79,color:"yellow"},{id:"running",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Ftreadmill%2Ftreadmill_42.png?alt=media&token=151f51bb-a6ba-4f4a-9d51-57a6784c767b",title:"Running",details:"Goal 25 km | 19,7 km",completion:79,color:"pink"},{id:"sleeping",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fmoon%2Fmoon_42.png?alt=media&token=b279625d-091d-4dc2-9f0f-e670e1072174",title:"Sleeping",details:"Goal 8 hrs | 6 hrs",completion:60,color:"blue"},{id:"weight_loss",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fscales%2Fscales_42.png?alt=media&token=4f4c198b-7120-4e2f-a4b4-5602243eb732",title:"Weight Loss",details:"Goal 10 kg | 4 kg",completion:40,color:"purple"}]}));Default.displayName="Default",Default.storyName="ListGoals",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  const goals = [{\n    id: 'lifting_weights',\n    image: 'https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fdumbbell%2Fdumbbell_42.png?alt=media&token=06312895-4372-47b0-a5fa-4a64726a6215',\n    title: 'Lifting weights',\n    details: 'Goal 25 kg | 20 kg',\n    completion: 79,\n    color: ('yellow' as keyof MainColors)\n  }, {\n    id: 'running',\n    image: 'https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Ftreadmill%2Ftreadmill_42.png?alt=media&token=151f51bb-a6ba-4f4a-9d51-57a6784c767b',\n    title: 'Running',\n    details: 'Goal 25 km | 19,7 km',\n    completion: 79,\n    color: ('pink' as keyof MainColors)\n  }, {\n    id: 'sleeping',\n    image: 'https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fmoon%2Fmoon_42.png?alt=media&token=b279625d-091d-4dc2-9f0f-e670e1072174',\n    title: 'Sleeping',\n    details: 'Goal 8 hrs | 6 hrs',\n    completion: 60,\n    color: ('blue' as keyof MainColors)\n  }, {\n    id: 'weight_loss',\n    image: 'https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fscales%2Fscales_42.png?alt=media&token=4f4c198b-7120-4e2f-a4b4-5602243eb732',\n    title: 'Weight Loss',\n    details: 'Goal 10 kg | 4 kg',\n    completion: 40,\n    color: ('purple' as keyof MainColors)\n  }];\n  return <div style={{\n    background: '#f1f1f1',\n    padding: 20\n  }}>\r\n      <ListGoals goals={goals} />\r\n    </div>;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"./src/components/CardList/CardList.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{C:function(){return CardList}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../core/dist/index.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_1__=__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:"1fgo50s",styles:"list-style:none;padding:0;li{margin-bottom:15px;}"};const CardList=({title:title,items:items,renderItem:renderItem})=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)(_ssa_ui_kit_core__WEBPACK_IMPORTED_MODULE_2__.Typography,{variant:"h5",weight:"bold"},title),(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)("ul",{css:_ref},Array.isArray(items)&&items.map((item=>(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.jsx)("li",{key:item.id},renderItem(item))))));CardList.displayName="CardList";try{CardList.displayName="CardList",CardList.__docgenInfo={description:"\nUI Component that renders a list of items with a custom render function",displayName:"CardList",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"ItemType[]"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: ItemType) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CardList/CardList.tsx#CardList"]={docgenInfo:CardList.__docgenInfo,name:"CardList",path:"src/components/CardList/CardList.tsx#CardList"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/components-MealNutrients-MealNutrients-stories.b3061522.iframe.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[8817],{"./src/components/MealNutrients/MealNutrients.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return MealNutrients_stories}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),dist=__webpack_require__("../core/dist/index.js"),nivo_line_es=__webpack_require__("../../node_modules/.pnpm/@nivo+line@0.83.0_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/line/dist/nivo-line.es.js"),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"),nivo_core_es=__webpack_require__("../../node_modules/.pnpm/@nivo+core@0.83.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/core/dist/nivo-core.es.js"),utils_dist=__webpack_require__("../utils/dist/index.js"),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{formatDayOfWeek:formatDayOfWeek}=utils_dist.dateFormatters,CustomPointLayer=({currentPoint:currentPoint,pointSize:pointSize,pointBorderWidth:pointBorderWidth,...props})=>{const theme=(0,nivo_core_es.Fg)();if(!currentPoint)return;const point=currentPoint;return(0,emotion_react_browser_esm.jsx)("g",null,(0,emotion_react_browser_esm.jsx)(nivo_core_es.F_,(0,esm_extends.Z)({key:point.id,x:point.x,y:point.y,color:point.color,borderColor:point.borderColor,datum:point.data,theme:theme,size:pointSize||0,borderWidth:pointBorderWidth||0},props)))};CustomPointLayer.displayName="CustomPointLayer";const tickValues=[0,20,40,60,80,100],defaults={margin:{top:28,right:50,bottom:50,left:5},xScale:{type:"time",format:"%L",precision:"day"},yScale:{type:"linear",min:"auto",max:"auto",stacked:!1,reverse:!1},axisRight:{tickSize:0,tickPadding:10,tickRotation:0,tickValues:tickValues,format:tick=>`${tick}%`,legend:"",legendOffset:0},axisBottom:{tickSize:0,tickPadding:30,tickRotation:0,legend:"",tickValues:"every day",format:formatDayOfWeek},pointColor:{from:"color",modifiers:[]},pointBorderColor:{from:"color",modifiers:[]},legends:[],gridYValues:tickValues,layers:["grid","markers","axes","areas","crosshair","lines",CustomPointLayer,"slices","mesh","legends"]},MealNutrientsTooltip=({colorName:colorName,point:point})=>{const caption=`${(str=String(point.serieId))[0].toUpperCase()}${str.substring(1)}`;var str;const{data:{y:y,comp:comp,unit:unit}}=point,iconName=comp&&"arrow-"+(comp>0?"up":"down")||void 0;return(0,emotion_react_browser_esm.jsx)(dist.ProgressChartTooltip,{caption:caption,value:y,valueFormatted:`${comp}${unit}`,iconName:iconName,barProps:{color:colorName}})};MealNutrientsTooltip.displayName="MealNutrientsTooltip";try{MealNutrientsTooltip.displayName="MealNutrientsTooltip",MealNutrientsTooltip.__docgenInfo={description:"",displayName:"MealNutrientsTooltip",props:{colorName:{defaultValue:null,description:"",name:"colorName",required:!0,type:{name:"keyof MainColors"}},point:{defaultValue:null,description:"",name:"point",required:!0,type:{name:"Point & { data: { x: DatumValue; xFormatted: string | number; y: DatumValue; yFormatted: string | number; yStacked?: number; } & { comp?: number; unit?: string; }; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrientsTooltip.tsx#MealNutrientsTooltip"]={docgenInfo:MealNutrientsTooltip.__docgenInfo,name:"MealNutrientsTooltip",path:"src/components/MealNutrients/MealNutrientsTooltip.tsx#MealNutrientsTooltip"})}catch(__react_docgen_typescript_loader_error){}const colorPalette=["pink","purple","turquoise","yellow","green","blue"],MealNutrientsLineChart=({data:data,...props})=>{const theme=(0,emotion_element_c39617d8_browser_esm.u)(),defaultColorMapping=(0,react.useMemo)((()=>colorPalette.reduce(((res,colorName)=>(res[theme.colors[`${colorName}Lighter`]]=colorName,res)),{})),[theme.colors]),defaultSettings=(0,react.useMemo)((()=>Object.assign(defaults,{colors:colorPalette.map((color=>theme.colors[`${color}Lighter`])),tooltip:({point:point})=>{const color=defaultColorMapping[point.color];return(0,emotion_react_browser_esm.jsx)(MealNutrientsTooltip,{point:point,colorName:color})},theme:{fontFamily:"'Manrope', sans-serif",axis:{ticks:{text:{fontSize:"0.833rem",fontWeight:500,fill:theme.colors.greyDarker}}},grid:{line:{stroke:theme.colors.greyLighter,strokeWidth:1,strokeDasharray:"8 8"}}}})),[theme.colors,defaultColorMapping]);return(0,emotion_react_browser_esm.jsx)(nivo_line_es.fH,(0,esm_extends.Z)({data:data,curve:"catmullRom",axisTop:null,axisLeft:null,enableGridX:!1,enableGridY:!0,lineWidth:1,enablePoints:!0,pointSize:8,pointBorderWidth:0,pointLabelYOffset:-12,enableArea:!1,areaOpacity:.1,enableCrosshair:!1,useMesh:!0,animate:!1},defaultSettings,props))};MealNutrientsLineChart.displayName="MealNutrientsLineChart";try{MealNutrientsLineChart.displayName="MealNutrientsLineChart",MealNutrientsLineChart.__docgenInfo={description:"",displayName:"MealNutrientsLineChart",props:{enablePointLabel:{defaultValue:null,description:"",name:"enablePointLabel",required:!1,type:{name:"boolean"}},pointLabel:{defaultValue:null,description:"",name:"pointLabel",required:!1,type:{name:"string | AccessorFunc"}},pointLabelYOffset:{defaultValue:null,description:"",name:"pointLabelYOffset",required:!1,type:{name:"number"}},areaBlendMode:{defaultValue:null,description:"",name:"areaBlendMode",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string"}},useMesh:{defaultValue:null,description:"",name:"useMesh",required:!1,type:{name:"boolean"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie[]"}},xScale:{defaultValue:null,description:"",name:"xScale",required:!1,type:{name:"ScaleSpec"}},xFormat:{defaultValue:null,description:"",name:"xFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},yScale:{defaultValue:null,description:"",name:"yScale",required:!1,type:{name:"ScaleSpec"}},yFormat:{defaultValue:null,description:"",name:"yFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},layers:{defaultValue:null,description:"",name:"layers",required:!1,type:{name:"Layer[]"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"Partial<Margin>"}},curve:{defaultValue:null,description:"",name:"curve",required:!1,type:{name:'"step" | "linear" | "basis" | "cardinal" | "catmullRom" | "monotoneX" | "monotoneY" | "natural" | "stepAfter" | "stepBefore"'}},lineWidth:{defaultValue:null,description:"",name:"lineWidth",required:!1,type:{name:"number"}},colors:{defaultValue:null,description:"",name:"colors",required:!1,type:{name:"OrdinalColorScaleConfig"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:'Partial<Pick<CompleteTheme, "background" | "fontFamily" | "fontSize" | "textColor"> & { crosshair: Partial<{ line: Partial<{ stroke: string; strokeWidth: number; strokeOpacity: number; strokeDasharray: string; }>; }>; ... 7 more ...; annotations: Partial<...>; }>'}},axisTop:{defaultValue:null,description:"",name:"axisTop",required:!1,type:{name:"AxisProps<any>"}},axisRight:{defaultValue:null,description:"",name:"axisRight",required:!1,type:{name:"AxisProps<any>"}},axisBottom:{defaultValue:null,description:"",name:"axisBottom",required:!1,type:{name:"AxisProps<any>"}},axisLeft:{defaultValue:null,description:"",name:"axisLeft",required:!1,type:{name:"AxisProps<any>"}},enableGridX:{defaultValue:null,description:"",name:"enableGridX",required:!1,type:{name:"boolean"}},gridXValues:{defaultValue:null,description:"",name:"gridXValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enableGridY:{defaultValue:null,description:"",name:"enableGridY",required:!1,type:{name:"boolean"}},gridYValues:{defaultValue:null,description:"",name:"gridYValues",required:!1,type:{name:"TicksSpec<DatumValue>"}},enablePoints:{defaultValue:null,description:"",name:"enablePoints",required:!1,type:{name:"boolean"}},pointSymbol:{defaultValue:null,description:"",name:"pointSymbol",required:!1,type:{name:"(props: Readonly<PointSymbolProps>) => ReactNode"}},pointSize:{defaultValue:null,description:"",name:"pointSize",required:!1,type:{name:"number"}},pointColor:{defaultValue:null,description:"",name:"pointColor",required:!1,type:{name:"any"}},pointBorderWidth:{defaultValue:null,description:"",name:"pointBorderWidth",required:!1,type:{name:"number"}},pointBorderColor:{defaultValue:null,description:"",name:"pointBorderColor",required:!1,type:{name:"any"}},enableArea:{defaultValue:null,description:"",name:"enableArea",required:!1,type:{name:"boolean"}},areaOpacity:{defaultValue:null,description:"",name:"areaOpacity",required:!1,type:{name:"number"}},areaBaselineValue:{defaultValue:null,description:"",name:"areaBaselineValue",required:!1,type:{name:"DatumValue"}},markers:{defaultValue:null,description:"",name:"markers",required:!1,type:{name:"CartesianMarkerProps<DatumValue>[]"}},isInteractive:{defaultValue:null,description:"",name:"isInteractive",required:!1,type:{name:"boolean"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"PointMouseHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"PointMouseHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"PointMouseHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"PointMouseHandler"}},debugMesh:{defaultValue:null,description:"",name:"debugMesh",required:!1,type:{name:"boolean"}},enableSlices:{defaultValue:null,description:"",name:"enableSlices",required:!1,type:{name:'false | "x" | "y"'}},debugSlices:{defaultValue:null,description:"",name:"debugSlices",required:!1,type:{name:"boolean"}},sliceTooltip:{defaultValue:null,description:"",name:"sliceTooltip",required:!1,type:{name:"SliceTooltip"}},tooltipFormat:{defaultValue:null,description:"",name:"tooltipFormat",required:!1,type:{name:"ValueFormat<DatumValue>"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"PointTooltip"}},enableCrosshair:{defaultValue:null,description:"",name:"enableCrosshair",required:!1,type:{name:"boolean"}},crosshairType:{defaultValue:null,description:"",name:"crosshairType",required:!1,type:{name:"CrosshairType"}},legends:{defaultValue:null,description:"",name:"legends",required:!1,type:{name:"LegendProps[]"}},animate:{defaultValue:null,description:"",name:"animate",required:!1,type:{name:"boolean"}},motionConfig:{defaultValue:null,description:"",name:"motionConfig",required:!1,type:{name:"string | Partial<AnimationConfig>"}},defs:{defaultValue:null,description:"",name:"defs",required:!1,type:{name:"{ [key: string]: any; id: string; }[]"}},fill:{defaultValue:null,description:"",name:"fill",required:!1,type:{name:'{ id: string; match: Record<string, unknown> | "*" | SvgFillMatcher<Datum>; }[]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrientsLineChart.tsx#MealNutrientsLineChart"]={docgenInfo:MealNutrientsLineChart.__docgenInfo,name:"MealNutrientsLineChart",path:"src/components/MealNutrients/MealNutrientsLineChart.tsx#MealNutrientsLineChart"})}catch(__react_docgen_typescript_loader_error){}const{formatTime:formatTime,formatDayOfWeek:useChartConfig_formatDayOfWeek,formatDate:formatDate}=utils_dist.dateFormatters;var MealNutrients_useChartConfig=(elRef,data,precision="day")=>{const[width,setWidth]=(0,react.useState)(0),throttledRef=(0,react.useRef)((0,utils_dist.throttle)((entries=>{setWidth(entries[0].contentRect.width)}),50)),observerRef=(0,react.useRef)(new ResizeObserver(throttledRef?.current?.[0]));return(0,react.useEffect)((()=>{const currentRef=elRef.current;return observerRef.current&&currentRef&&observerRef.current.observe(currentRef),()=>{observerRef.current&&currentRef&&observerRef.current.unobserve(currentRef)}}),[elRef,observerRef]),(0,react.useEffect)((()=>()=>{if(throttledRef.current){const[,cancel]=throttledRef.current;cancel()}}),[throttledRef]),(0,react.useMemo)((()=>({xScale:{type:"time",format:"%L",precision:"week"===precision?"day":precision},axisBottom:{tickSize:0,tickPadding:30,legend:"",tickValues:width<600?7:void 0,tickRotation:width<600?30:0,format:"hour"===precision?formatTime:"week"===precision?useChartConfig_formatDayOfWeek:formatDate}})),[data,width,precision])};var _ref={name:"as11ew",styles:"line-height:normal"},_ref2={name:"1d3w5wq",styles:"width:100%"},_ref3={name:"1otqacd",styles:"height:227px;svg{overflow:visible;}"};const MealNutrients=({caption:caption="Meal Nutrients",options:options,data:data,onOptionChange:onOptionChange})=>{const[selectedOption,setSelectedOption]=(0,react.useState)(),containerRef=(0,react.useRef)(null),chartConfig=MealNutrients_useChartConfig(containerRef,data,selectedOption?.precision);(0,react.useEffect)((()=>{options?.length>0&&null==selectedOption&&handleChange(options[0])}),[options]);const handleChange=e=>{const item=options.filter((item=>item.value===e.value))[0];setSelectedOption(item),onOptionChange&&onOptionChange(item)};return(0,emotion_react_browser_esm.jsx)("div",{ref:containerRef},(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{transparent:!0},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h4",weight:"bold",css:_ref},caption),options?.length>0&&(0,emotion_react_browser_esm.jsx)(dist.Dropdown,{selectedItem:options[0],onChange:handleChange},options.map((item=>(0,emotion_react_browser_esm.jsx)(dist.DropdownOption,{key:item.value,value:item.value,label:item.label}))))),(0,emotion_react_browser_esm.jsx)(dist.Card,null,(0,emotion_react_browser_esm.jsx)(dist.CardContent,{direction:"column",css:_ref2},(0,emotion_react_browser_esm.jsx)("div",{css:_ref3},data?.length>0&&(0,emotion_react_browser_esm.jsx)(MealNutrientsLineChart,(0,esm_extends.Z)({data:data},chartConfig))))))};MealNutrients.displayName="MealNutrients";try{MealNutrients.displayName="MealNutrients",MealNutrients.__docgenInfo={description:"\nUI Component that shows the nutrients consumed by the user",displayName:"MealNutrients",props:{caption:{defaultValue:{value:"Meal Nutrients"},description:"",name:"caption",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"OptionType[]"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"Serie[]"}},onOptionChange:{defaultValue:null,description:"",name:"onOptionChange",required:!1,type:{name:"(option: OptionType) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealNutrients/MealNutrients.tsx#MealNutrients"]={docgenInfo:MealNutrients.__docgenInfo,name:"MealNutrients",path:"src/components/MealNutrients/MealNutrients.tsx#MealNutrients"})}catch(__react_docgen_typescript_loader_error){}const getMockGraphData=timePeriodId=>{const mockGraphData=(firstDate=>({d:[{data:[{comp:-40,unit:"%",x:new Date(firstDate),y:63},{comp:66,unit:"%",x:new Date(16928028e5),y:32},{comp:11,unit:"%",x:new Date(16928064e5),y:2},{comp:49,unit:"%",x:new Date(169281e7),y:38},{comp:25,unit:"%",x:new Date(16928136e5),y:46},{comp:-34,unit:"%",x:new Date(16928172e5),y:42},{comp:-3,unit:"%",x:new Date(16928208e5),y:33},{comp:67,unit:"%",x:new Date(16928244e5),y:78},{comp:-85,unit:"%",x:new Date(1692828e6),y:24},{comp:66,unit:"%",x:new Date(16928316e5),y:43},{comp:31,unit:"%",x:new Date(16928352e5),y:31},{comp:-43,unit:"%",x:new Date(16928388e5),y:30},{comp:-77,unit:"%",x:new Date(16928424e5),y:70},{comp:-65,unit:"%",x:new Date(1692846e6),y:61},{comp:76,unit:"%",x:new Date(16928496e5),y:91},{comp:5,unit:"%",x:new Date(16928532e5),y:34},{comp:60,unit:"%",x:new Date(16928568e5),y:89},{comp:9,unit:"%",x:new Date(16928604e5),y:26},{comp:65,unit:"%",x:new Date(1692864e6),y:8},{comp:-75,unit:"%",x:new Date(16928676e5),y:53},{comp:-52,unit:"%",x:new Date(16928712e5),y:80},{comp:-42,unit:"%",x:new Date(16928748e5),y:23},{comp:63,unit:"%",x:new Date(16928784e5),y:83},{comp:79,unit:"%",x:new Date(1692882e6),y:37}],id:"fibre"},{data:[{comp:99,unit:"%",x:new Date(firstDate),y:65},{comp:15,unit:"%",x:new Date(16928028e5),y:54},{comp:8,unit:"%",x:new Date(16928064e5),y:31},{comp:-75,unit:"%",x:new Date(169281e7),y:24},{comp:58,unit:"%",x:new Date(16928136e5),y:94},{comp:-50,unit:"%",x:new Date(16928172e5),y:33},{comp:27,unit:"%",x:new Date(16928208e5),y:35},{comp:-46,unit:"%",x:new Date(16928244e5),y:94},{comp:30,unit:"%",x:new Date(1692828e6),y:95},{comp:63,unit:"%",x:new Date(16928316e5),y:91},{comp:-89,unit:"%",x:new Date(16928352e5),y:95},{comp:92,unit:"%",x:new Date(16928388e5),y:9},{comp:30,unit:"%",x:new Date(16928424e5),y:86},{comp:39,unit:"%",x:new Date(1692846e6),y:2},{comp:-44,unit:"%",x:new Date(16928496e5),y:22},{comp:-98,unit:"%",x:new Date(16928532e5),y:91},{comp:32,unit:"%",x:new Date(16928568e5),y:93},{comp:-80,unit:"%",x:new Date(16928604e5),y:80},{comp:63,unit:"%",x:new Date(1692864e6),y:85},{comp:51,unit:"%",x:new Date(16928676e5),y:53},{comp:37,unit:"%",x:new Date(16928712e5),y:92},{comp:80,unit:"%",x:new Date(16928748e5),y:41},{comp:43,unit:"%",x:new Date(16928784e5),y:86},{comp:61,unit:"%",x:new Date(1692882e6),y:83}],id:"calories"},{data:[{comp:70,unit:"%",x:new Date(firstDate),y:23},{comp:-59,unit:"%",x:new Date(16928028e5),y:24},{comp:6,unit:"%",x:new Date(16928064e5),y:32},{comp:-73,unit:"%",x:new Date(169281e7),y:76},{comp:-76,unit:"%",x:new Date(16928136e5),y:86},{comp:4,unit:"%",x:new Date(16928172e5),y:37},{comp:13,unit:"%",x:new Date(16928208e5),y:45},{comp:27,unit:"%",x:new Date(16928244e5),y:39},{comp:-26,unit:"%",x:new Date(1692828e6),y:92},{comp:56,unit:"%",x:new Date(16928316e5),y:94},{comp:26,unit:"%",x:new Date(16928352e5),y:78},{comp:84,unit:"%",x:new Date(16928388e5),y:37},{comp:2,unit:"%",x:new Date(16928424e5),y:93},{comp:-49,unit:"%",x:new Date(1692846e6),y:5},{comp:-81,unit:"%",x:new Date(16928496e5),y:62},{comp:37,unit:"%",x:new Date(16928532e5),y:16},{comp:-29,unit:"%",x:new Date(16928568e5),y:93},{comp:-43,unit:"%",x:new Date(16928604e5),y:88},{comp:-31,unit:"%",x:new Date(1692864e6),y:18},{comp:60,unit:"%",x:new Date(16928676e5),y:42},{comp:-94,unit:"%",x:new Date(16928712e5),y:70},{comp:-23,unit:"%",x:new Date(16928748e5),y:12},{comp:24,unit:"%",x:new Date(16928784e5),y:32},{comp:-69,unit:"%",x:new Date(1692882e6),y:11}],id:"sugar"}],m:[{data:[{comp:-9,unit:"%",x:new Date(16903188e5),y:59},{comp:-51,unit:"%",x:new Date(16904052e5),y:28},{comp:-5,unit:"%",x:new Date(16904916e5),y:47},{comp:-40,unit:"%",x:new Date(1690578e6),y:90},{comp:-3,unit:"%",x:new Date(16906644e5),y:84},{comp:32,unit:"%",x:new Date(16907508e5),y:53},{comp:57,unit:"%",x:new Date(16908372e5),y:47},{comp:5,unit:"%",x:new Date(16909236e5),y:54},{comp:-12,unit:"%",x:new Date(169101e7),y:40},{comp:44,unit:"%",x:new Date(16910964e5),y:5},{comp:-100,unit:"%",x:new Date(16911828e5),y:32},{comp:-94,unit:"%",x:new Date(16912692e5),y:43},{comp:12,unit:"%",x:new Date(16913556e5),y:70},{comp:-42,unit:"%",x:new Date(1691442e6),y:89},{comp:-7,unit:"%",x:new Date(16915284e5),y:39},{comp:-34,unit:"%",x:new Date(16916148e5),y:42},{comp:-70,unit:"%",x:new Date(16917012e5),y:69},{comp:-97,unit:"%",x:new Date(16917876e5),y:8},{comp:96,unit:"%",x:new Date(1691874e6),y:78},{comp:-6,unit:"%",x:new Date(16919604e5),y:25},{comp:-86,unit:"%",x:new Date(16920468e5),y:63},{comp:46,unit:"%",x:new Date(16921332e5),y:81},{comp:-7,unit:"%",x:new Date(16922196e5),y:50},{comp:22,unit:"%",x:new Date(1692306e6),y:57},{comp:14,unit:"%",x:new Date(16923924e5),y:61},{comp:-61,unit:"%",x:new Date(16924788e5),y:87},{comp:81,unit:"%",x:new Date(16925652e5),y:11},{comp:-56,unit:"%",x:new Date(16926516e5),y:73},{comp:74,unit:"%",x:new Date(1692738e6),y:47},{comp:94,unit:"%",x:new Date(16928244e5),y:42}],id:"fibre"},{data:[{comp:62,unit:"%",x:new Date(16903188e5),y:42},{comp:-29,unit:"%",x:new Date(16904052e5),y:67},{comp:-90,unit:"%",x:new Date(16904916e5),y:52},{comp:-53,unit:"%",x:new Date(1690578e6),y:48},{comp:-38,unit:"%",x:new Date(16906644e5),y:88},{comp:-70,unit:"%",x:new Date(16907508e5),y:94},{comp:-78,unit:"%",x:new Date(16908372e5),y:76},{comp:-40,unit:"%",x:new Date(16909236e5),y:77},{comp:-31,unit:"%",x:new Date(169101e7),y:21},{comp:-36,unit:"%",x:new Date(16910964e5),y:21},{comp:-45,unit:"%",x:new Date(16911828e5),y:89},{comp:13,unit:"%",x:new Date(16912692e5),y:88},{comp:-75,unit:"%",x:new Date(16913556e5),y:92},{comp:28,unit:"%",x:new Date(1691442e6),y:91},{comp:92,unit:"%",x:new Date(16915284e5),y:94},{comp:-41,unit:"%",x:new Date(16916148e5),y:47},{comp:58,unit:"%",x:new Date(16917012e5),y:89},{comp:42,unit:"%",x:new Date(16917876e5),y:63},{comp:72,unit:"%",x:new Date(1691874e6),y:56},{comp:-82,unit:"%",x:new Date(16919604e5),y:83},{comp:-100,unit:"%",x:new Date(16920468e5),y:8},{comp:40,unit:"%",x:new Date(16921332e5),y:51},{comp:34,unit:"%",x:new Date(16922196e5),y:38},{comp:55,unit:"%",x:new Date(1692306e6),y:36},{comp:-85,unit:"%",x:new Date(16923924e5),y:19},{comp:35,unit:"%",x:new Date(16924788e5),y:46},{comp:65,unit:"%",x:new Date(16925652e5),y:95},{comp:81,unit:"%",x:new Date(16926516e5),y:67},{comp:77,unit:"%",x:new Date(1692738e6),y:64},{comp:-79,unit:"%",x:new Date(16928244e5),y:72}],id:"calories"},{data:[{comp:-36,unit:"%",x:new Date(16903188e5),y:6},{comp:90,unit:"%",x:new Date(16904052e5),y:42},{comp:-6,unit:"%",x:new Date(16904916e5),y:76},{comp:64,unit:"%",x:new Date(1690578e6),y:78},{comp:47,unit:"%",x:new Date(16906644e5),y:30},{comp:-62,unit:"%",x:new Date(16907508e5),y:95},{comp:-37,unit:"%",x:new Date(16908372e5),y:61},{comp:-36,unit:"%",x:new Date(16909236e5),y:31},{comp:63,unit:"%",x:new Date(169101e7),y:37},{comp:-61,unit:"%",x:new Date(16910964e5),y:17},{comp:28,unit:"%",x:new Date(16911828e5),y:20},{comp:-94,unit:"%",x:new Date(16912692e5),y:91},{comp:-10,unit:"%",x:new Date(16913556e5),y:15},{comp:-55,unit:"%",x:new Date(1691442e6),y:82},{comp:-29,unit:"%",x:new Date(16915284e5),y:34},{comp:80,unit:"%",x:new Date(16916148e5),y:83},{comp:-83,unit:"%",x:new Date(16917012e5),y:47},{comp:0,unit:"%",x:new Date(16917876e5),y:52},{comp:2,unit:"%",x:new Date(1691874e6),y:74},{comp:-8,unit:"%",x:new Date(16919604e5),y:27},{comp:41,unit:"%",x:new Date(16920468e5),y:50},{comp:-50,unit:"%",x:new Date(16921332e5),y:21},{comp:29,unit:"%",x:new Date(16922196e5),y:55},{comp:17,unit:"%",x:new Date(1692306e6),y:89},{comp:48,unit:"%",x:new Date(16923924e5),y:79},{comp:-43,unit:"%",x:new Date(16924788e5),y:2},{comp:38,unit:"%",x:new Date(16925652e5),y:65},{comp:-77,unit:"%",x:new Date(16926516e5),y:85},{comp:-55,unit:"%",x:new Date(1692738e6),y:24},{comp:-31,unit:"%",x:new Date(16928244e5),y:45}],id:"sugar"}],w:[{data:[{comp:33,unit:"%",x:new Date(1692306e6),y:78},{comp:-33,unit:"%",x:new Date(16923924e5),y:87},{comp:-47,unit:"%",x:new Date(16924788e5),y:27},{comp:-20,unit:"%",x:new Date(16925652e5),y:83},{comp:-17,unit:"%",x:new Date(16926516e5),y:87},{comp:97,unit:"%",x:new Date(1692738e6),y:42},{comp:-89,unit:"%",x:new Date(16928244e5),y:54}],id:"fibre"},{data:[{comp:65,unit:"%",x:new Date(1692306e6),y:71},{comp:-16,unit:"%",x:new Date(16923924e5),y:74},{comp:31,unit:"%",x:new Date(16924788e5),y:43},{comp:45,unit:"%",x:new Date(16925652e5),y:71},{comp:17,unit:"%",x:new Date(16926516e5),y:85},{comp:-99,unit:"%",x:new Date(1692738e6),y:13},{comp:-6,unit:"%",x:new Date(16928244e5),y:26}],id:"calories"},{data:[{comp:-71,unit:"%",x:new Date(1692306e6),y:1},{comp:91,unit:"%",x:new Date(16923924e5),y:7},{comp:3,unit:"%",x:new Date(16924788e5),y:24},{comp:92,unit:"%",x:new Date(16925652e5),y:31},{comp:55,unit:"%",x:new Date(16926516e5),y:36},{comp:-21,unit:"%",x:new Date(1692738e6),y:89},{comp:-24,unit:"%",x:new Date(16928244e5),y:27}],id:"sugar"}]}))(16927992e5+Math.floor(3600*Math.random()));return[...mockGraphData[timePeriodId]]},mockStaticApi={getData(timePeriodId){const res=getMockGraphData(timePeriodId);return res?Promise.resolve(res):Promise.resolve([])},getOptions(){return Promise.resolve([{value:"d",label:"Daily",precision:"hour"},{value:"w",label:"Weekly",precision:"week"},{value:"m",label:"Monthly",precision:"day"}])}};const{getData:getData,getOptions:getOptions}=mockStaticApi;var MealNutrients_stories={title:"Widgets/MealNutrients",component:MealNutrients};const Default=()=>{const[options,setOptions]=(0,react.useState)([]),[data,setData]=(0,react.useState)([]);return(0,react.useEffect)((()=>{getOptions().then((respOptions=>(setOptions(respOptions),getData(respOptions[0].value)))).then(setData)}),[]),(0,emotion_react_browser_esm.jsx)(MealNutrients,{data:data,options:options,onOptionChange:({value:value})=>{getData(String(value)).then(setData)}})};Default.displayName="Default",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n  const [options, setOptions] = useState<IMealNutrientsProps['options']>([]);\n  const [data, setData] = useState<IMealNutrientsProps['data']>([]);\n  useEffect(() => {\n    getOptions().then(respOptions => {\n      setOptions(respOptions);\n      return getData(respOptions[0].value);\n    }).then(setData);\n  }, []);\n  return <MealNutrients data={data} options={options} onOptionChange={({\n    value\n  }) => {\n    getData((String(value) as 'd' | 'w' | 'm')).then(setData);\n  }} />;\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]},"../utils/dist/index.js":function(module){self,module.exports=function(){"use strict";var e={d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{assocPath:function(){return m},callAll:function(){return r},dateFormatters:function(){return n},debounce:function(){return u},dissocPath:function(){return S},generateRange:function(){return g},mapObjIndexed:function(){return h},path:function(){return y},pathOr:function(){return b},prop:function(){return w},propOr:function(){return T},throttle:function(){return o}});var n={};e.r(n),e.d(n,{formatDate:function(){return l},formatDayOfWeek:function(){return f},formatTime:function(){return a},getTimeAgo:function(){return d},printDayOfTheWeek:function(){return s}});const r=(...e)=>(...t)=>e.forEach((e=>e?.(...t))),o=(e,t)=>{let n=!1,r=null,o=null;return[function u(...i){n?r=i:(n=!0,e(...i),o=setTimeout((()=>{n=!1,r&&(u(...r),r=null)}),t))},function(){o&&clearTimeout(o)}]},u=(e,t=200)=>{let n=null;return[(...r)=>{n&&clearTimeout(n),n=setTimeout((()=>{n&&clearTimeout(n),e(...r)}),t)},function(){n&&clearTimeout(n)}]},i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],c={year:31536e3,month:2592e3,week:604800,day:86400,hour:3600,min:60},a=e=>new Date(e).toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),f=e=>i[new Date(e).getDay()],l=e=>new Date(e).toLocaleDateString("en-US",{day:"2-digit",month:"short"}),s=e=>{switch(e){case 0:return"Sun";case 1:return"Mon";case 2:return"Tue";case 3:return"Wed";case 4:return"Thu";case 5:return"Fri";case 6:return"Sat"}},d=e=>{const t=new Date(e).getTime();if(Number.isNaN(t))throw new Error("Invalid date");const n=Math.floor((Date.now()-t)/1e3);let r;for(const e in c)if(r=Math.floor(n/c[e]),r>=1)return`${r} ${e}${r>1?"s":""} ago`;return"Just Now"},h=(e,t)=>Object.keys(t).reduce(((n,r)=>(n[r]=e(t[r],r,t),n)),{}),p=(e,t,n)=>{for(let r=t;r<n;++r)e.push(r)};var g=(e,t)=>{if(null==e||!Number.isInteger(e))throw new Error("Pages count should be an integer");if(e<=0)return[];let n=[1];if(1===e)return n;if(null!=t&&!Number.isInteger(t))throw new Error("Selected page should be an integer");if(null!=t&&(t<1||t>e))throw new Error(`Selected page ${t} is out of range`);if(t&&t>2){const r=((e,t)=>{const n=[];return t!==e&&n.push(t),t>1&&n.unshift(t-1),t+1<e&&n.push(t+1),n})(e,t),[o,,u]=r;o-2>1?n.push(-1):p(n,2,o),n=n.concat(r),e-u>2?n.push(-1):p(n,u+1,e)}else e<=5?p(n,2,e):n.push(2,3,-1);return n.push(e),n};const m=([e,...t],n)=>r=>JSON.parse(JSON.stringify({...r,[e]:t.length?m(t,n)(r[e]):n})),S=e=>t=>{const n=JSON.parse(JSON.stringify(t));return e.reduce(((t,n,r)=>(r===e.length-1&&delete t[n],t[n])),n),n},y=e=>t=>e.reduce(((e,t)=>e?.[t]),t),b=(e,t)=>n=>{const r=y(t)(n);return null==r?e:r},w=e=>t=>t?.[e],T=(e,t)=>n=>{const r=w(t)(n);return null==r?e:r};return t}()}}]);

package/storybook-static/components-MealPlanner-MealPlanner-stories.6bc8eee9.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[8009],{"../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}__webpack_require__.d(__webpack_exports__,{Z:function(){return _extends}})},"../../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/MealPlanner/MealPlanner.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return MealPlanner_stories}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.21.5/node_modules/@babel/runtime/helpers/esm/extends.js"),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"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),dist=__webpack_require__("../core/dist/index.js"),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");var MealPlanner_MealPlannerBadge=(0,emotion_styled_base_browser_esm.Z)(dist.Badge,{target:"e12bwihj0"})({name:"1c9h7mo",styles:"display:inline-block;padding:0;margin-right:5px;width:4px;height:4px"});try{MealPlannerBadge.displayName="MealPlannerBadge",MealPlannerBadge.__docgenInfo={description:"",displayName:"MealPlannerBadge",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerBadge.tsx#MealPlannerBadge"]={docgenInfo:MealPlannerBadge.__docgenInfo,name:"MealPlannerBadge",path:"src/components/MealPlanner/MealPlannerBadge.tsx#MealPlannerBadge"})}catch(__react_docgen_typescript_loader_error){}var MealPlanner_MealPlannerLegends={List:(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e1yfjgtr1"})({name:"wmff3h",styles:"display:flex;justify-content:space-between;list-style:none;width:100%;height:20px;padding:0;margin:0;margin-bottom:8px"}),Item:(0,emotion_styled_base_browser_esm.Z)("li",{target:"e1yfjgtr0"})({name:"s5xdrg",styles:"display:flex;align-items:center"})};const MealPlannerBars=(0,emotion_styled_base_browser_esm.Z)("ul",{target:"e1obar840"})({name:"1bn6kyv",styles:"display:flex;list-style:none;width:100%;height:20px;padding:0;margin:0;&>li:nth-of-type(2n):not(:last-child){margin:0 5px;}"});var MealPlanner_MealPlannerBars=MealPlannerBars;try{MealPlannerBars.displayName="MealPlannerBars",MealPlannerBars.__docgenInfo={description:"",displayName:"MealPlannerBars",props:{theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType<any>"}},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:"LegacyRef<HTMLUListElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key"}},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"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},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"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},nonce:{defaultValue:null,description:"",name:"nonce",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no"'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},content:{defaultValue:null,description:"",name:"content",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"}},color:{defaultValue:null,description:"",name:"color",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:'"email" | "text" | "none" | "search" | "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"}},"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" | "list" | "inline" | "both"'}},"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 | "true" | "false" | "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" | "date" | "true" | "false" | "page" | "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" | "true" | "false" | "grid" | "listbox" | "tree"'}},"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 | "true" | "false" | "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 | "true" | "false" | "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" | "ascending" | "descending" | "other"'}},"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<HTMLUListElement>"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler<HTMLUListElement>"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler<HTMLUListElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler<HTMLUListElement>"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler<HTMLUListElement>"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPress:{defaultValue:null,description:"@deprecated",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyPressCapture:{defaultValue:null,description:"@deprecated",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler<HTMLUListElement>"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onResizeCapture:{defaultValue:null,description:"",name:"onResizeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler<HTMLUListElement>"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler<HTMLUListElement>"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler<HTMLUListElement>"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler<HTMLUListElement>"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler<HTMLUListElement>"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler<HTMLUListElement>"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler<HTMLUListElement>"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler<HTMLUListElement>"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler<HTMLUListElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerBars.tsx#MealPlannerBars"]={docgenInfo:MealPlannerBars.__docgenInfo,name:"MealPlannerBars",path:"src/components/MealPlanner/MealPlannerBars.tsx#MealPlannerBars"})}catch(__react_docgen_typescript_loader_error){}const markerColor={carbs:"yellow",protein:"green",fat:"blue"};var _ref={name:"azty0s",styles:"width:calc(100% - 64px);padding-left:15px"},_ref2={name:"14aax6i",styles:"margin-top:5.6px"};const MealPlannerCard=({name:name,image:image,carbs:carbs,protein:protein,fat:fat})=>{const listItems={carbs:carbs,protein:protein,fat:fat};return(0,emotion_react_browser_esm.jsx)(dist.Wrapper,{css:_ref2},(0,emotion_react_browser_esm.jsx)(dist.Avatar,{size:64,image:image}),(0,emotion_react_browser_esm.jsx)("div",{css:_ref},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h6",weight:"medium"},name),(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerLegends.List,null,Object.keys(listItems).map((item=>(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerLegends.Item,{key:item},(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerBadge,{color:markerColor[item]}),(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"body1"},listItems[item],"% ",item))))),(0,emotion_react_browser_esm.jsx)(MealPlanner_MealPlannerBars,null,Object.keys(listItems).map((item=>(0,emotion_react_browser_esm.jsx)("li",{css:(0,emotion_react_browser_esm.css)("width:",listItems[item],"%;","",""),key:item},(0,emotion_react_browser_esm.jsx)(dist.ProgressBar,{percentage:100,color:markerColor[item]})))))))};MealPlannerCard.displayName="MealPlannerCard";try{MealPlannerCard.displayName="MealPlannerCard",MealPlannerCard.__docgenInfo={description:"",displayName:"MealPlannerCard",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},image:{defaultValue:null,description:"",name:"image",required:!0,type:{name:"string"}},calories:{defaultValue:null,description:"",name:"calories",required:!0,type:{name:"number"}},carbs:{defaultValue:null,description:"",name:"carbs",required:!0,type:{name:"number"}},protein:{defaultValue:null,description:"",name:"protein",required:!0,type:{name:"number"}},fat:{defaultValue:null,description:"",name:"fat",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlannerCard.tsx#MealPlannerCard"]={docgenInfo:MealPlannerCard.__docgenInfo,name:"MealPlannerCard",path:"src/components/MealPlanner/MealPlannerCard.tsx#MealPlannerCard"})}catch(__react_docgen_typescript_loader_error){}const CustomOption=(0,emotion_styled_base_browser_esm.Z)(dist.DropdownOption,{target:"e1mo13t60"})({name:"dzdmk4",styles:"text-align:left;line-height:18px;font-size:11px"});var MealPlanner_ref={name:"17y49kf",styles:"flex-direction:column;width:100%"},MealPlanner_ref2={name:"as11ew",styles:"line-height:normal"};const MealPlanner=({data:data})=>{const[selectedOption,setSelectedOption]=(0,react.useState)(null),[options,setOptions]=(0,react.useState)([]),handleChange=e=>{const value=e.value.toString().toLowerCase();setSelectedOption(value)};return(0,react.useEffect)((()=>{null!=data&&"object"==typeof data&&setOptions(Object.keys(data).map(((item,index)=>({id:index,value:`${item.charAt(0).toUpperCase()}${item.slice(1)}`,label:`${item.charAt(0).toUpperCase()}${item.slice(1)} | ${data[item].time}`,extraVal:data[item].time}))))}),[data]),(0,react.useEffect)((()=>{options?.length>0&&null==selectedOption&&handleChange(options[0])}),[options]),(0,emotion_react_browser_esm.jsx)("div",null,(0,emotion_react_browser_esm.jsx)(dist.CardHeader,{transparent:!0},(0,emotion_react_browser_esm.jsx)(dist.Typography,{variant:"h4",weight:"bold",css:MealPlanner_ref2},"Meal Planner"),options?.length>0&&(0,emotion_react_browser_esm.jsx)(dist.Dropdown,{selectedItem:options[0],onChange:handleChange},options.map(((item,index)=>(0,emotion_react_browser_esm.jsx)(CustomOption,{key:index,value:item.value,label:item.label.toString()},(0,emotion_react_browser_esm.jsx)("span",{style:{fontSize:13,fontWeight:500}},item.value)," | ",(0,emotion_react_browser_esm.jsx)("span",{style:{fontSize:11,fontWeight:500}},item.extraVal)))))),(0,emotion_react_browser_esm.jsx)(dist.Card,null,(0,emotion_react_browser_esm.jsx)(dist.CardContent,{css:MealPlanner_ref},selectedOption&&data[selectedOption].data.map((({id:id,...props})=>(0,emotion_react_browser_esm.jsx)(MealPlannerCard,(0,esm_extends.Z)({key:id},props)))))))};MealPlanner.displayName="MealPlanner";try{MealPlanner.displayName="MealPlanner",MealPlanner.__docgenInfo={description:"",displayName:"MealPlanner",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ [mealName: string]: MealPlannerItem; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MealPlanner/MealPlanner.tsx#MealPlanner"]={docgenInfo:MealPlanner.__docgenInfo,name:"MealPlanner",path:"src/components/MealPlanner/MealPlanner.tsx#MealPlanner"})}catch(__react_docgen_typescript_loader_error){}var MealPlanner_stories={title:"Widgets/MealPlanner",component:MealPlanner,args:{data:{breakfast:{time:"8:00 AM",data:[{id:1,name:"Avocado salad",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Favocado%2Favocado_64.png?alt=media&token=daa461dd-085c-4542-a5d4-c83a0a8efb4c",calories:300,carbs:10,protein:50,fat:40},{id:2,name:"Almond milk",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fmilk%2Fmilk_64.png?alt=media&token=88ab4b5d-1c1f-43e5-849f-1dbf71c5dc8b",calories:300,carbs:40,protein:20,fat:40},{id:3,name:"Blueberry",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fblueberry%2Fblueberry_64.png?alt=media&token=ab7c1d58-9743-478e-bcf8-aa7726ccbe78",calories:300,carbs:40,protein:30,fat:30}]},lunch:{time:"1:00 PM",data:[{id:4,name:"Beef steak",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsteak%2Fsteak_64.png?alt=media&token=44f02ad7-9a56-4839-aa00-e50ff44a14aa",calories:300,carbs:10,protein:50,fat:40}]},dinner:{time:"7:00 PM",data:[{id:5,name:"Soup",image:"https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fsoup%2Fsoup_64.png?alt=media&token=fb2a8b51-a735-4669-8cdc-c2d52b23b114",calories:300,carbs:30,protein:30,fat:40}]}}}};const Default={};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);

package/storybook-static/components-NavBar-NavBar-stories.a2e2370c.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[7300],{"./src/components/NavBar/NavBar.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},WideScreen:function(){return WideScreen},__namedExportsOrder:function(){return __namedExportsOrder},default:function(){return NavBar_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"),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"),core_dist=__webpack_require__("../core/dist/index.js"),NavBarBase=__webpack_require__("./src/components/NavBar/NavBarBase.ts"),NavBarWrapper=__webpack_require__("./src/components/NavBar/NavBarWrapper.ts"),NavBarList=__webpack_require__("./src/components/NavBar/NavBarList.ts"),NavBarItem=__webpack_require__("./src/components/NavBar/NavBarItem.ts"),NavBarLink=__webpack_require__("./src/components/NavBar/NavBarLink.ts"),NavToggleWrapper=__webpack_require__("./src/components/NavBar/NavToggleWrapper.ts"),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");var _ref={name:"1apeu08",styles:"cursor:pointer;height:20px;width:20px;transform:scale(-1, 1);span{height:2px;width:100%;background:black;display:block;margin:3px 0;&:nth-of-type(2){width:80%;}}"};const NavToggle=({htmlFor:htmlFor})=>(0,emotion_react_browser_esm.jsx)(NavToggleWrapper.Z,null,(0,emotion_react_browser_esm.jsx)("label",{htmlFor:htmlFor,css:_ref},(0,emotion_react_browser_esm.jsx)("span",null),(0,emotion_react_browser_esm.jsx)("span",null),(0,emotion_react_browser_esm.jsx)("span",null)));NavToggle.displayName="NavToggle";var NavBar_NavToggle=NavToggle;try{NavToggle.displayName="NavToggle",NavToggle.__docgenInfo={description:"",displayName:"NavToggle",props:{htmlFor:{defaultValue:null,description:"",name:"htmlFor",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/NavBar/NavToggle.tsx#NavToggle"]={docgenInfo:NavToggle.__docgenInfo,name:"NavToggle",path:"src/components/NavBar/NavToggle.tsx#NavToggle"})}catch(__react_docgen_typescript_loader_error){}const NavBar=({items:items})=>{const toggleId=(0,react.useId)(),theme=(0,emotion_element_c39617d8_browser_esm.u)();return(0,emotion_react_browser_esm.jsx)(NavBarBase.Z,null,(0,emotion_react_browser_esm.jsx)("input",{type:"checkbox",id:toggleId}),(0,emotion_react_browser_esm.jsx)(NavBar_NavToggle,{htmlFor:toggleId}),(0,emotion_react_browser_esm.jsx)(NavBarWrapper.Z,null,(0,emotion_react_browser_esm.jsx)(NavBarList.Z,null,items.map((({path:path,iconName:iconName})=>(0,emotion_react_browser_esm.jsx)(NavBarItem.Z,{key:path},(0,emotion_react_browser_esm.jsx)(NavBarLink.Z,{to:"/"+path},(0,emotion_react_browser_esm.jsx)(core_dist.Icon,{name:iconName,color:theme.colors.grey}))))))))};NavBar.displayName="NavBar";try{NavBar.displayName="NavBar",NavBar.__docgenInfo={description:"UI Component that shows the navigation bar",displayName:"NavBar",props:{items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:'{ path: string; iconName: "email" | "circle" | "filter" | "stats" | "calendar" | "trainings" | "measurements" | "diet" | "notification" | "settings" | "information" | "search" | "copy" | ... 36 more ... | "unlock"; }[]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/NavBar/NavBar.tsx#NavBar"]={docgenInfo:NavBar.__docgenInfo,name:"NavBar",path:"src/components/NavBar/NavBar.tsx#NavBar"})}catch(__react_docgen_typescript_loader_error){}const reactRouterDecorator=Story=>(0,emotion_react_browser_esm.jsx)(dist.VA,null,(0,emotion_react_browser_esm.jsx)(dist.Z5,null,(0,emotion_react_browser_esm.jsx)(dist.AW,{path:"/*",element:(0,emotion_react_browser_esm.jsx)(Story,null)})));reactRouterDecorator.displayName="reactRouterDecorator";var NavBar_stories={title:"Widgets/NavBar",component:NavBar,parameters:{viewport:{defaultViewport:"mobile2"},docs:{page:()=>(0,emotion_react_browser_esm.jsx)(react.Fragment,null,(0,emotion_react_browser_esm.jsx)(addon_docs_dist.Dx,null),(0,emotion_react_browser_esm.jsx)(addon_docs_dist.dk,null),(0,emotion_react_browser_esm.jsx)(addon_docs_dist.Hw,{code:"<NavBar />"}))}},decorators:[reactRouterDecorator,Story=>(0,emotion_react_browser_esm.jsx)("div",{style:{height:"100vh",position:"relative"}},Story())],args:{items:[{path:"stats",iconName:"stats"},{path:"calendar",iconName:"calendar"},{path:"trainings",iconName:"trainings"},{path:"measurements",iconName:"measurements"},{path:"diet",iconName:"diet"},{path:"notification",iconName:"notification"},{path:"settings",iconName:"settings"}]}};const Default={},WideScreen={component:NavBar,parameters:{viewport:{viewports:{laptop:{name:"Laptop",styles:{width:"1440px",height:"1080px"}}},defaultViewport:"laptop"}}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{}",...Default.parameters?.docs?.source}}},WideScreen.parameters={...WideScreen.parameters,docs:{...WideScreen.parameters?.docs,source:{originalSource:"{\n  component: NavBar,\n  parameters: {\n    viewport: {\n      viewports: VIEWPORTS,\n      defaultViewport: 'laptop'\n    }\n  }\n}",...WideScreen.parameters?.docs?.source}}};const __namedExportsOrder=["Default","WideScreen"]}}]);