@bbl-digital/snorre 3.1.57 → 3.1.58

package/esm/core/Select/Select.stories.js

@@ -0,0 +1,246 @@
+import { action } from '@storybook/addon-actions';
+import Select from '.';
+import Option from './Option';
+import IconTypeOfBuilding from '../../icons/General/IconTypeOfBuilding';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/Select',
+  component: Select
+};
+export const SelectDefault = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select'
+};
+export const Width = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    type: "primary10",
+    width: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Width'
+};
+export const OptionsWidth = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    optionsWidth: "400px",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Options width'
+};
+export const SelectNative = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Sorter etter",
+    native: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Select - native'
+};
+export const Input = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    input: true,
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Input'
+};
+export const Icon = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "Label",
+    icon: /*#__PURE__*/_jsx(IconTypeOfBuilding, {
+      primary: true
+    }),
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Icon'
+};
+export const Primary10 = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Background with 10 opacity",
+    type: "primary10",
+    onChange: action('onChange'),
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'Primary10'
+};
+export const Opacity08 = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "Opacity08",
+      type: "opacity08",
+      onChange: action('onChange'),
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      })]
+    })
+  }),
+  name: 'Opacity08'
+};
+export const MaxHeight = {
+  render: () => /*#__PURE__*/_jsx("div", {
+    style: {
+      backgroundColor: '#04112D',
+      padding: '2em'
+    },
+    children: /*#__PURE__*/_jsxs(Select, {
+      text: "maxHeight",
+      type: "opacity08",
+      onChange: action('onChange'),
+      maxHeight: "100px",
+      children: [/*#__PURE__*/_jsx(Option, {
+        disabled: true,
+        value: "1",
+        children: "Option 1"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "2",
+        children: "Option 2"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 3"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 4"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 5"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 6"
+      }), /*#__PURE__*/_jsx(Option, {
+        value: "3",
+        children: "Option 7"
+      })]
+    })
+  }),
+  name: 'MaxHeight'
+};
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Im disabled",
+    input: true,
+    disabled: true,
+    children: [/*#__PURE__*/_jsx(Option, {
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    })]
+  }),
+  name: 'Disabled'
+};
+export const WithInfoButton = {
+  render: () => /*#__PURE__*/_jsxs(Select, {
+    text: "Velg en",
+    label: "With info button",
+    input: true,
+    onChange: action('onChange'),
+    info: "Ullamco nisi excepteur quis ut sint ipsum deserunt dolor. Nulla cillum exercitation labore fugiat nulla do duis irure dolore.",
+    children: [/*#__PURE__*/_jsx(Option, {
+      disabled: true,
+      value: "1",
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "2",
+      children: "Option 2"
+    }), /*#__PURE__*/_jsx(Option, {
+      value: "3",
+      children: "Option 3"
+    })]
+  }),
+  name: 'With Info Button'
+};

package/esm/core/Select/index.js

@@ -8,7 +8,6 @@ import IconHelp from '../../icons/General/IconHelp';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export { Option };
-
 const Select = ({
   input,
   icon,
@@ -32,51 +31,42 @@ const Select = ({
 }) => {
   const ref = /*#__PURE__*/createRef();
   const [open, toggleOpen] = useState(false);
-
   const onClick = function () {
     toggleOpen(!open && !disabled);
   };
-
   useEffect(() => {
     if (closeKey) {
       toggleOpen(false);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [closeKey]);
   useEffect(() => {
     const handleClickOutside = e => {
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       toggleOpen(false);
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [open, ref]);
-
   const onChange = value => {
     if (props.onChange && !disabled) {
       props.onChange(value);
       toggleOpen(false);
     }
   };
-
   const Label = _jsx(StyledLabel, {
     withInfo: Boolean(info),
     children: label
   });
-
   const NonNative = _jsxs(SelectWrapper, {
     ref: ref,
     className: className,
@@ -111,7 +101,6 @@ const Select = ({
           if (!child) {
             return null;
           }
-
           return /*#__PURE__*/React.cloneElement(child, {
             onChange: onChange,
             key
@@ -120,7 +109,6 @@ const Select = ({
       }) : null
     })]
   });
-
   const Native = _jsx("select", {
     className: className,
     css: theme => [styles.default, input && styles.input(theme), input && open && styles.open(theme), type === 'primary10' && styles.primary10(theme), icon && styles.withIcon],
@@ -130,15 +118,12 @@ const Select = ({
       if (!child) {
         return null;
       }
-
       return _jsx("option", {
         value: child.props.value,
         children: child.props.children
       }, key);
     })
   });
-
   return native ? Native : NonNative;
 };
-
 export default Select;

package/esm/core/Select/styles.js

@@ -1,18 +1,13 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
-
 const calculateIndent = indent => {
   const BASE = 8;
   const INDENT_PADDING_LI = indent === 1 ? BASE * 2 : (indent + 1) * BASE;
   return /*#__PURE__*/css("padding-left:", INDENT_PADDING_LI, "px!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:calculateIndent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUVkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2VsZWN0L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmNvbnN0IGNhbGN1bGF0ZUluZGVudCA9IChpbmRlbnQ6IG51bWJlcikgPT4ge1xuICBjb25zdCBCQVNFID0gOFxuICBjb25zdCBJTkRFTlRfUEFERElOR19MSSA9IGluZGVudCA9PT0gMSA/IEJBU0UgKiAyIDogKGluZGVudCArIDEpICogQkFTRVxuXG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZy1sZWZ0OiAke0lOREVOVF9QQURESU5HX0xJfXB4ICFpbXBvcnRhbnQ7XG4gIGBcbn1cblxuY29uc3Qgb3B0aW9uQnV0dG9uID0gKGluZGVudD86IG51bWJlcikgPT4gY3NzYFxuICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgcGFkZGluZy1yaWdodDogOHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgJHtpbmRlbnQgJiYgY2FsY3VsYXRlSW5kZW50KGluZGVudCl9XG5gXG5cbmNvbnN0IFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHVsIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG5gXG5cbmNvbnN0IE9wdGlvbnNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgYm94LXNoYWRvdzogMHB4IDEwcHggMTVweCAwcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICB6LWluZGV4OiAxMDAwO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5zcGFuKFxuICAoeyB3aXRoSW5mbyB9OiB7IHdpdGhJbmZvOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBsaW5lLWhlaWdodDogMjJweDtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIG1hcmdpbi1ib3R0b206IDRweDtcblxuICAgICR7d2l0aEluZm8gJiZcbiAgICBjc3NgXG4gICAgICBwYWRkaW5nLXJpZ2h0OiAyNXB4O1xuICAgIGB9XG4gIGBcbilcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiBjc3NgXG4gICAgYnV0dG9uIHtcbiAgICAgIGhlaWdodDogMzZweDtcbiAgICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgICAgcGFkZGluZy1yaWdodDogOHB4O1xuXG4gICAgICBzdmcge1xuICAgICAgICBtYXJnaW4tbGVmdDogOHB4O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgb3B0aW9uc1dpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIHdpZHRoOiAke3dpZHRoID8gd2lkdGggOiAnYXV0byd9O1xuICBgLFxuICB3aWR0aDogKHdpZHRoOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IGNzc2BcbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIHdpZHRoOiAke3dpZHRoID8gd2lkdGggOiAnYXV0byd9O1xuICAgIH1cbiAgYCxcbiAgaW5wdXQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBvc2l0aW9uOiB1bnNldDtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiA+IHNwYW46Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZDtcbiAgICAgIHBhZGRpbmc6IDAgMTBweCAwIDEwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgICBoZWlnaHQ6IDM4cHg7XG4gICAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzLFxuICAgICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcGVuOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgYCxcbiAgcHJpbWFyeTEwOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBidXR0b24sXG4gICAgJiA+IGJ1dHRvbjpob3ZlcixcbiAgICAmID4gYnV0dG9uOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDlweDtcbiAgICAgIHBhZGRpbmc6IDAgMC43ZW07XG4gICAgICBoZWlnaHQ6IDM0cHg7XG4gICAgfVxuICBgLFxuICBpbnB1dHN0eWxlOiAoaGFzTGFiZWw6IGJvb2xlYW4pID0+IGNzc2BcbiAgICB0b3A6IGNhbGMoJHtoYXNMYWJlbCA/ICcyMnB4JyA6ICcwcHgnfSArIDM4cHggKyA1cHgpO1xuICBgLFxuICB3aXRoSWNvbjogY3NzYFxuICAgIHN2ZzpmaXJzdC1vZi10eXBlLFxuICAgIHBvbHlnb246Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICB9XG4gIGAsXG4gIG9wYWNpdHkwODogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDAgMC41ZW07XG4gICAgaGVpZ2h0OiAzOXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjE2LCAyMTYsIDIxNiwgMC4wOCk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI0KTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgY29sb3I6IHdoaXRlO1xuXG4gICAgJiA+IGJ1dHRvbiA+IHNwYW4ge1xuICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5cbiAgICBidXR0b24gc3ZnIHBvbHlnb24ge1xuICAgICAgZmlsbDogd2hpdGU7XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIGJ1dHRvbiArIGRpdiB7XG4gICAgICB0b3A6IDQwcHg7XG4gICAgfVxuICBgLFxuICBtYXhIZWlnaHQ6IChtYXhIZWlnaHQ6IHN0cmluZykgPT4gY3NzYFxuICAgIHVsIHtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICB9XG4gIGAsXG4gIGRpc2FibGVkOiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgICYgPiBidXR0b24sXG4gICAgJiA+IGJ1dHRvbjpob3ZlcixcbiAgICAmID4gYnV0dG9uOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuZGlzYWJsZWR9O1xuICAgICAgY29sb3I6ICM5OTk7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuYm9yZGVyfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICBgLFxuICBpbmZvQnV0dG9uOiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcblxuICAgIGJ1dHRvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGhlaWdodDogMjRweCAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IHsgb3B0aW9uQnV0dG9uLCBTZWxlY3RXcmFwcGVyLCBPcHRpb25zV3JhcHBlciwgc3R5bGVzLCBTdHlsZWRMYWJlbCB9XG4iXX0= */");
 };
-
 const optionButton = indent => /*#__PURE__*/css("padding-left:8px;padding-right:8px;justify-content:flex-start;height:100%;width:100%;&:disabled{opacity:0.5;}", indent && calculateIndent(indent), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:optionButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMiA6IChpbmRlbnQgKyAxKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmNvbnN0IG9wdGlvbkJ1dHRvbiA9IChpbmRlbnQ/OiBudW1iZXIpID0+IGNzc2BcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuYFxuXG5jb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICB1bCB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBPcHRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgei1pbmRleDogMTAwMDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbihcbiAgKHsgd2l0aEluZm8gfTogeyB3aXRoSW5mbzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgZm9udC1zaXplOiAxZW07XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG5cbiAgICAke3dpdGhJbmZvICYmXG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogMjVweDtcbiAgICBgfVxuICBgXG4pXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wdGlvbnNXaWR0aDogKHdpZHRoOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IGNzc2BcbiAgICB3aWR0aDogJHt3aWR0aCA/IHdpZHRoIDogJ2F1dG8nfTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICB3aWR0aDogJHt3aWR0aCA/IHdpZHRoIDogJ2F1dG8nfTtcbiAgICB9XG4gIGAsXG4gIGlucHV0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogdW5zZXQ7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjpmb2N1cy13aXRoaW4gPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgfVxuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHggMCAxMHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgaGVpZ2h0OiAzOHB4O1xuICAgICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgb3BlbjogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIHByaW1hcnkxMDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b246aG92ZXIsXG4gICAgJiA+IGJ1dHRvbjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgICBib3JkZXItcmFkaXVzOiA5cHg7XG4gICAgICBwYWRkaW5nOiAwIDAuN2VtO1xuICAgICAgaGVpZ2h0OiAzNHB4O1xuICAgIH1cbiAgYCxcbiAgaW5wdXRzdHlsZTogKGhhc0xhYmVsOiBib29sZWFuKSA9PiBjc3NgXG4gICAgdG9wOiBjYWxjKCR7aGFzTGFiZWwgPyAnMjJweCcgOiAnMHB4J30gKyAzOHB4ICsgNXB4KTtcbiAgYCxcbiAgd2l0aEljb246IGNzc2BcbiAgICBzdmc6Zmlyc3Qtb2YtdHlwZSxcbiAgICBwb2x5Z29uOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuICBgLFxuICBvcGFjaXR5MDg6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIGhlaWdodDogMzlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNiwgMjE2LCAyMTYsIDAuMDgpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuXG4gICAgYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IHdoaXRlO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBidXR0b24gKyBkaXYge1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYCxcbiAgbWF4SGVpZ2h0OiAobWF4SGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICB1bCB7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH07XG4gICAgfVxuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b246aG92ZXIsXG4gICAgJiA+IGJ1dHRvbjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAjOTk5O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbiAgYCxcbiAgaW5mb0J1dHRvbjogY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG5cbiAgICBidXR0b24ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBoZWlnaHQ6IDI0cHggIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCB7IG9wdGlvbkJ1dHRvbiwgU2VsZWN0V3JhcHBlciwgT3B0aW9uc1dyYXBwZXIsIHN0eWxlcywgU3R5bGVkTGFiZWwgfVxuIl19 */");
-
-const SelectWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+const SelectWrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1w1uyes2"
 } : {
   target: "e1w1uyes2",
@@ -26,8 +21,7 @@ const SelectWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDIgOiAoaW5kZW50ICsgMSkgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5jb25zdCBvcHRpb25CdXR0b24gPSAoaW5kZW50PzogbnVtYmVyKSA9PiBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbmBcblxuY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgT3B0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHotaW5kZXg6IDEwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW4oXG4gICh7IHdpdGhJbmZvIH06IHsgd2l0aEluZm86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuXG4gICAgJHt3aXRoSW5mbyAmJlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgYH1cbiAgYFxuKVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcHRpb25zV2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgICYgPiBidXR0b24ge1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gICAgfVxuICBgLFxuICBpbnB1dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHVuc2V0O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6Zm9jdXMtd2l0aGluID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBidXR0b24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4IDAgMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGhlaWdodDogMzhweDtcbiAgICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wZW46ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBwcmltYXJ5MTA6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogOXB4O1xuICAgICAgcGFkZGluZzogMCAwLjdlbTtcbiAgICAgIGhlaWdodDogMzRweDtcbiAgICB9XG4gIGAsXG4gIGlucHV0c3R5bGU6IChoYXNMYWJlbDogYm9vbGVhbikgPT4gY3NzYFxuICAgIHRvcDogY2FsYygke2hhc0xhYmVsID8gJzIycHgnIDogJzBweCd9ICsgMzhweCArIDVweCk7XG4gIGAsXG4gIHdpdGhJY29uOiBjc3NgXG4gICAgc3ZnOmZpcnN0LW9mLXR5cGUsXG4gICAgcG9seWdvbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgb3BhY2l0eTA4OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICBoZWlnaHQ6IDM5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTYsIDIxNiwgMjE2LCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgIGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICBmaWxsOiB3aGl0ZTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgYnV0dG9uICsgZGl2IHtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKG1heEhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgdWwge1xuICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICBjb2xvcjogIzk5OTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGluZm9CdXR0b246IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgeyBvcHRpb25CdXR0b24sIFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
-const OptionsWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+const OptionsWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1w1uyes1"
 } : {
   target: "e1w1uyes1",
@@ -41,7 +35,6 @@ const OptionsWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDIgOiAoaW5kZW50ICsgMSkgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5jb25zdCBvcHRpb25CdXR0b24gPSAoaW5kZW50PzogbnVtYmVyKSA9PiBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbmBcblxuY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgT3B0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHotaW5kZXg6IDEwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW4oXG4gICh7IHdpdGhJbmZvIH06IHsgd2l0aEluZm86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuXG4gICAgJHt3aXRoSW5mbyAmJlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgYH1cbiAgYFxuKVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcHRpb25zV2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgICYgPiBidXR0b24ge1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gICAgfVxuICBgLFxuICBpbnB1dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHVuc2V0O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6Zm9jdXMtd2l0aGluID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBidXR0b24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4IDAgMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGhlaWdodDogMzhweDtcbiAgICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wZW46ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBwcmltYXJ5MTA6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogOXB4O1xuICAgICAgcGFkZGluZzogMCAwLjdlbTtcbiAgICAgIGhlaWdodDogMzRweDtcbiAgICB9XG4gIGAsXG4gIGlucHV0c3R5bGU6IChoYXNMYWJlbDogYm9vbGVhbikgPT4gY3NzYFxuICAgIHRvcDogY2FsYygke2hhc0xhYmVsID8gJzIycHgnIDogJzBweCd9ICsgMzhweCArIDVweCk7XG4gIGAsXG4gIHdpdGhJY29uOiBjc3NgXG4gICAgc3ZnOmZpcnN0LW9mLXR5cGUsXG4gICAgcG9seWdvbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgb3BhY2l0eTA4OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICBoZWlnaHQ6IDM5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTYsIDIxNiwgMjE2LCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgIGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICBmaWxsOiB3aGl0ZTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgYnV0dG9uICsgZGl2IHtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKG1heEhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgdWwge1xuICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICBjb2xvcjogIzk5OTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGluZm9CdXR0b246IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgeyBvcHRpb25CdXR0b24sIFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1wv5t7o",
   styles: "padding-right:25px"
@@ -51,8 +44,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBjYWxjdWxhdGVJbmRlbnQgPSAoaW5kZW50OiBudW1iZXIpID0+IHtcbiAgY29uc3QgQkFTRSA9IDhcbiAgY29uc3QgSU5ERU5UX1BBRERJTkdfTEkgPSBpbmRlbnQgPT09IDEgPyBCQVNFICogMiA6IChpbmRlbnQgKyAxKSAqIEJBU0VcblxuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmctbGVmdDogJHtJTkRFTlRfUEFERElOR19MSX1weCAhaW1wb3J0YW50O1xuICBgXG59XG5cbmNvbnN0IG9wdGlvbkJ1dHRvbiA9IChpbmRlbnQ/OiBudW1iZXIpID0+IGNzc2BcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICR7aW5kZW50ICYmIGNhbGN1bGF0ZUluZGVudChpbmRlbnQpfVxuYFxuXG5jb25zdCBTZWxlY3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICB1bCB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBPcHRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIG1pbi13aWR0aDogMTUwcHg7XG4gIGJveC1zaGFkb3c6IDBweCAxMHB4IDE1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgei1pbmRleDogMTAwMDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbihcbiAgKHsgd2l0aEluZm8gfTogeyB3aXRoSW5mbzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgbGluZS1oZWlnaHQ6IDIycHg7XG4gICAgZm9udC1zaXplOiAxZW07XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG5cbiAgICAke3dpdGhJbmZvICYmXG4gICAgY3NzYFxuICAgICAgcGFkZGluZy1yaWdodDogMjVweDtcbiAgICBgfVxuICBgXG4pXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogY3NzYFxuICAgIGJ1dHRvbiB7XG4gICAgICBoZWlnaHQ6IDM2cHg7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcblxuICAgICAgc3ZnIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wdGlvbnNXaWR0aDogKHdpZHRoOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IGNzc2BcbiAgICB3aWR0aDogJHt3aWR0aCA/IHdpZHRoIDogJ2F1dG8nfTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICB3aWR0aDogJHt3aWR0aCA/IHdpZHRoIDogJ2F1dG8nfTtcbiAgICB9XG4gIGAsXG4gIGlucHV0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwb3NpdGlvbjogdW5zZXQ7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjpmb2N1cy13aXRoaW4gPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgfVxuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgICBwYWRkaW5nOiAwIDEwcHggMCAxMHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgaGVpZ2h0OiAzOHB4O1xuICAgICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuXG4gICAgICAmOmhvdmVyLFxuICAgICAgJjpmb2N1cyxcbiAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgb3BlbjogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gIGAsXG4gIHByaW1hcnkxMDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b246aG92ZXIsXG4gICAgJiA+IGJ1dHRvbjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgICBib3JkZXItcmFkaXVzOiA5cHg7XG4gICAgICBwYWRkaW5nOiAwIDAuN2VtO1xuICAgICAgaGVpZ2h0OiAzNHB4O1xuICAgIH1cbiAgYCxcbiAgaW5wdXRzdHlsZTogKGhhc0xhYmVsOiBib29sZWFuKSA9PiBjc3NgXG4gICAgdG9wOiBjYWxjKCR7aGFzTGFiZWwgPyAnMjJweCcgOiAnMHB4J30gKyAzOHB4ICsgNXB4KTtcbiAgYCxcbiAgd2l0aEljb246IGNzc2BcbiAgICBzdmc6Zmlyc3Qtb2YtdHlwZSxcbiAgICBwb2x5Z29uOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuICBgLFxuICBvcGFjaXR5MDg6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDAuNWVtO1xuICAgIGhlaWdodDogMzlweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIxNiwgMjE2LCAyMTYsIDAuMDgpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICYgPiBidXR0b24gPiBzcGFuIHtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuXG4gICAgYnV0dG9uIHN2ZyBwb2x5Z29uIHtcbiAgICAgIGZpbGw6IHdoaXRlO1xuICAgIH1cblxuICAgIGJ1dHRvbiB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBidXR0b24gKyBkaXYge1xuICAgICAgdG9wOiA0MHB4O1xuICAgIH1cbiAgYCxcbiAgbWF4SGVpZ2h0OiAobWF4SGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICB1bCB7XG4gICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICBtYXgtaGVpZ2h0OiAke21heEhlaWdodH07XG4gICAgfVxuICBgLFxuICBkaXNhYmxlZDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICAmID4gYnV0dG9uLFxuICAgICYgPiBidXR0b246aG92ZXIsXG4gICAgJiA+IGJ1dHRvbjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmRpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAjOTk5O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn07XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIH1cbiAgYCxcbiAgaW5mb0J1dHRvbjogY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG5cbiAgICBidXR0b24ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBoZWlnaHQ6IDI0cHggIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCB7IG9wdGlvbkJ1dHRvbiwgU2VsZWN0V3JhcHBlciwgT3B0aW9uc1dyYXBwZXIsIHN0eWxlcywgU3R5bGVkTGFiZWwgfVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
-const StyledLabel = _styled("span", process.env.NODE_ENV === "production" ? {
+const StyledLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1w1uyes0"
 } : {
   target: "e1w1uyes0",
@@ -60,7 +52,6 @@ const StyledLabel = _styled("span", process.env.NODE_ENV === "production" ? {
 })(({
   withInfo
 }) => /*#__PURE__*/css("line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px;", withInfo && _ref2, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0M4QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDIgOiAoaW5kZW50ICsgMSkgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5jb25zdCBvcHRpb25CdXR0b24gPSAoaW5kZW50PzogbnVtYmVyKSA9PiBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbmBcblxuY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgT3B0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHotaW5kZXg6IDEwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW4oXG4gICh7IHdpdGhJbmZvIH06IHsgd2l0aEluZm86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuXG4gICAgJHt3aXRoSW5mbyAmJlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgYH1cbiAgYFxuKVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcHRpb25zV2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgICYgPiBidXR0b24ge1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gICAgfVxuICBgLFxuICBpbnB1dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHVuc2V0O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6Zm9jdXMtd2l0aGluID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBidXR0b24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4IDAgMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGhlaWdodDogMzhweDtcbiAgICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wZW46ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBwcmltYXJ5MTA6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogOXB4O1xuICAgICAgcGFkZGluZzogMCAwLjdlbTtcbiAgICAgIGhlaWdodDogMzRweDtcbiAgICB9XG4gIGAsXG4gIGlucHV0c3R5bGU6IChoYXNMYWJlbDogYm9vbGVhbikgPT4gY3NzYFxuICAgIHRvcDogY2FsYygke2hhc0xhYmVsID8gJzIycHgnIDogJzBweCd9ICsgMzhweCArIDVweCk7XG4gIGAsXG4gIHdpdGhJY29uOiBjc3NgXG4gICAgc3ZnOmZpcnN0LW9mLXR5cGUsXG4gICAgcG9seWdvbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgb3BhY2l0eTA4OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICBoZWlnaHQ6IDM5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTYsIDIxNiwgMjE2LCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgIGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICBmaWxsOiB3aGl0ZTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgYnV0dG9uICsgZGl2IHtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKG1heEhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgdWwge1xuICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICBjb2xvcjogIzk5OTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGluZm9CdXR0b246IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgeyBvcHRpb25CdXR0b24sIFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH1cbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDIgOiAoaW5kZW50ICsgMSkgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5jb25zdCBvcHRpb25CdXR0b24gPSAoaW5kZW50PzogbnVtYmVyKSA9PiBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbmBcblxuY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgT3B0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHotaW5kZXg6IDEwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW4oXG4gICh7IHdpdGhJbmZvIH06IHsgd2l0aEluZm86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuXG4gICAgJHt3aXRoSW5mbyAmJlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgYH1cbiAgYFxuKVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcHRpb25zV2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgICYgPiBidXR0b24ge1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gICAgfVxuICBgLFxuICBpbnB1dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHVuc2V0O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6Zm9jdXMtd2l0aGluID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBidXR0b24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4IDAgMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGhlaWdodDogMzhweDtcbiAgICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wZW46ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBwcmltYXJ5MTA6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogOXB4O1xuICAgICAgcGFkZGluZzogMCAwLjdlbTtcbiAgICAgIGhlaWdodDogMzRweDtcbiAgICB9XG4gIGAsXG4gIGlucHV0c3R5bGU6IChoYXNMYWJlbDogYm9vbGVhbikgPT4gY3NzYFxuICAgIHRvcDogY2FsYygke2hhc0xhYmVsID8gJzIycHgnIDogJzBweCd9ICsgMzhweCArIDVweCk7XG4gIGAsXG4gIHdpdGhJY29uOiBjc3NgXG4gICAgc3ZnOmZpcnN0LW9mLXR5cGUsXG4gICAgcG9seWdvbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgb3BhY2l0eTA4OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICBoZWlnaHQ6IDM5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTYsIDIxNiwgMjE2LCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgIGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICBmaWxsOiB3aGl0ZTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgYnV0dG9uICsgZGl2IHtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKG1heEhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgdWwge1xuICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICBjb2xvcjogIzk5OTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGluZm9CdXR0b246IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgeyBvcHRpb25CdXR0b24sIFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH1cbiJdfQ== */");
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "eoqxuw",
   styles: "display:flex;justify-content:space-between;align-items:center;padding:0 0.5em;height:39px;background-color:rgba(216, 216, 216, 0.08);border:1px solid rgba(255, 255, 255, 0.24);border-radius:5px;color:white;&>button>span{color:white;font-weight:400;}button svg polygon{fill:white;}button{width:100%;}button+div{top:40px;}"
@@ -70,7 +61,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NlbGVjdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUlzQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TZWxlY3Qvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3QgY2FsY3VsYXRlSW5kZW50ID0gKGluZGVudDogbnVtYmVyKSA9PiB7XG4gIGNvbnN0IEJBU0UgPSA4XG4gIGNvbnN0IElOREVOVF9QQURESU5HX0xJID0gaW5kZW50ID09PSAxID8gQkFTRSAqIDIgOiAoaW5kZW50ICsgMSkgKiBCQVNFXG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwYWRkaW5nLWxlZnQ6ICR7SU5ERU5UX1BBRERJTkdfTEl9cHggIWltcG9ydGFudDtcbiAgYFxufVxuXG5jb25zdCBvcHRpb25CdXR0b24gPSAoaW5kZW50PzogbnVtYmVyKSA9PiBjc3NgXG4gIHBhZGRpbmctbGVmdDogOHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICAke2luZGVudCAmJiBjYWxjdWxhdGVJbmRlbnQoaW5kZW50KX1cbmBcblxuY29uc3QgU2VsZWN0V3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdWwge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgT3B0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICBib3gtc2hhZG93OiAwcHggMTBweCAxNXB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIHotaW5kZXg6IDEwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW4oXG4gICh7IHdpdGhJbmZvIH06IHsgd2l0aEluZm86IGJvb2xlYW4gfSkgPT4gY3NzYFxuICAgIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuXG4gICAgJHt3aXRoSW5mbyAmJlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDI1cHg7XG4gICAgYH1cbiAgYFxuKVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IGNzc2BcbiAgICBidXR0b24ge1xuICAgICAgaGVpZ2h0OiAzNnB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgfVxuICBgLFxuICBvcHRpb25zV2lkdGg6ICh3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gIGAsXG4gIHdpZHRoOiAod2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgICYgPiBidXR0b24ge1xuICAgICAgd2lkdGg6ICR7d2lkdGggPyB3aWR0aCA6ICdhdXRvJ307XG4gICAgfVxuICBgLFxuICBpbnB1dDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcG9zaXRpb246IHVuc2V0O1xuICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6Zm9jdXMtd2l0aGluID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBidXR0b24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkO1xuICAgICAgcGFkZGluZzogMCAxMHB4IDAgMTBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgIGhlaWdodDogMzhweDtcbiAgICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIG9wZW46ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgIGNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICBgLFxuICBwcmltYXJ5MTA6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICAgICAgYm9yZGVyLXJhZGl1czogOXB4O1xuICAgICAgcGFkZGluZzogMCAwLjdlbTtcbiAgICAgIGhlaWdodDogMzRweDtcbiAgICB9XG4gIGAsXG4gIGlucHV0c3R5bGU6IChoYXNMYWJlbDogYm9vbGVhbikgPT4gY3NzYFxuICAgIHRvcDogY2FsYygke2hhc0xhYmVsID8gJzIycHgnIDogJzBweCd9ICsgMzhweCArIDVweCk7XG4gIGAsXG4gIHdpdGhJY29uOiBjc3NgXG4gICAgc3ZnOmZpcnN0LW9mLXR5cGUsXG4gICAgcG9seWdvbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgb3BhY2l0eTA4OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAwLjVlbTtcbiAgICBoZWlnaHQ6IDM5cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyMTYsIDIxNiwgMjE2LCAwLjA4KTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjQpO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmID4gYnV0dG9uID4gc3BhbiB7XG4gICAgICBjb2xvcjogd2hpdGU7XG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cblxuICAgIGJ1dHRvbiBzdmcgcG9seWdvbiB7XG4gICAgICBmaWxsOiB3aGl0ZTtcbiAgICB9XG5cbiAgICBidXR0b24ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgYnV0dG9uICsgZGl2IHtcbiAgICAgIHRvcDogNDBweDtcbiAgICB9XG4gIGAsXG4gIG1heEhlaWdodDogKG1heEhlaWdodDogc3RyaW5nKSA9PiBjc3NgXG4gICAgdWwge1xuICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgIH1cbiAgYCxcbiAgZGlzYWJsZWQ6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgJiA+IGJ1dHRvbixcbiAgICAmID4gYnV0dG9uOmhvdmVyLFxuICAgICYgPiBidXR0b246Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5kaXNhYmxlZH07XG4gICAgICBjb2xvcjogIzk5OTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGluZm9CdXR0b246IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgLFxufVxuXG5leHBvcnQgeyBvcHRpb25CdXR0b24sIFNlbGVjdFdyYXBwZXIsIE9wdGlvbnNXcmFwcGVyLCBzdHlsZXMsIFN0eWxlZExhYmVsIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 const styles = {
   default: process.env.NODE_ENV === "production" ? {
     name: "1iva4el",

package/esm/core/SimpleBarChart/SimpleBarChart.stories.js

@@ -0,0 +1,174 @@
+import SimpleBarChart from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/SimpleBarChart',
+  component: SimpleBarChart
+};
+export const storyDataKostnadBudsjett = [{
+  name: 'Jan',
+  kostnad: 66000,
+  budsjett: 65000
+}, {
+  name: 'Feb',
+  kostnad: 55000,
+  budsjett: 65000
+}, {
+  name: 'Mars',
+  kostnad: 60000,
+  budsjett: 70000
+}, {
+  name: 'Apr',
+  kostnad: 34000,
+  budsjett: 40000
+}, {
+  name: 'Mai',
+  kostnad: 36000,
+  budsjett: 50000
+}, {
+  name: 'Jun',
+  kostnad: 50400,
+  budsjett: 70000
+}, {
+  name: 'Jul',
+  kostnad: 54400,
+  budsjett: 70000
+}, {
+  name: 'Aug',
+  kostnad: 53400,
+  budsjett: 70000
+}, {
+  name: 'Sept',
+  kostnad: 50400,
+  budsjett: 70000
+}, {
+  name: 'Okt',
+  kostnad: 44400,
+  budsjett: 70000
+}, {
+  name: 'Nov',
+  kostnad: 24700,
+  budsjett: 70000
+}, {
+  name: 'Des',
+  kostnad: 5400,
+  budsjett: 70000
+}];
+export const storyDataSimpleNumbers = [{
+  name: 'Jan',
+  amount: 1
+}, {
+  name: 'Feb',
+  amount: 3
+}, {
+  name: 'Mars',
+  amount: 2
+}, {
+  name: 'Apr',
+  amount: 5
+}, {
+  name: 'Mai',
+  amount: 6
+}, {
+  name: 'Jun',
+  amount: 7
+}, {
+  name: 'Jul',
+  amount: 8
+}, {
+  name: 'Aug',
+  amount: 6
+}, {
+  name: 'Sept',
+  amount: 5
+}, {
+  name: 'Okt',
+  amount: 3
+}, {
+  name: 'Nov',
+  amount: 2
+}, {
+  name: 'Des',
+  amount: 1
+}];
+export const Default = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+    data: storyDataKostnadBudsjett,
+    bars: [{
+      name: 'Kostnad',
+      dataKey: 'kostnad',
+      fill: theme.primary
+    }, {
+      name: 'Budsjett',
+      dataKey: 'budsjett',
+      fill: theme.secondary
+    }],
+    xAxisDataKey: "name"
+  }),
+  name: 'Default'
+};
+export const WithXAxisLineAndYAxisLine = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+    data: storyDataKostnadBudsjett,
+    bars: [{
+      name: 'Kostnad',
+      dataKey: 'kostnad',
+      fill: theme.primary
+    }, {
+      name: 'Budsjett',
+      dataKey: 'budsjett',
+      fill: theme.secondary
+    }],
+    xAxisLine: true,
+    yAxisLine: true,
+    xAxisDataKey: "name"
+  }),
+  name: 'With xAxisLine and yAxisLine'
+};
+export const VerticalBarChart = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+    data: storyDataKostnadBudsjett,
+    bars: [{
+      name: 'Kostnad',
+      dataKey: 'kostnad',
+      fill: theme.primary
+    }, {
+      name: 'Budsjett',
+      dataKey: 'budsjett',
+      fill: theme.secondary
+    }],
+    layout: "vertical",
+    yAxisDataKey: "name",
+    xAxisDataKey: "kostnad"
+  }),
+  name: 'Vertical BarChart'
+};
+export const WithSimpleNumbers = {
+  render: (_args, {
+    loaded: {
+      theme
+    }
+  }) => /*#__PURE__*/_jsx(SimpleBarChart, {
+    data: storyDataSimpleNumbers,
+    bars: [{
+      name: 'Antall',
+      dataKey: 'amount',
+      fill: theme.primary
+    }],
+    xAxisDataKey: "name",
+    yAxisDataKey: "amount",
+    allowDecimals: false
+  }),
+  name: 'With simple numbers'
+};