sag_components 1.0.27 → 1.0.29

package/src/stories/components/Dropdown.jsx

@@ -1,249 +0,0 @@
-import React from "react";
-import { useState, useEffect } from "react";
-import "../Dropdown.style.js";
-//import PropTypes from "prop-types";
-import { DropdownContainer } from "../Dropdown.style.js";
-
-// import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-// import { faChevronDown, faAsterisk } from "@fortawesome/free-solid-svg-icons";
-
-import Autocomplete from "@mui/material/Autocomplete";
-import TextField from "@mui/material/TextField";
-import Checkbox from "@mui/material/Checkbox";
-import InputAdornment from "@mui/material/InputAdornment";
-import Icon from "@mui/material/Icon";
-
-import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
-import CheckBoxIcon from "@mui/icons-material/CheckBox";
-import SearchIcon from "@mui/icons-material/Search.js";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown.js";
-
-const icon = <CheckBoxOutlineBlankIcon fontSize="small" />;
-const checkedIcon = <CheckBoxIcon fontSize="small" />;
-
-/**
- *  SAG Dropdown
- */
-export const Dropdown = ({
-  width,
-  size,
-  text,
-  shape,
-  placeHolder,
-  multiSelect,
-  limitTagsOnMultiSelect,
-  showPopupIcon,
-  showSearchIcon,
-  options,
-  onChange,
-  onInputChange,
-}) => {
-  /**
-   *  SAG Dropdown
-   */
-  const [currentInputValue, setCurrentInputValue] = useState(null);
-  const [currentOption, setCurrentOption] = useState(null);
-
-  useEffect(() => {
-    const delayDebounceFn = setTimeout(() => {
-      onInputChange(currentInputValue);
-    }, 1000);
-
-    return () => clearTimeout(delayDebounceFn);
-  }, [currentInputValue]);
-
-  //defines shape: squire or round
-  const getTextFieldStyle = () => {
-    if (shape === "round") {
-      // round
-      return {
-        "& .MuiOutlinedInput-root": {
-          borderRadius: "50px",
-
-          legend: {
-            marginLeft: "30px",
-          },
-        },
-        "& .MuiAutocomplete-inputRoot": {
-          paddingLeft: "20px !important",
-          borderRadius: "50px",
-        },
-        "& .MuiInputLabel-outlined": {
-          paddingLeft: "20px",
-        },
-        "& .MuiInputLabel-shrink": {
-          marginLeft: "20px",
-          paddingLeft: "10px",
-          paddingRight: 0,
-          background: "white",
-        },
-      };
-    } else {
-      //square
-      return null;
-    }
-  };
-
-  const onInputChangeHandler = (event, newInputValue) => {
-    setCurrentInputValue({
-      syntheticBaseEvent: event,
-      inputValue: newInputValue,
-    });
-  };
-
-  const onChangeHandler = (event, newValue) => {
-    setCurrentOption(newValue);
-    onChange(event, newValue);
-  };
-
-  const getAutocompleteSingle = () => {
-    return (
-      <Autocomplete
-        onChange={(event, newValue) => {
-          onChangeHandler(event, newValue);
-        }}
-        onInputChange={(event, newInputValue) => {
-          onInputChangeHandler(event, newInputValue);
-        }}
-        disablePortal
-        id="combo-box"
-        options={options}
-        sx={{ width: width }}
-        popupIcon={showPopupIcon ? <ArrowDropDownIcon /> : null}
-        forcePopupIcon={"auto"}
-        renderInput={(params) => (
-          <TextField
-            {...params}
-            label={text}
-            size={size}
-            sx={getTextFieldStyle()}
-            placeholder={placeHolder}
-            InputProps={{
-              ...params.InputProps,
-              startAdornment: showSearchIcon ? (
-                <InputAdornment position="start">
-                  <SearchIcon fontSize="medium" />
-                </InputAdornment>
-              ) : null,
-            }}
-          />
-        )}
-      />
-    );
-  };
-
-  const getAutocompleteMulti = () => {
-    return (
-      <Autocomplete
-        onChange={(event, newValue) => {
-          onChangeHandler(event, newValue);
-        }}
-        onInputChange={(event, newInputValue) => {
-          onInputChangeHandler(event, newInputValue);
-        }}
-        multiple
-        limitTags={limitTagsOnMultiSelect}
-        size={size}
-        id="checkboxes-tags"
-        options={options}
-        disableCloseOnSelect
-        getOptionLabel={(option) => option.label}
-        popupIcon={showPopupIcon ? <ArrowDropDownIcon /> : null}
-        renderOption={(props, option, { selected }) => (
-          <li {...props}>
-            <Checkbox
-              icon={icon}
-              checkedIcon={checkedIcon}
-              style={{ marginRight: 8 }}
-              checked={selected}
-            />
-            {option.label}
-          </li>
-        )}
-        style={{ width: width }}
-        renderInput={(params) =>
-          showSearchIcon && (!currentOption || (currentOption && currentOption.length === 0)) ? (
-            <TextField
-              {...params}
-              label={text}
-              size={size}
-              sx={getTextFieldStyle()}
-              placeholder={placeHolder}
-              InputProps={{
-                ...params.InputProps,
-                startAdornment: (
-                  <InputAdornment position="start">
-                    <SearchIcon fontSize="medium" />
-                  </InputAdornment>
-                ),
-              }}
-            />
-          ) : (
-            <TextField
-              {...params}
-              label={text}
-              size={size}
-              sx={getTextFieldStyle()}
-              placeholder={placeHolder}
-            />
-          )
-        }
-      />
-    );
-  };
-
-  return (
-    <DropdownContainer width={width}>
-      {/* <TextField
-        label={"Retailer"}
-         size={"small"}
-        placeholder="Type..."
-        InputProps={{
-          startAdornment: (
-            <InputAdornment position="start">
-              <SearchIcon fontSize="small" />
-            </InputAdornment>
-          ),
-        }}
-      /> */}
-      {multiSelect ? getAutocompleteMulti() : getAutocompleteSingle()}
-    </DropdownContainer>
-  );
-};
-
-// Dropdown.propTypes = {
-//   /**
-//    *  dropdown width
-//    */
-//   width: PropTypes.string,
-
-//   /**
-//    *  dropdown size: small/large
-//    */
-//   size: PropTypes.string,
-
-//   /**
-//    * dropdown initial input text
-//    */
-//   text: PropTypes.string,
-
-//   /**
-//    * arrayOf <T> - options array to load into dropdown
-//    */
-//   options: PropTypes.arrayOf,
-
-//   /**
-//    *  shape: round/square
-//    */
-//   shape: PropTypes.string,
-// };
-
-// Dropdown.defaultProps = {
-//   width: 300,
-//   size: "small",
-//   text: "Select retailer...",
-//   options: [],
-//   shape: "round",
-// };
-
-export default Dropdown;

package/src/stories/components/InfoIcon.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-export const InfoIcon = ({clicked}) => {
-    return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke={clicked ? "white" : "black"} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="8"></line></svg>
-    );
-  };
-
-export default InfoIcon;  

package/src/stories/components/OneColumnContainer.jsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { useState } from "react";
-import { InfoTextLabel,InfoTextContainer,IconContainer, StyledContainer } from '../OneColumnContainer.style';
-import { InfoIcon } from "./InfoIcon";
-import { useDroppable, UniqueIdentifier } from "@dnd-kit/core";
-import classNames from "classnames";
-/**
- * Primary UI component for user interaction
- */
-export const OneColumnContainer = ({ children,nodeRef,itemClass,divStyle,overStyle,draggingStyle,droppedStyle,refId,width,height,infoText,...props }) => {
-  const [clicked, setClicked] = useState(false);
-  const onInfoClick = ()=>{
-    setClicked(!clicked)
-  }
-
-  return (
-
-    <StyledContainer className={classNames(
-      itemClass,
-      overStyle,
-      draggingStyle,
-      children && droppedStyle
-    )} width={width} height={height}>
-        <div className={classNames(divStyle)} ref={nodeRef} >
-      {children}
-      <InfoTextContainer clicked={clicked} width={width} height={height}>
-        <InfoTextLabel>{infoText}</InfoTextLabel>
-      </InfoTextContainer>
-      <IconContainer onClick={onInfoClick}>
-        <InfoIcon clicked={clicked} />
-      </IconContainer>
-      </div>
-    </StyledContainer>
-
-  );
-};
-
-OneColumnContainer.propTypes = {
-
-};
-
-OneColumnContainer.defaultProps = {
-
-};
-
- export default OneColumnContainer;

package/src/stories/components/SegmentedButton.jsx

@@ -1,110 +0,0 @@
-import React from "react";
-import { useState, useEffect, useRef } from "react";
-
-import {
-  ControlsContainer,
-  Controls,
-  ControlsInput,
-  Segment,
-  SegmentLabel,
-} from "../SegmentedButton.style.js";
-
-/*SegmentedButton*/
-export const SegmentedButton = ({
-  name,
-  options,
-  segmentWidth = 120,  
-  segmentHeigth = 41,  
-  controlRadius = 8,
-  segmentRadius = 8,  
-  fontSize = 14,
-  backgroundColor = "#ECF0FF",
-  selectedSegmentColor  = "#3a9df9",
-  selectedTextColor = "white",
-  unselectedTextColor = "black",
-  defaultIndex = 0,
-  onClick,
-  ...props
-}) => {
-  const [activeIndex, setActiveIndex] = useState(defaultIndex);
-    
-  const controlRef = useRef();
-  const componentReady = useRef();
-
-  const optionsRef = options.map((item, i) => {
-    return { ...item, id: i, ref: useRef() };
-  });
-
-  // Determine when the component is "ready"
-  useEffect(() => {
-    componentReady.current = true;
-  }, []);
-
-  useEffect(()=>{
-    if( defaultIndex >= 0 && defaultIndex < options?.length){
-      setActiveIndex(defaultIndex);
-    }
-   },[defaultIndex])
-
-  useEffect(() => {
-    const activeSegmentRef = optionsRef[activeIndex].ref;
-    const { offsetWidth, offsetLeft } = activeSegmentRef.current;
-    const { style } = controlRef.current;
-
-    style.setProperty("--highlight-width", `${offsetWidth}px`);
-    style.setProperty("--highlight-x-pos", `${offsetLeft}px`);
-  }, [activeIndex, controlRef, optionsRef]);
-
-  const onInputChangeHandler = (value, index) => {
-    setActiveIndex(index);
-    onClick({index: index, value: value} );
-  };
-
-  return (
-    <ControlsContainer 
-        fontSize={fontSize} 
-        ref={controlRef}>
-      <Controls
-        backgroundColor={backgroundColor}
-        selectedSegmentColor={selectedSegmentColor}   
-        segmentRadius={segmentRadius} 
-        controlRadius={controlRadius}                  
-        segmentWidth={segmentWidth}       
-        className={`controls ${componentReady.current ? "ready" : "idle"}`}        
-      >
-        {optionsRef?.map((item, i) => (
-          <Segment
-            key={item.id}
-            backgroundColor={backgroundColor}
-            selectedSegmentColor={selectedSegmentColor}
-            segmentRadius={segmentRadius} 
-            controlRadius={controlRadius}                      
-            segmentWidth={segmentWidth}                    
-            className={`${activeIndex === i ? "active" : "inactive"}`}
-            ref={item.ref}
-          >
-            <ControlsInput
-              type="radio"
-              value={item.value}
-              id={item.id}
-              name={name}
-              onChange={() => onInputChangeHandler(item.value, item.id)}
-              checked={i === activeIndex}
-            />
-            <SegmentLabel              
-              selectedTextColor={selectedTextColor}
-              unselectedTextColor={unselectedTextColor}             
-              segmentHeigth={segmentHeigth/5}                   
-              className={`${activeIndex === i ? "active" : "inactive"} `}
-              htmlFor={item.value}
-            >
-              {item.value}
-            </SegmentLabel>
-          </Segment>
-        ))}
-      </Controls>
-    </ControlsContainer>
-  );
-};
-
-export default SegmentedButton;

package/src/stories/components/TotalDoughnutChart.jsx

@@ -1,178 +0,0 @@
-import React from "react";
-
-import { PieChart as SourcePieChart, Pie, Cell, Tooltip } from "recharts";
-
-import {
-  ControlsContainer,
-  Title,
-  CurrencySign,
-  FormattedValue,
-  Controls,
-  DoughnutChart,
-  LegendControls,
-  LegendColorRectangle,
-  LegendTitle,
-  LegendCurrencySign,
-  LegendFormattedValue,
-} from "../TotalDoughnutChart.style.js";
-
-/*TotalDoughnutChart*/
-export const TotalDoughnutChart = ({
-  title = "Total Cost",
-  value = 0,
-  dotCut = true,
-  currency = true,
-  currencyType = "USD",
-  legendData,
-  width = 260,
-  height = 350,
-  textColor = "black",
-  ...props
-}) => {
-  const MIN_WIDTH = 260;
-  const MIN_HEIGHT = 300;
-
-  const getCurrencySign = (currencyTypeToConvert) => {
-    if (!currencyTypeToConvert) return "";
-    let currencySign = "";
-    const currencyFormatter = new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: currencyTypeToConvert,
-    });
-    currencySign = currencyFormatter.format(value).substring(0, 1);
-    return currencySign;
-  };
-
-  const getFormattedUnits = (num) => {
-    if (Math.abs(num) >= 1000000000) {
-      return "B";
-    }
-    if (Math.abs(num) >= 1000000) {
-      return "M";
-    }
-    if (Math.abs(num) >= 1000) {
-      return "K";
-    }
-    return "";
-  };
-
-  const getFormattedValue = (num) => {
-    if (Math.abs(num) >= 1000000000) {
-      return (num / 1000000000).toFixed(1).replace(/\.0$/, "");
-    }
-    if (Math.abs(num) >= 1000000) {
-      return (num / 1000000).toFixed(1).replace(/\.0$/, "");
-    }
-    if (Math.abs(num) >= 1000) {
-      return (num / 1000).toFixed(1).replace(/\.0$/, "");
-    }
-    return num;
-  };
-
-  const getNumberWithCommas = (x) => {
-    x = x.toString();
-    var pattern = /(-?\d+)(\d{3})/;
-    while (pattern.test(x)) x = x.replace(pattern, "$1,$2");
-    return x;
-  };
-
-  const getDoughnutChartLeft = () => {
-    if( width <= 260) { return 10};
-    if( width >= 290) { return 40};
-    return 10 + (width - MIN_WIDTH) ;   
-  };
-
-    const getLegendControlsLeft = () => {   
-    if( width <= 260) { return 100};
-    if( width >= 300) { return 140};
-    return 100 + (width - MIN_WIDTH)  ;   
-  };
-    
-  const getDoughnutChartTop = () => {
-    if( height <= 300) { return 180};
-    if( height >= 340) { return 220};
-    return 180 + (height - MIN_HEIGHT)  ;   
-  };
-  
-  const getLegendControlsTop = () => {   
-    if( height <= 300) { return 180};
-    if( height >= 340) { return 220};
-    return 180 + (height - MIN_HEIGHT)  ;   
-  };
-
-    
-  const getControlsLeft = () => {   
-    if( (width - MIN_WIDTH)<= 0) { return MIN_WIDTH};    
-    return width ;   
-  };
-  
-  const getControlsTop = () => {   
-    if( (height - MIN_HEIGHT)<= 0) { return MIN_HEIGHT};    
-    return height ;   
-  };
-
-  const onPieEnterHandler = () => {};
-
-  return (
-    <ControlsContainer height={getControlsTop()} width={getControlsLeft()} textColor={textColor}>
-      <Controls height={height} width={getControlsLeft}>
-        <Title>{title}</Title>
-
-        <CurrencySign>
-          {`${currency ? getCurrencySign(currencyType) : ""}`}
-        </CurrencySign>
-        <FormattedValue>
-          {`${dotCut ? getFormattedValue(value) : getNumberWithCommas(value)}`}
-          {`${dotCut ? getFormattedUnits(value) : ""}`}
-        </FormattedValue>
-
-        {legendData.map((row, index) => (
-          <LegendControls
-            left={getLegendControlsLeft()}
-            top={getLegendControlsTop()}
-          >
-            <LegendColorRectangle color={row.color}></LegendColorRectangle>
-            <LegendTitle>{row.name}</LegendTitle>
-            <LegendCurrencySign>
-              {`${currency ? getCurrencySign(currencyType) : ""}`}
-            </LegendCurrencySign>
-            <LegendFormattedValue>
-              {`${
-                dotCut
-                  ? getFormattedValue(row.value)
-                  : getNumberWithCommas(row.value)
-              }`}
-              {`${dotCut ? getFormattedUnits(row.value) : ""}`}
-            </LegendFormattedValue>
-          </LegendControls>
-        ))}
-
-        <DoughnutChart 
-            left={getDoughnutChartLeft() }
-            top={getDoughnutChartTop()}>
-          <SourcePieChart
-            width={90}
-            height={90}
-            onMouseEnter={onPieEnterHandler}
-          >
-            <Pie
-              data={legendData}
-              innerRadius={30}
-              outerRadius={45}
-              fill="#8884d8"
-              dataKey="value"
-            >
-              {legendData.map((row, index) => (
-                <Cell key={`cell-${index}`} fill={row.color} />
-              ))}
-            </Pie>
-
-            <Tooltip />
-          </SourcePieChart>
-        </DoughnutChart>
-      </Controls>
-    </ControlsContainer>
-  );
-};
-
-export default TotalDoughnutChart;

package/storybook-static/256.47510a7e.iframe.bundle.js

@@ -1,2 +0,0 @@
-/*! For license information please see 256.47510a7e.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunksag_storybook=self.webpackChunksag_storybook||[]).push([[256],{"./node_modules/react-is/cjs/react-is.production.min.js":function(__unused_webpack_module,exports){"use strict";var u,b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen");function v(a){if("object"==typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}u=Symbol.for("react.module.reference"),exports.isValidElementType=function(a){return"string"==typeof a||"function"==typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"==typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)},exports.typeOf=v},"./node_modules/react-is/index.js":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module.exports=__webpack_require__("./node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/shallowequal/index.js":function(module){module.exports=function shallowEqual(objA,objB,compare,compareContext){var ret=compare?compare.call(compareContext,objA,objB):void 0;if(void 0!==ret)return!!ret;if(objA===objB)return!0;if("object"!=typeof objA||!objA||"object"!=typeof objB||!objB)return!1;var keysA=Object.keys(objA),keysB=Object.keys(objB);if(keysA.length!==keysB.length)return!1;for(var bHasOwnProperty=Object.prototype.hasOwnProperty.bind(objB),idx=0;idx<keysA.length;idx++){var key=keysA[idx];if(!bHasOwnProperty(key))return!1;var valueA=objA[key],valueB=objB[key];if(!1===(ret=compare?compare.call(compareContext,valueA,valueB,key):void 0)||void 0===ret&&valueA!==valueB)return!1}return!0}},"./node_modules/styled-components/dist/styled-components.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{ZP:function(){return styled_components_browser_esm}});var react_is=__webpack_require__("./node_modules/react-is/index.js"),react=__webpack_require__("./node_modules/react/index.js"),shallowequal=__webpack_require__("./node_modules/shallowequal/index.js"),shallowequal_default=__webpack_require__.n(shallowequal);var stylis_browser_esm=function stylis_min(W){function M(d,c,e,h,a){for(var q,g,k,y,C,m=0,b=0,v=0,n=0,x=0,K=0,u=k=q=0,l=0,r=0,I=0,t=0,B=e.length,J=B-1,f="",p="",F="",G="";l<B;){if(g=e.charCodeAt(l),l===J&&0!==b+n+v+m&&(0!==b&&(g=47===b?10:47),n=v=m=0,B++,J++),0===b+n+v+m){if(l===J&&(0<r&&(f=f.replace(N,"")),0<f.trim().length)){switch(g){case 32:case 9:case 59:case 13:case 10:break;default:f+=e.charAt(l)}g=59}switch(g){case 123:for(q=(f=f.trim()).charCodeAt(0),k=1,t=++l;l<B;){switch(g=e.charCodeAt(l)){case 123:k++;break;case 125:k--;break;case 47:switch(g=e.charCodeAt(l+1)){case 42:case 47:a:{for(u=l+1;u<J;++u)switch(e.charCodeAt(u)){case 47:if(42===g&&42===e.charCodeAt(u-1)&&l+2!==u){l=u+1;break a}break;case 10:if(47===g){l=u+1;break a}}l=u}}break;case 91:g++;case 40:g++;case 34:case 39:for(;l++<J&&e.charCodeAt(l)!==g;);}if(0===k)break;l++}if(k=e.substring(t,l),0===q&&(q=(f=f.replace(ca,"").trim()).charCodeAt(0)),64===q){switch(0<r&&(f=f.replace(N,"")),g=f.charCodeAt(1)){case 100:case 109:case 115:case 45:r=c;break;default:r=O}if(t=(k=M(c,r,k,g,a+1)).length,0<A&&(C=H(3,k,r=X(O,f,I),c,D,z,t,g,a,h),f=r.join(""),void 0!==C&&0===(t=(k=C.trim()).length)&&(g=0,k="")),0<t)switch(g){case 115:f=f.replace(da,ea);case 100:case 109:case 45:k=f+"{"+k+"}";break;case 107:k=(f=f.replace(fa,"$1 $2"))+"{"+k+"}",k=1===w||2===w&&L("@"+k,3)?"@-webkit-"+k+"@"+k:"@"+k;break;default:k=f+k,112===h&&(p+=k,k="")}else k=""}else k=M(c,X(c,f,I),k,h,a+1);F+=k,k=I=r=u=q=0,f="",g=e.charCodeAt(++l);break;case 125:case 59:if(1<(t=(f=(0<r?f.replace(N,""):f).trim()).length))switch(0===u&&(q=f.charCodeAt(0),45===q||96<q&&123>q)&&(t=(f=f.replace(" ",":")).length),0<A&&void 0!==(C=H(1,f,c,d,D,z,p.length,h,a,h))&&0===(t=(f=C.trim()).length)&&(f="\0\0"),q=f.charCodeAt(0),g=f.charCodeAt(1),q){case 0:break;case 64:if(105===g||99===g){G+=f+e.charAt(l);break}default:58!==f.charCodeAt(t-1)&&(p+=P(f,q,g,f.charCodeAt(2)))}I=r=u=q=0,f="",g=e.charCodeAt(++l)}}switch(g){case 13:case 10:47===b?b=0:0===1+q&&107!==h&&0<f.length&&(r=1,f+="\0"),0<A*Y&&H(0,f,c,d,D,z,p.length,h,a,h),z=1,D++;break;case 59:case 125:if(0===b+n+v+m){z++;break}default:switch(z++,y=e.charAt(l),g){case 9:case 32:if(0===n+m+b)switch(x){case 44:case 58:case 9:case 32:y="";break;default:32!==g&&(y=" ")}break;case 0:y="\\0";break;case 12:y="\\f";break;case 11:y="\\v";break;case 38:0===n+b+m&&(r=I=1,y="\f"+y);break;case 108:if(0===n+b+m+E&&0<u)switch(l-u){case 2:112===x&&58===e.charCodeAt(l-3)&&(E=x);case 8:111===K&&(E=K)}break;case 58:0===n+b+m&&(u=l);break;case 44:0===b+v+n+m&&(r=1,y+="\r");break;case 34:case 39:0===b&&(n=n===g?0:0===n?g:n);break;case 91:0===n+b+v&&m++;break;case 93:0===n+b+v&&m--;break;case 41:0===n+b+m&&v--;break;case 40:if(0===n+b+m){if(0===q)if(2*x+3*K==533);else q=1;v++}break;case 64:0===b+v+n+m+u+k&&(k=1);break;case 42:case 47:if(!(0<n+m+v))switch(b){case 0:switch(2*g+3*e.charCodeAt(l+1)){case 235:b=47;break;case 220:t=l,b=42}break;case 42:47===g&&42===x&&t+2!==l&&(33===e.charCodeAt(t+2)&&(p+=e.substring(t,l+1)),y="",b=0)}}0===b&&(f+=y)}K=x,x=g,l++}if(0<(t=p.length)){if(r=c,0<A&&(void 0!==(C=H(2,p,r,d,D,z,t,h,a,h))&&0===(p=C).length))return G+p+F;if(p=r.join(",")+"{"+p+"}",0!=w*E){switch(2!==w||L(p,2)||(E=0),E){case 111:p=p.replace(ha,":-moz-$1")+p;break;case 112:p=p.replace(Q,"::-webkit-input-$1")+p.replace(Q,"::-moz-$1")+p.replace(Q,":-ms-input-$1")+p}E=0}}return G+p+F}function X(d,c,e){var h=c.trim().split(ia);c=h;var a=h.length,m=d.length;switch(m){case 0:case 1:var b=0;for(d=0===m?"":d[0]+" ";b<a;++b)c[b]=Z(d,c[b],e).trim();break;default:var v=b=0;for(c=[];b<a;++b)for(var n=0;n<m;++n)c[v++]=Z(d[n]+" ",h[b],e).trim()}return c}function Z(d,c,e){var h=c.charCodeAt(0);switch(33>h&&(h=(c=c.trim()).charCodeAt(0)),h){case 38:return c.replace(F,"$1"+d.trim());case 58:return d.trim()+c.replace(F,"$1"+d.trim());default:if(0<1*e&&0<c.indexOf("\f"))return c.replace(F,(58===d.charCodeAt(0)?"":"$1")+d.trim())}return d+c}function P(d,c,e,h){var a=d+";",m=2*c+3*e+4*h;if(944===m){d=a.indexOf(":",9)+1;var b=a.substring(d,a.length-1).trim();return b=a.substring(0,d).trim()+b+";",1===w||2===w&&L(b,1)?"-webkit-"+b+b:b}if(0===w||2===w&&!L(a,1))return a;switch(m){case 1015:return 97===a.charCodeAt(10)?"-webkit-"+a+a:a;case 951:return 116===a.charCodeAt(3)?"-webkit-"+a+a:a;case 963:return 110===a.charCodeAt(5)?"-webkit-"+a+a:a;case 1009:if(100!==a.charCodeAt(4))break;case 969:case 942:return"-webkit-"+a+a;case 978:return"-webkit-"+a+"-moz-"+a+a;case 1019:case 983:return"-webkit-"+a+"-moz-"+a+"-ms-"+a+a;case 883:if(45===a.charCodeAt(8))return"-webkit-"+a+a;if(0<a.indexOf("image-set(",11))return a.replace(ja,"$1-webkit-$2")+a;break;case 932:if(45===a.charCodeAt(4))switch(a.charCodeAt(5)){case 103:return"-webkit-box-"+a.replace("-grow","")+"-webkit-"+a+"-ms-"+a.replace("grow","positive")+a;case 115:return"-webkit-"+a+"-ms-"+a.replace("shrink","negative")+a;case 98:return"-webkit-"+a+"-ms-"+a.replace("basis","preferred-size")+a}return"-webkit-"+a+"-ms-"+a+a;case 964:return"-webkit-"+a+"-ms-flex-"+a+a;case 1023:if(99!==a.charCodeAt(8))break;return"-webkit-box-pack"+(b=a.substring(a.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+a+"-ms-flex-pack"+b+a;case 1005:return ka.test(a)?a.replace(aa,":-webkit-")+a.replace(aa,":-moz-")+a:a;case 1e3:switch(c=(b=a.substring(13).trim()).indexOf("-")+1,b.charCodeAt(0)+b.charCodeAt(c)){case 226:b=a.replace(G,"tb");break;case 232:b=a.replace(G,"tb-rl");break;case 220:b=a.replace(G,"lr");break;default:return a}return"-webkit-"+a+"-ms-"+b+a;case 1017:if(-1===a.indexOf("sticky",9))break;case 975:switch(c=(a=d).length-10,m=(b=(33===a.charCodeAt(c)?a.substring(0,c):a).substring(d.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|b.charCodeAt(7))){case 203:if(111>b.charCodeAt(8))break;case 115:a=a.replace(b,"-webkit-"+b)+";"+a;break;case 207:case 102:a=a.replace(b,"-webkit-"+(102<m?"inline-":"")+"box")+";"+a.replace(b,"-webkit-"+b)+";"+a.replace(b,"-ms-"+b+"box")+";"+a}return a+";";case 938:if(45===a.charCodeAt(5))switch(a.charCodeAt(6)){case 105:return b=a.replace("-items",""),"-webkit-"+a+"-webkit-box-"+b+"-ms-flex-"+b+a;case 115:return"-webkit-"+a+"-ms-flex-item-"+a.replace(ba,"")+a;default:return"-webkit-"+a+"-ms-flex-line-pack"+a.replace("align-content","").replace(ba,"")+a}break;case 973:case 989:if(45!==a.charCodeAt(3)||122===a.charCodeAt(4))break;case 931:case 953:if(!0===la.test(d))return 115===(b=d.substring(d.indexOf(":")+1)).charCodeAt(0)?P(d.replace("stretch","fill-available"),c,e,h).replace(":fill-available",":stretch"):a.replace(b,"-webkit-"+b)+a.replace(b,"-moz-"+b.replace("fill-",""))+a;break;case 962:if(a="-webkit-"+a+(102===a.charCodeAt(5)?"-ms-"+a:"")+a,211===e+h&&105===a.charCodeAt(13)&&0<a.indexOf("transform",10))return a.substring(0,a.indexOf(";",27)+1).replace(ma,"$1-webkit-$2")+a}return a}function L(d,c){var e=d.indexOf(1===c?":":"{"),h=d.substring(0,3!==c?e:10);return e=d.substring(e+1,d.length-1),R(2!==c?h:h.replace(na,"$1"),e,c)}function ea(d,c){var e=P(c,c.charCodeAt(0),c.charCodeAt(1),c.charCodeAt(2));return e!==c+";"?e.replace(oa," or ($1)").substring(4):"("+c+")"}function H(d,c,e,h,a,m,b,v,n,q){for(var w,g=0,x=c;g<A;++g)switch(w=S[g].call(B,d,x,e,h,a,m,b,v,n,q)){case void 0:case!1:case!0:case null:break;default:x=w}if(x!==c)return x}function U(d){return void 0!==(d=d.prefix)&&(R=null,d?"function"!=typeof d?w=1:(w=2,R=d):w=0),U}function B(d,c){var e=d;if(33>e.charCodeAt(0)&&(e=e.trim()),e=[e],0<A){var h=H(-1,c,e,e,D,z,0,0,0,0);void 0!==h&&"string"==typeof h&&(c=h)}var a=M(O,e,c,0,0);return 0<A&&(void 0!==(h=H(-2,a,e,e,D,z,a.length,0,0,0))&&(a=h)),"",E=0,z=D=1,a}var ca=/^\0+/g,N=/[\0\r\f]/g,aa=/: */g,ka=/zoo|gra/,ma=/([,: ])(transform)/g,ia=/,\r+?/g,F=/([\t\r\n ])*\f?&/g,fa=/@(k\w+)\s*(\S*)\s*/,Q=/::(place)/g,ha=/:(read-only)/g,G=/[svh]\w+-[tblr]{2}/,da=/\(\s*(.*)\s*\)/g,oa=/([\s\S]*?);/g,ba=/-self|flex-/g,na=/[^]*?(:[rp][el]a[\w-]+)[^]*/,la=/stretch|:\s*\w+\-(?:conte|avail)/,ja=/([^-])(image-set\()/,z=1,D=1,E=0,w=1,O=[],S=[],A=0,R=null,Y=0;return B.use=function T(d){switch(d){case void 0:case null:A=S.length=0;break;default:if("function"==typeof d)S[A++]=d;else if("object"==typeof d)for(var c=0,e=d.length;c<e;++c)T(d[c]);else Y=0|!!d}return T},B.set=U,void 0!==W&&U(W),B},unitless_browser_esm={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},emotion_is_prop_valid_esm=__webpack_require__("./node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"),hoist_non_react_statics_cjs=__webpack_require__("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),hoist_non_react_statics_cjs_default=__webpack_require__.n(hoist_non_react_statics_cjs),process=__webpack_require__("./node_modules/process/browser.js");function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var g=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},S=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!(0,react_is.typeOf)(t)},w=Object.freeze([]),E=Object.freeze({});function b(e){return"function"==typeof e}function _(e){return e.displayName||e.name||"Component"}function N(e){return e&&"string"==typeof e.styledComponentId}var A=void 0!==process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",I="undefined"!=typeof window&&"HTMLElement"in window,P=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:void 0!==process&&void 0!==process.env&&(void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&("false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY)));function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):""))}var T=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&j(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),x=new Map,k=new Map,V=1,B=function(e){if(x.has(e))return x.get(e);for(;k.has(V);)V++;var t=V++;return x.set(e,t),k.set(t,e),t},z=function(e){return k.get(e)},M=function(e,t){t>=V&&(V=t+1),x.set(e,t),k.set(t,e)},G="style["+A+'][data-styled-version="5.3.10"]',L=new RegExp("^"+A+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),F=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},Y=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(L);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(M(u,c),F(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(i)}}},q=function(){return __webpack_require__.nc},H=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(A))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(A,"active"),r.setAttribute("data-styled-version","5.3.10");var i=q();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},$=function(){function e(e){var t=this.element=H(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}j(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),W=function(){function e(e){var t=this.element=H(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),U=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),J=I,X={isServer:!I,useCSSOMInjection:!P},Z=function(){function e(e,t,n){void 0===e&&(e=E),void 0===t&&(t={}),this.options=v({},X,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&I&&J&&(J=!1,function(e){for(var t=document.querySelectorAll(G),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(A)&&(Y(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return B(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(v({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new U(o):r?new $(o):new W(o),new T(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(B(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(B(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(B(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=A+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",")})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n'}}}return r}(this)},e}(),K=/(a)(d)/gi,Q=function(e){return String.fromCharCode(e+(e>25?39:97))};function ee(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Q(t%52)+n;return(Q(t%52)+n).replace(K,"$1-$2")}var te=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ne=function(e){return te(5381,e)};function re(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(b(n)&&!N(n))return!1}return!0}var oe=ne("5.3.10"),se=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===n||n.isStatic)&&re(e),this.componentId=t,this.baseHash=te(oe,t),this.baseStyle=n,Z.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=Ne(this.rules,e,t,n).join(""),i=ee(te(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=te(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h;else if(h){var p=Ne(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=te(u,f+d),l+=f}}if(l){var m=ee(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),ie=/^\s*\/\/.*$/gm,ae=[":","[",".","#"];function ce(e){var t,n,r,o,s=void 0===e?E:e,i=s.options,a=void 0===i?E:i,c=s.plugins,u=void 0===c?w:c,l=new stylis_browser_esm(a),d=[],h=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),f=function(e,r,s){return 0===r&&-1!==ae.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(ie,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f))},h,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||j(15),te(e,t.name)}),5381).toString():"",m}var ue=react.createContext(),de=(ue.Consumer,react.createContext()),he=(de.Consumer,new Z),pe=ce();function fe(){return(0,react.useContext)(ue)||he}function me(){return(0,react.useContext)(de)||pe}function ye(e){var t=(0,react.useState)(e.stylisPlugins),n=t[0],s=t[1],c=fe(),u=(0,react.useMemo)((function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),l=(0,react.useMemo)((function(){return ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})}),[e.disableVendorPrefixes,n]);return(0,react.useEffect)((function(){shallowequal_default()(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),react.createElement(ue.Provider,{value:u},react.createElement(de.Provider,{value:l},e.children))}var ve=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return j(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=pe),this.name+e.hash},e}(),ge=/([A-Z])/,Se=/([A-Z])/g,we=/^ms-/,Ee=function(e){return"-"+e.toLowerCase()};function be(e){return ge.test(e)?e.replace(Se,Ee).replace(we,"-ms-"):e}var _e=function(e){return null==e||!1===e||""===e};function Ne(e,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=Ne(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}return _e(e)?"":N(e)?"."+e.styledComponentId:b(e)?"function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n?e:Ne(e(n),n,r,o):e instanceof ve?r?(e.inject(r,o),e.getName(o)):e:S(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!_e(t[i])&&(Array.isArray(t[i])&&t[i].isCss||b(t[i])?s.push(be(i)+":",t[i],";"):S(t[i])?s.push.apply(s,e(t[i],i)):s.push(be(i)+": "+(r=i,(null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in unitless_browser_esm||r.startsWith("--")?String(o).trim():o+"px")+";")));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString();var l}var Ae=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ce(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return b(e)||S(e)?Ae(Ne(g(w,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ae(Ne(g(e,n)))}new Set;var Re=function(e,t,n){return void 0===n&&(n=E),e.theme!==n.theme&&e.theme||t||n.theme},De=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Te(e){return e.replace(De,"-").replace(je,"")}var xe=function(e){return ee(ne(e)>>>0)};function ke(e){return"string"==typeof e&&!0}var Ve=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Be=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,n){var r=e[n];Ve(t)&&Ve(r)?Me(r,t):e[n]=t}function Me(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(Ve(i))for(var a in i)Be(a)&&ze(e,i[a],a)}return e}var Ge=react.createContext();Ge.Consumer;var Ye={};function qe(e,t,n){var o=N(e),i=!ke(e),a=t.attrs,c=void 0===a?w:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":Te(e);Ye[n]=(Ye[n]||0)+1;var r=n+"-"+xe("5.3.10"+n+Ye[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,f=void 0===p?function(e){return ke(e)?"styled."+e:"Styled("+_(e)+")"}(e):p,g=t.displayName&&t.componentId?Te(t.displayName)+"-"+t.componentId:t.componentId||h,S=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new se(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target,f=function(e,t,n){void 0===e&&(e=E);var r=v({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in b(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]})),[r,o]}(Re(t,(0,react.useContext)(Ge),a)||E,t,o),y=f[0],g=f[1],S=function(e,t,n,r){var o=fe(),s=me();return t?e.generateAndInjectStyles(E,o,s):e.generateAndInjectStyles(n,o,s)}(i,r,y),w=n,_=g.$as||t.$as||g.as||t.as||p,N=ke(_),A=g!==t?v({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,emotion_is_prop_valid_esm.Z,_):!N||(0,emotion_is_prop_valid_esm.Z)(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=v({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=w,(0,react.createElement)(_,C)}(C,e,t,P)};return O.displayName=f,(C=react.forwardRef(O)).attrs=S,C.componentStyle=I,C.displayName=f,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):w,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(ke(e)?e:Te(_(e)));return qe(e,v({},o,{attrs:S,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Me({},e.defaultProps,t):t}}),Object.defineProperty(C,"toString",{value:function(){return"."+C.styledComponentId}}),i&&hoist_non_react_statics_cjs_default()(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var He=function(e){return function e(t,r,o){if(void 0===o&&(o=E),!(0,react_is.isValidElementType)(r))return j(1,String(r));var s=function(){return t(r,o,Ce.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,v({},o,{},n))},s.attrs=function(n){return e(t,r,v({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(qe,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){He[e]=He(e)}));!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=re(e),Z.registerId(this.componentId+1)}var t=e.prototype;t.createStyles=function(e,t,n,r){var o=r(Ne(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&Z.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)}}();!function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=q();return"<style "+[n&&'nonce="'+n+'"',A+'="true"','data-styled-version="5.3.10"'].filter(Boolean).join(" ")+">"+t+"</style>"},this.getStyleTags=function(){return e.sealed?j(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return j(2);var n=((t={})[A]="",t["data-styled-version"]="5.3.10",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=q();return o&&(n.nonce=o),[react.createElement("style",v({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Z({isServer:!0}),this.sealed=!1}var t=e.prototype;t.collectStyles=function(e){return this.sealed?j(2):react.createElement(ye,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return j(3)}}();var styled_components_browser_esm=He}}]);

package/storybook-static/256.47510a7e.iframe.bundle.js.LICENSE.txt

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