@amboss/design-system 1.9.1 → 1.9.5

package/build/esm/src/components/Form/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, {\n  useState,\n  useRef,\n  useMemo,\n  useEffect,\n  useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useKeyboard } from \"../../../shared/useKeyboard\";\nimport {\n  useAutoPosition,\n  VerticalPosition,\n} from \"../../../shared/useAutoPosition\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { VirtualScrollList } from \"../../VirtualScrollList/VirtualScrollList\";\nimport { Input, InputRaw } from \"../Input/Input\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Box } from \"../../Box/Box\";\n\nconst StyledContainer = styled.div(() => ({\n  position: \"relative\",\n}));\n\nconst StyledInputWrap = styled.div(() => ({\n  zIndex: 0,\n  position: \"absolute\",\n  pointerEvents: \"none\",\n  width: \"100%\",\n  bottom: 0,\n  left: 0,\n}));\n\nconst StyledDropdown = styled.div<{ dropdownPosition: VerticalPosition }>(\n  ({ theme, dropdownPosition }) => ({\n    backgroundColor: theme.values.color.background.layer_2,\n    position: \"absolute\",\n    fontSize: theme.variables.size.font.text.s,\n    zIndex: 2,\n    width: \"100%\",\n    margin: `${theme.variables.size.spacing.xs} 0`,\n    cursor: \"pointer\",\n    borderRadius: theme.variables.size.borderRadius.dropdown.m,\n    overflow: \"hidden\",\n    boxShadow: theme.variables.shadow.card.b,\n    boxSizing: \"border-box\",\n    ...(dropdownPosition === \"down\" && {\n      top: \"100%\",\n    }),\n    ...(dropdownPosition === \"up\" && {\n      bottom: \"100%\",\n    }),\n  })\n);\n\nconst StyledDropdownItem = styled.div<{ active: boolean }>(\n  ({ theme, active }) => ({\n    padding: theme.variables.size.spacing.xs,\n    borderRadius: theme.variables.size.borderRadius.dropdown.s,\n    ...(active && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    }),\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      borderRadius: 0,\n    },\n  })\n);\n\nconst HiddenSelectInput = styled.select(() => ({\n  display: \"none\",\n}));\n\ntype SelectOption = {\n  value: string;\n  label: string;\n} & Record<string, unknown>;\n\nexport type SelectProps = {\n  name: string;\n  value: string;\n  placeholder?: string;\n  emptyStateMessage?: string;\n  hasError?: boolean;\n  disabled?: boolean;\n  options?: SelectOption[];\n  filterMethod?: (options: SelectOption, value: string) => boolean;\n  onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;\n  onBlur?: () => void;\n  onFocus?: () => void;\n  maxHeight?: number;\n  autoComplete?: string;\n} & FormFieldProps;\n\nconst defaultFilterMethod = (option: SelectOption, value: string): boolean =>\n  option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;\n\nexport function Select({\n  options = [],\n  name,\n  value,\n  placeholder,\n  emptyStateMessage,\n  hasError,\n  filterMethod = defaultFilterMethod,\n  onChange = () => null,\n  onBlur = () => null,\n  onFocus = () => null,\n  maxHeight = 230,\n  autoComplete = \"on\",\n  ...rest\n}: SelectProps): React.ReactElement {\n  const { disabled } = rest;\n  const [isOpen, setIsOpen] = useState(false);\n  const [innerValue, setInnerValue] = useState(\"\");\n  const [preselectedIndex, setPreselectedIndex] = useState(-1);\n  const initialValueOption = useMemo(\n    () =>\n      options.find((option) => option.value === value) || {\n        value: \"\",\n        label: \"\",\n      },\n    [options, value]\n  );\n  const [fakeSelectedOption, setFakeSelectedOption] = useState(\n    initialValueOption\n  );\n  const fakeSelectRef = useRef(null);\n\n  const dropDownRef = useRef(null);\n  const innerInputRef = useRef(null);\n\n  const currentValueRef = useRef(value);\n  currentValueRef.current = value;\n\n  const forceChangeFakeSelect = useCallback(\n    (selectedOption: SelectOption) => {\n      if (fakeSelectedOption.value !== selectedOption.value) {\n        setFakeSelectedOption(selectedOption);\n      }\n    },\n    [fakeSelectedOption]\n  );\n\n  const [verticalPosition] = useAutoPosition(\n    fakeSelectRef,\n    dropDownRef,\n    isOpen\n  );\n\n  const closeDropdown = useCallback(\n    (noSelect = false) => {\n      setIsOpen(false);\n      if (!noSelect) {\n        const selectedOption = options.find(\n          (option) =>\n            option.label.toLowerCase().trim() ===\n            innerValue.toLowerCase().trim()\n        );\n        if (selectedOption) {\n          forceChangeFakeSelect(selectedOption);\n        }\n      }\n      setInnerValue(\"\");\n      setPreselectedIndex(-1);\n      onBlur();\n    },\n    [onBlur, forceChangeFakeSelect, innerValue, options]\n  );\n\n  useEffect(() => {\n    if (\n      fakeSelectRef.current &&\n      currentValueRef.current !== fakeSelectedOption.value\n    ) {\n      fakeSelectRef.current.dispatchEvent(\n        new Event(\"change\", { bubbles: true })\n      );\n    }\n  }, [fakeSelectedOption, fakeSelectRef, currentValueRef]);\n\n  // force updating the hidden select if a new initial value gets passed down\n  // without it, there would be a mismatch of selected value and the hidden select,\n  // which would cause the first value to not be selectable\n  useEffect(() => {\n    forceChangeFakeSelect(initialValueOption);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialValueOption]);\n\n  const filteredOptions = useMemo(() => {\n    if (!innerValue) {\n      return options;\n    }\n\n    return options.filter((option) => filterMethod(option, innerValue));\n  }, [options, filterMethod, innerValue]);\n\n  const displayValue = useMemo(\n    () =>\n      options.some((option) => option.value === value)\n        ? options.find((option) => option.value === value).label\n        : \"\",\n    [value, options]\n  );\n\n  useEffect(() => {\n    setPreselectedIndex(-1);\n  }, [filteredOptions]);\n\n  useKeyboard(\n    {\n      Escape: () => closeDropdown(true),\n      Enter: () => {\n        if (filteredOptions[preselectedIndex]) {\n          forceChangeFakeSelect(filteredOptions[preselectedIndex]);\n          closeDropdown(true);\n          return;\n        }\n        closeDropdown();\n      },\n      ArrowUp: () => {\n        setPreselectedIndex(Math.max(preselectedIndex - 1, 0));\n      },\n      ArrowDown: () => {\n        setPreselectedIndex(\n          Math.min(preselectedIndex + 1, filteredOptions.length - 1)\n        );\n      },\n    },\n    innerInputRef,\n    isOpen && !disabled\n  );\n\n  useKeyboard(\n    {\n      \"ArrowUp ArrowDown\": () => {\n        setIsOpen(true);\n      },\n    },\n    innerInputRef,\n    !isOpen && !disabled\n  );\n\n  return (\n    <FormField {...(rest as FormFieldProps)}>\n      <StyledContainer\n        onBlur={() => {\n          closeDropdown(true);\n        }}\n      >\n        <div style={{ zIndex: 1 }}>\n          <InputRaw\n            areaLabel={rest.label}\n            name={`${name}-innerInput`}\n            value={innerValue}\n            privateProps={{ isTransparent: !(isOpen && innerValue) }}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            hasError={hasError}\n            disabled={disabled}\n            onFocus={() => {\n              setIsOpen(true);\n              onFocus();\n            }}\n            onClick={() => {\n              setIsOpen(true);\n            }}\n            onChange={(e) => {\n              if (e.currentTarget.value) {\n                setIsOpen(true);\n              }\n              setInnerValue(e.currentTarget.value);\n            }}\n            ref={innerInputRef}\n            autoComplete={autoComplete}\n          />\n        </div>\n\n        <StyledInputWrap>\n          <Input\n            name={name}\n            value={displayValue}\n            onChange={() => null}\n            icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n            placeholder={placeholder}\n            tabIndex={-1}\n            autoComplete=\"off\"\n          />\n        </StyledInputWrap>\n\n        {isOpen && (\n          // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n          <StyledDropdown\n            dropdownPosition={verticalPosition}\n            ref={dropDownRef}\n            // this is to prevent known bug of Chrome when element\n            // loses focus on click on the scrollbar\n            onMouseDown={(e) => e.preventDefault()}\n          >\n            <VirtualScrollList\n              maxHeight={maxHeight}\n              itemHeight={36}\n              itemAmount={filteredOptions.length}\n              emptyState={() => (\n                <Box space=\"xs\">\n                  <Text>{emptyStateMessage || \"🤷🏻‍♀️\"}</Text>\n                </Box>\n              )}\n              itemInView={preselectedIndex}\n              itemTemplate={(index: number) => {\n                const option: SelectOption = filteredOptions[index];\n                return (\n                  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n                  <StyledDropdownItem\n                    key={option.value}\n                    active={\n                      preselectedIndex === index || value === option.value\n                    }\n                    onMouseDown={() => {\n                      forceChangeFakeSelect(option);\n                      closeDropdown(true);\n                    }}\n                  >\n                    <Text weight=\"bold\" variant=\"secondary\" size=\"s\">\n                      {option.label}\n                    </Text>\n                  </StyledDropdownItem>\n                );\n              }}\n            />\n          </StyledDropdown>\n        )}\n\n        <HiddenSelectInput\n          onChange={onChange}\n          value={fakeSelectedOption.value}\n          ref={fakeSelectRef}\n          autoComplete=\"off\"\n        >\n          <option value={fakeSelectedOption.value}>\n            {fakeSelectedOption.label}\n          </option>\n        </HiddenSelectInput>\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","position","StyledInputWrap","zIndex","pointerEvents","width","bottom","left","StyledDropdown","_ref","theme","dropdownPosition","backgroundColor","values","color","background","layer_2","fontSize","variables","size","font","text","s","margin","spacing","xs","cursor","borderRadius","dropdown","m","overflow","boxShadow","shadow","card","b","boxSizing","top","StyledDropdownItem","_ref2","active","padding","HiddenSelectInput","display","defaultFilterMethod","option","value","toLowerCase","indexOf","Select","_ref3","options","name","placeholder","emptyStateMessage","hasError","filterMethod","onChange","onBlur","onFocus","maxHeight","autoComplete","rest","disabled","isOpen","setIsOpen","useState","innerValue","setInnerValue","preselectedIndex","setPreselectedIndex","initialValueOption","useMemo","find","fakeSelectedOption","setFakeSelectedOption","fakeSelectRef","useRef","dropDownRef","innerInputRef","currentValueRef","current","forceChangeFakeSelect","useCallback","selectedOption","verticalPosition","useAutoPosition","closeDropdown","noSelect","arguments","length","undefined","trim","useEffect","dispatchEvent","Event","bubbles","filteredOptions","filter","displayValue","some","useKeyboard","Escape","Enter","ArrowUp","Math","max","ArrowDown","min","ArrowUp ArrowDown","React","createElement","FormField","style","InputRaw","areaLabel","privateProps","isTransparent","icon","onClick","e","currentTarget","ref","Input","tabIndex","onMouseDown","preventDefault","VirtualScrollList","itemHeight","itemAmount","emptyState","Box","space","Text","itemInView","itemTemplate","index","key","weight","variant"],"mappings":"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"}

package/build/esm/src/components/Form/Textarea/Textarea.js

@@ -0,0 +1,83 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+
+const StyledTextarea = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV === "production" ? {
+  target: "e1u5324b1"
+} : {
+  target: "e1u5324b1",
+  label: "StyledTextarea"
+})(_ref => {
+  let {
+    theme,
+    resize,
+    hasError
+  } = _ref;
+  return {
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.text.m,
+    lineHeight: theme.variables.size.lineHeight.text.m,
+    minHeight: theme.variables.size.dimension.textarea.minHeight.m,
+    borderRadius: theme.variables.size.borderRadius.textarea.s,
+    border: "1px solid",
+    width: "100%",
+    padding: theme.variables.size.spacing.xs,
+    boxSizing: "border-box",
+    color: theme.values.color.text.secondary,
+    borderColor: hasError ? theme.values.color.border.textarea.error : theme.values.color.border.textarea.default,
+    backgroundColor: theme.values.color.background.textarea.default,
+    resize
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnVCIiwiZmlsZSI6IlRleHRhcmVhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRhcmVhUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIGRpc2FibGVkIGlucHV0XG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB2b2lkO1xuICBhcmVhTGFiZWw/OiBzdHJpbmc7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIHJvd3M/OiBudW1iZXI7XG4gIG1heExlbmd0aD86IG51bWJlcjtcbiAgcmVzaXplPzogXCJub25lXCIgfCBcImhvcml6b250YWxcIiB8IFwidmVydGljYWxcIiB8IFwiYm90aFwiO1xufSAmIEZvcm1GaWVsZFByb3BzO1xuXG5jb25zdCBTdHlsZWRUZXh0YXJlYSA9IHN0eWxlZC50ZXh0YXJlYTxQYXJ0aWFsPFRleHRhcmVhUHJvcHM+PihcbiAgKHsgdGhlbWUsIHJlc2l6ZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgICBtaW5IZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50ZXh0YXJlYS5taW5IZWlnaHQubSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy50ZXh0YXJlYS5zLFxuICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgYm9yZGVyQ29sb3I6IGhhc0Vycm9yXG4gICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudGV4dGFyZWEuZXJyb3JcbiAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50ZXh0YXJlYS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGV4dGFyZWEuZGVmYXVsdCxcbiAgICByZXNpemUsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRhcmVhKHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICB0YWJJbmRleCxcbiAgYXJlYUxhYmVsLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHJvd3MgPSA1LFxuICBtYXhMZW5ndGggPSAyNTYsXG4gIHJlc2l6ZSA9IFwibm9uZVwiLFxuICAuLi5yZXN0XG59OiBUZXh0YXJlYVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIHsuLi4ocmVzdCBhcyBGb3JtRmllbGRQcm9wcyl9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFRleHRhcmVhXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgYXJpYS1sYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgIGRlZmF1bHRWYWx1ZT17dmFsdWV9XG4gICAgICAgICAgcmVzaXplPXtyZXNpemV9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1u5324b0"
+} : {
+  target: "e1u5324b0",
+  label: "StyledContainer"
+})(() => ({
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  flexDirection: "row",
+  position: "relative",
+  zIndex: 1
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHdCIiwiZmlsZSI6IlRleHRhcmVhLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFRleHRhcmVhUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIHRvZ2dsZSBlcnJvciBzdGF0ZVxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFNldCB0byB0cnVlIHRvIGRpc2FibGVkIGlucHV0XG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB2b2lkO1xuICBhcmVhTGFiZWw/OiBzdHJpbmc7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmc7XG4gIHJvd3M/OiBudW1iZXI7XG4gIG1heExlbmd0aD86IG51bWJlcjtcbiAgcmVzaXplPzogXCJub25lXCIgfCBcImhvcml6b250YWxcIiB8IFwidmVydGljYWxcIiB8IFwiYm90aFwiO1xufSAmIEZvcm1GaWVsZFByb3BzO1xuXG5jb25zdCBTdHlsZWRUZXh0YXJlYSA9IHN0eWxlZC50ZXh0YXJlYTxQYXJ0aWFsPFRleHRhcmVhUHJvcHM+PihcbiAgKHsgdGhlbWUsIHJlc2l6ZSwgaGFzRXJyb3IgfSkgPT4gKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQubSxcbiAgICBtaW5IZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50ZXh0YXJlYS5taW5IZWlnaHQubSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy50ZXh0YXJlYS5zLFxuICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgYm9yZGVyQ29sb3I6IGhhc0Vycm9yXG4gICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudGV4dGFyZWEuZXJyb3JcbiAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50ZXh0YXJlYS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGV4dGFyZWEuZGVmYXVsdCxcbiAgICByZXNpemUsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRhcmVhKHtcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvciA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DbGljayxcbiAgb25CbHVyLFxuICBvbkZvY3VzLFxuICB0YWJJbmRleCxcbiAgYXJlYUxhYmVsLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHJvd3MgPSA1LFxuICBtYXhMZW5ndGggPSAyNTYsXG4gIHJlc2l6ZSA9IFwibm9uZVwiLFxuICAuLi5yZXN0XG59OiBUZXh0YXJlYVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIHsuLi4ocmVzdCBhcyBGb3JtRmllbGRQcm9wcyl9PlxuICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZFRleHRhcmVhXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgYXJpYS1sYWJlbD17YXJlYUxhYmVsfVxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgIGRlZmF1bHRWYWx1ZT17dmFsdWV9XG4gICAgICAgICAgcmVzaXplPXtyZXNpemV9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdfQ== */");
+function Textarea(_ref2) {
+  let {
+    name,
+    value,
+    placeholder,
+    hasError = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    tabIndex,
+    areaLabel,
+    autoComplete = "on",
+    rows = 5,
+    maxLength = 256,
+    resize = "none",
+    ...rest
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(FormField, rest, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledTextarea, {
+    name: name,
+    disabled: rest.disabled,
+    placeholder: placeholder,
+    hasError: hasError,
+    onClick: onClick,
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    "aria-label": areaLabel,
+    tabIndex: tabIndex,
+    autoComplete: autoComplete,
+    rows: rows,
+    maxLength: maxLength,
+    defaultValue: value,
+    resize: resize
+  })));
+}
+
+export { Textarea };
+//# sourceMappingURL=Textarea.js.map

package/build/esm/src/components/Form/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type TextareaProps = {\n  name: string;\n  value: string;\n  /**\n   * Set to true to toggle error state\n   */\n  hasError?: boolean;\n  placeholder?: string;\n  /**\n   * Set to true to disabled input\n   */\n  disabled?: boolean;\n  onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n  areaLabel?: string;\n  tabIndex?: number;\n  autoComplete?: string;\n  rows?: number;\n  maxLength?: number;\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n} & FormFieldProps;\n\nconst StyledTextarea = styled.textarea<Partial<TextareaProps>>(\n  ({ theme, resize, hasError }) => ({\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.text.m,\n    lineHeight: theme.variables.size.lineHeight.text.m,\n    minHeight: theme.variables.size.dimension.textarea.minHeight.m,\n    borderRadius: theme.variables.size.borderRadius.textarea.s,\n    border: \"1px solid\",\n    width: \"100%\",\n    padding: theme.variables.size.spacing.xs,\n    boxSizing: \"border-box\",\n    color: theme.values.color.text.secondary,\n    borderColor: hasError\n      ? theme.values.color.border.textarea.error\n      : theme.values.color.border.textarea.default,\n    backgroundColor: theme.values.color.background.textarea.default,\n    resize,\n  })\n);\n\nconst StyledContainer = styled.div(() => ({\n  width: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  position: \"relative\",\n  zIndex: 1,\n}));\n\nexport function Textarea({\n  name,\n  value,\n  placeholder,\n  hasError = false,\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  tabIndex,\n  areaLabel,\n  autoComplete = \"on\",\n  rows = 5,\n  maxLength = 256,\n  resize = \"none\",\n  ...rest\n}: TextareaProps): React.ReactElement {\n  return (\n    <FormField {...(rest as FormFieldProps)}>\n      <StyledContainer>\n        <StyledTextarea\n          name={name}\n          disabled={rest.disabled}\n          placeholder={placeholder}\n          hasError={hasError}\n          onClick={onClick}\n          onChange={onChange}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          aria-label={areaLabel}\n          tabIndex={tabIndex}\n          autoComplete={autoComplete}\n          rows={rows}\n          maxLength={maxLength}\n          defaultValue={value}\n          resize={resize}\n        />\n      </StyledContainer>\n    </FormField>\n  );\n}\n"],"names":["StyledTextarea","_styled","process","env","NODE_ENV","target","label","_ref","theme","resize","hasError","fontFamily","variables","lato","fontSize","size","font","text","m","lineHeight","minHeight","dimension","textarea","borderRadius","s","border","width","padding","spacing","xs","boxSizing","color","values","secondary","borderColor","error","default","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","_ref2","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","React","createElement","FormField","disabled","defaultValue"],"mappings":"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"}

package/build/esm/src/components/Form/Toggle/Toggle.js

@@ -0,0 +1,171 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn3"
+} : {
+  target: "e13rhokn3",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme,
+    size,
+    disabled
+  } = _ref;
+  return {
+    display: "block",
+    position: "relative",
+    width: theme.variables.size.dimension.toggle.width[size],
+    height: theme.variables.size.dimension.togglePoint[size],
+    boxSizing: "border-box",
+    cursor: disabled ? "default" : "pointer"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIiwiZmlsZSI6IlRvZ2dsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgVG9nZ2xlU2l6ZSwgSG9yaXpvbnRhbEFsaWdubWVudCB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gXCJkZWZhdWx0XCIgOiBcInBvaW50ZXJcIixcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFJlYWxJbnB1dCA9IHN0eWxlZC5pbnB1dDxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oKCkgPT4gKHtcbiAgb3BhY2l0eTogMCxcbiAgaGVpZ2h0OiAwLFxuICB3aWR0aDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0SW5uZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIG1hcmdpbjpcbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC9cbiAgICAgIChzaXplID09PSBcIm1cIiA/IDQgOiAyKSxcbiAgICBib3JkZXJSYWRpdXM6XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvIDIsXG4gICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIixcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjJzIGxpbmVhclwiLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZVBvaW50LmRlZmF1bHQsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIGlzSGlnaGxpZ2h0ZWQgfSkgPT4ge1xuICAgIGNvbnN0IHBvaW50TWFyZ2luID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC9cbiAgICAgIChzaXplID09PSBcIm1cIiA/IDQgOiAyKTtcbiAgICBjb25zdCBwb2ludFRyYW5zbGF0ZVggPVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSwgMTApIC1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC1cbiAgICAgIDIgKiBwb2ludE1hcmdpbiAtXG4gICAgICAyO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSxcbiAgICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS5oZWlnaHRbc2l6ZV0sXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy50b2dnbGVbc2l6ZV0sXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4ycyBsaW5lYXIsIGJvcmRlci1jb2xvciAwLjJzIGxpbmVhclwiLFxuICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgYm9yZGVyQ29sb3I6IGlzSGlnaGxpZ2h0ZWRcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5oaWdobGlnaHRlZFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudG9nZ2xlLmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlLmhpZ2hsaWdodGVkXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlLmRlZmF1bHQsXG4gICAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgICBtYXJnaW5Ub3A6IDIsXG4gICAgICB9KSxcbiAgICAgIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5jaGVja2VkLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGUuY2hlY2tlZCxcbiAgICAgICAgW2Ake1N0eWxlZEZha2VJbnB1dElubmVyfWBdOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3BvaW50VHJhbnNsYXRlWH1weClgLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmRpc2FibGVkICsgJlwiOiB7XG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuICAgICAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMClcIjoge1xuICAgICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaG92ZXIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIFRvZ2dsZVByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2l6ZT86IFRvZ2dsZVNpemU7XG4gIGlzSGlnaGxpZ2h0ZWQ/OiBib29sZWFuO1xuICBhbGlnbkl0ZW1zPzogSG9yaXpvbnRhbEFsaWdubWVudDtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2dnbGUoe1xuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGxhYmVsID0gXCJcIixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgc2l6ZSA9IFwibVwiLFxuICBpc0hpZ2hsaWdodGVkID0gZmFsc2UsXG4gIGFsaWduSXRlbXMgPSBcImxlZnRcIixcbiAgb25DaGFuZ2UsXG4gIG9uQ2xpY2ssXG4gIG9uQmx1cixcbiAgb25Gb2N1cyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IFRvZ2dsZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qgc3BhY2luZyA9IHNpemUgPT09IFwic1wiID8gXCJ4c1wiIDogXCJtXCI7XG4gIGNvbnN0IGxhYmVsVmFyaWFudCA9IHNpemUgPT09IFwic1wiID8gXCJ0ZXJ0aWFyeVwiIDogXCJzZWNvbmRhcnlcIjtcbiAgY29uc3QgbGFiZWxXZWlnaHQgPSBzaXplID09PSBcInNcIiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gey4uLnJlc3R9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8SW5saW5lIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9IHNwYWNlPXtzcGFjaW5nfSB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8VGV4dCBzaXplPXtzaXplfSB2YXJpYW50PXtsYWJlbFZhcmlhbnR9IHdlaWdodD17bGFiZWxXZWlnaHR9PlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lciBzaXplPXtzaXplfSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkRmFrZUlucHV0IHNpemU9e3NpemV9IGlzSGlnaGxpZ2h0ZWQ9e2lzSGlnaGxpZ2h0ZWR9PlxuICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dElubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59XG4iXX0= */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn2"
+} : {
+  target: "e13rhokn2",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVQb2ludC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaGlnaGxpZ2h0ZWRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5oaWdobGlnaHRlZFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuY2hlY2tlZCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlLmNoZWNrZWQsXG4gICAgICAgIFtgJHtTdHlsZWRGYWtlSW5wdXRJbm5lcn1gXToge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtwb2ludFRyYW5zbGF0ZVh9cHgpYCxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudG9nZ2xlLmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbFZhcmlhbnQgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwic2Vjb25kYXJ5XCI7XG4gIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfSBzcGFjZT17c3BhY2luZ30gdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT17c2l6ZX0gdmFyaWFudD17bGFiZWxWYXJpYW50fSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledFakeInputInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn1"
+} : {
+  target: "e13rhokn1",
+  label: "StyledFakeInputInner"
+})(_ref2 => {
+  let {
+    theme,
+    size
+  } = _ref2;
+  return {
+    width: theme.variables.size.dimension.togglePoint[size],
+    height: theme.variables.size.dimension.togglePoint[size],
+    margin: parseInt(theme.variables.size.dimension.togglePoint[size], 10) / (size === "m" ? 4 : 2),
+    borderRadius: parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,
+    transform: "translateX(0)",
+    transition: "transform 0.2s linear",
+    background: theme.values.color.background.togglePoint.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVQb2ludC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaGlnaGxpZ2h0ZWRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5oaWdobGlnaHRlZFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuY2hlY2tlZCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlLmNoZWNrZWQsXG4gICAgICAgIFtgJHtTdHlsZWRGYWtlSW5wdXRJbm5lcn1gXToge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtwb2ludFRyYW5zbGF0ZVh9cHgpYCxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudG9nZ2xlLmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbFZhcmlhbnQgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwic2Vjb25kYXJ5XCI7XG4gIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfSBzcGFjZT17c3BhY2luZ30gdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT17c2l6ZX0gdmFyaWFudD17bGFiZWxWYXJpYW50fSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13rhokn0"
+} : {
+  target: "e13rhokn0",
+  label: "StyledFakeInput"
+})(_ref3 => {
+  let {
+    theme,
+    size,
+    isHighlighted
+  } = _ref3;
+  const pointMargin = parseInt(theme.variables.size.dimension.togglePoint[size], 10) / (size === "m" ? 4 : 2);
+  const pointTranslateX = parseInt(theme.variables.size.dimension.toggle.width[size], 10) - parseInt(theme.variables.size.dimension.togglePoint[size], 10) - 2 * pointMargin - 2;
+  return {
+    boxSizing: "border-box",
+    width: theme.variables.size.dimension.toggle.width[size],
+    height: theme.variables.size.dimension.toggle.height[size],
+    borderRadius: theme.variables.size.borderRadius.toggle[size],
+    display: "flex",
+    alignItems: "center",
+    transition: "background-color 0.2s linear, border-color 0.2s linear",
+    border: "1px solid",
+    borderColor: isHighlighted ? theme.values.color.border.toggle.highlighted : theme.values.color.border.toggle.default,
+    background: isHighlighted ? theme.values.color.background.toggle.highlighted : theme.values.color.background.toggle.default,
+    ...(size === "s" && {
+      marginTop: 2
+    }),
+    "input:checked + &": {
+      border: "1px solid",
+      borderColor: theme.values.color.border.toggle.checked,
+      background: theme.values.color.background.toggle.checked,
+      [`${StyledFakeInputInner}`]: {
+        transform: `translateX(${pointTranslateX}px)`
+      },
+      "&:hover": {
+        borderColor: theme.values.color.border.toggle.hover
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    },
+    "input:focus-visible + &": {
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio: 0)": {
+      "input:focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    },
+    "&:hover": {
+      borderColor: theme.values.color.border.toggle.hover
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUsIEhvcml6b250YWxBbGlnbm1lbnQgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVQb2ludC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaGlnaGxpZ2h0ZWRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5oaWdobGlnaHRlZFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuY2hlY2tlZCxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlLmNoZWNrZWQsXG4gICAgICAgIFtgJHtTdHlsZWRGYWtlSW5wdXRJbm5lcn1gXToge1xuICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtwb2ludFRyYW5zbGF0ZVh9cHgpYCxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGUuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudG9nZ2xlLmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlKHtcbiAgbmFtZSxcbiAgdmFsdWUgPSBcIlwiLFxuICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICBsYWJlbCA9IFwiXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHNpemUgPSBcIm1cIixcbiAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICBhbGlnbkl0ZW1zID0gXCJsZWZ0XCIsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICBjb25zdCBsYWJlbFZhcmlhbnQgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwic2Vjb25kYXJ5XCI7XG4gIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IHsuLi5yZXN0fSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXthbGlnbkl0ZW1zfSBzcGFjZT17c3BhY2luZ30gdkFsaWduSXRlbXM9XCJ0b3BcIiBub1dyYXA+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT17c2l6ZX0gdmFyaWFudD17bGFiZWxWYXJpYW50fSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgc2l6ZT17c2l6ZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgIDxTdHlsZWRGYWtlSW5wdXRJbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+function Toggle(_ref4) {
+  let {
+    name,
+    value = "",
+    checked = undefined,
+    label = "",
+    disabled = false,
+    size = "m",
+    isHighlighted = false,
+    alignItems = "left",
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref4;
+  const spacing = size === "s" ? "xs" : "m";
+  const labelVariant = size === "s" ? "tertiary" : "secondary";
+  const labelWeight = size === "s" ? "bold" : "normal";
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignItems: alignItems,
+    space: spacing,
+    vAlignItems: "top",
+    noWrap: true
+  }, label && /*#__PURE__*/React.createElement(Text, {
+    size: size,
+    variant: labelVariant,
+    weight: labelWeight
+  }, label), /*#__PURE__*/React.createElement(StyledContainer, {
+    size: size,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, {
+    size: size,
+    isHighlighted: isHighlighted
+  }, /*#__PURE__*/React.createElement(StyledFakeInputInner, {
+    size: size
+  })))));
+}
+
+export { Toggle };
+//# sourceMappingURL=Toggle.js.map

package/build/esm/src/components/Form/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize, HorizontalAlignment } from \"../../../types\";\n\nconst StyledContainer = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, disabled }) => ({\n    display: \"block\",\n    position: \"relative\",\n    width: theme.variables.size.dimension.toggle.width[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    boxSizing: \"border-box\",\n    cursor: disabled ? \"default\" : \"pointer\",\n  })\n);\n\nconst StyledRealInput = styled.input<Partial<ToggleProps>>(() => ({\n  opacity: 0,\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInputInner = styled.div<Partial<ToggleProps>>(\n  ({ theme, size }) => ({\n    width: theme.variables.size.dimension.togglePoint[size],\n    height: theme.variables.size.dimension.togglePoint[size],\n    margin:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2),\n    borderRadius:\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,\n    transform: \"translateX(0)\",\n    transition: \"transform 0.2s linear\",\n    background: theme.values.color.background.togglePoint.default,\n  })\n);\n\nconst StyledFakeInput = styled.div<Partial<ToggleProps>>(\n  ({ theme, size, isHighlighted }) => {\n    const pointMargin =\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n      (size === \"m\" ? 4 : 2);\n    const pointTranslateX =\n      parseInt(theme.variables.size.dimension.toggle.width[size], 10) -\n      parseInt(theme.variables.size.dimension.togglePoint[size], 10) -\n      2 * pointMargin -\n      2;\n\n    return {\n      boxSizing: \"border-box\",\n      width: theme.variables.size.dimension.toggle.width[size],\n      height: theme.variables.size.dimension.toggle.height[size],\n      borderRadius: theme.variables.size.borderRadius.toggle[size],\n      display: \"flex\",\n      alignItems: \"center\",\n      transition: \"background-color 0.2s linear, border-color 0.2s linear\",\n      border: \"1px solid\",\n      borderColor: isHighlighted\n        ? theme.values.color.border.toggle.highlighted\n        : theme.values.color.border.toggle.default,\n      background: isHighlighted\n        ? theme.values.color.background.toggle.highlighted\n        : theme.values.color.background.toggle.default,\n      ...(size === \"s\" && {\n        marginTop: 2,\n      }),\n      \"input:checked + &\": {\n        border: \"1px solid\",\n        borderColor: theme.values.color.border.toggle.checked,\n        background: theme.values.color.background.toggle.checked,\n        [`${StyledFakeInputInner}`]: {\n          transform: `translateX(${pointTranslateX}px)`,\n        },\n        \"&:hover\": {\n          borderColor: theme.values.color.border.toggle.hover,\n        },\n      },\n      \"input:disabled + &\": {\n        pointerEvents: \"none\",\n      },\n      \"input:focus-visible + &\": {\n        outlineWidth: 2,\n        outlineStyle: \"solid\",\n        outlineColor: \"Highlight\",\n      },\n      \"@media (-webkit-min-device-pixel-ratio: 0)\": {\n        \"input:focus-visible + &\": {\n          outlineColor: \"-webkit-focus-ring-color\",\n          outlineStyle: \"auto\",\n        },\n      },\n      \"&:hover\": {\n        borderColor: theme.values.color.border.toggle.hover,\n      },\n    };\n  }\n);\n\nexport type ToggleProps = {\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  label?: string;\n  disabled?: boolean;\n  size?: ToggleSize;\n  isHighlighted?: boolean;\n  alignItems?: HorizontalAlignment;\n  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n  onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nexport function Toggle({\n  name,\n  value = \"\",\n  checked = undefined,\n  label = \"\",\n  disabled = false,\n  size = \"m\",\n  isHighlighted = false,\n  alignItems = \"left\",\n  onChange,\n  onClick,\n  onBlur,\n  onFocus,\n  \"data-e2e-test-id\": dataE2eTestId,\n  ...rest\n}: ToggleProps): React.ReactElement {\n  const spacing = size === \"s\" ? \"xs\" : \"m\";\n  const labelVariant = size === \"s\" ? \"tertiary\" : \"secondary\";\n  const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n  return (\n    <FormField data-e2e-test-id={dataE2eTestId} {...rest} disabled={disabled}>\n      <Inline alignItems={alignItems} space={spacing} vAlignItems=\"top\" noWrap>\n        {label && (\n          <Text size={size} variant={labelVariant} weight={labelWeight}>\n            {label}\n          </Text>\n        )}\n        <StyledContainer size={size} disabled={disabled}>\n          <StyledRealInput\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            checked={checked}\n            disabled={disabled}\n            onChange={onChange}\n            onClick={onClick}\n            onBlur={onBlur}\n            onFocus={onFocus}\n          />\n          <StyledFakeInput size={size} isHighlighted={isHighlighted}>\n            <StyledFakeInputInner size={size} />\n          </StyledFakeInput>\n        </StyledContainer>\n      </Inline>\n    </FormField>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","disabled","display","position","width","variables","dimension","toggle","height","togglePoint","boxSizing","cursor","StyledRealInput","opacity","StyledFakeInputInner","_ref2","margin","parseInt","borderRadius","transform","transition","background","values","color","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlighted","marginTop","checked","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","_ref4","name","value","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelVariant","labelWeight","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","variant","weight","type"],"mappings":"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"}

package/build/esm/src/components/Form/ToggleButton/ToggleButton.js

@@ -0,0 +1,135 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { FormField } from '../FormField/FormField.js';
+import { Inline } from '../../Inline/Inline.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz3"
+} : {
+  target: "e1yzh3fz3",
+  label: "StyledContainer"
+})(() => ({
+  display: "inline-block"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0SG92ZXIsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlQnV0dG9uLmFjdGl2ZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTdWJMYWJlbCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5sYWJlbERlZmF1bHQsXG4gIFwiaW5wdXQ6Y2hlY2tlZCArIGRpdiAmXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudG9nZ2xlQnV0dG9uLmxhYmVsQWN0aXZlLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlQnV0dG9uKHtcbiAgbGFiZWwsXG4gIHN1YkxhYmVsLFxuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledRealInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz2"
+} : {
+  target: "e1yzh3fz2",
+  label: "StyledRealInput"
+})(() => ({
+  opacity: 0,
+  cursor: "pointer",
+  height: 0,
+  width: 0,
+  position: "absolute"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0SG92ZXIsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlQnV0dG9uLmFjdGl2ZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTdWJMYWJlbCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5sYWJlbERlZmF1bHQsXG4gIFwiaW5wdXQ6Y2hlY2tlZCArIGRpdiAmXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudG9nZ2xlQnV0dG9uLmxhYmVsQWN0aXZlLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlQnV0dG9uKHtcbiAgbGFiZWwsXG4gIHN1YkxhYmVsLFxuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledFakeInput = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz1"
+} : {
+  target: "e1yzh3fz1",
+  label: "StyledFakeInput"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    boxSizing: "border-box",
+    borderRadius: theme.variables.size.borderRadius.toggleButton.m,
+    border: "2px solid",
+    height: theme.variables.size.dimension.toggleButton.height.m,
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontSize: theme.variables.size.font.toggleButton.m,
+    fontWeight: theme.variables.weight.bold,
+    lineHeight: theme.variables.size.lineHeight.toggleButton.m,
+    background: theme.values.color.background.toggleButton.default,
+    borderColor: theme.values.color.border.toggleButton.default,
+    color: theme.values.color.text.toggleButton.default,
+    "input: focus-visible + &": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: "Highlight"
+    },
+    "@media (-webkit-min-device-pixel-ratio:0)": {
+      "input: focus-visible + &": {
+        outlineColor: "-webkit-focus-ring-color",
+        outlineStyle: "auto"
+      }
+    },
+    "&:hover": {
+      borderColor: theme.values.color.border.toggleButton.defaultHover
+    },
+    "input:checked + &": {
+      borderColor: theme.values.color.border.toggleButton.active,
+      color: theme.values.color.text.toggleButton.active,
+      background: theme.values.color.background.toggleButton.active,
+      "&:hover": {
+        borderColor: theme.values.color.border.toggleButton.activeHover,
+        background: theme.values.color.background.toggleButton.activeHover
+      }
+    },
+    "input:disabled + &": {
+      pointerEvents: "none"
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N3QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0SG92ZXIsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlQnV0dG9uLmFjdGl2ZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTdWJMYWJlbCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5sYWJlbERlZmF1bHQsXG4gIFwiaW5wdXQ6Y2hlY2tlZCArIGRpdiAmXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudG9nZ2xlQnV0dG9uLmxhYmVsQWN0aXZlLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlQnV0dG9uKHtcbiAgbGFiZWwsXG4gIHN1YkxhYmVsLFxuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+const StyledSubLabel = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yzh3fz0"
+} : {
+  target: "e1yzh3fz0",
+  label: "StyledSubLabel"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    color: theme.values.color.text.toggleButton.labelDefault,
+    "input:checked + div &": {
+      color: theme.values.color.text.toggleButton.labelActive
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZ1QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uZGVmYXVsdCxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5kZWZhdWx0LFxuXG4gIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICBvdXRsaW5lV2lkdGg6IFwiMnB4XCIsXG4gICAgb3V0bGluZVN0eWxlOiBcInNvbGlkXCIsXG4gICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICB9LFxuXG4gIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86MClcIjoge1xuICAgIFwiaW5wdXQ6IGZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgIG91dGxpbmVDb2xvcjogXCItd2Via2l0LWZvY3VzLXJpbmctY29sb3JcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgfSxcbiAgfSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5kZWZhdWx0SG92ZXIsXG4gIH0sXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5hY3RpdmUsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudG9nZ2xlQnV0dG9uLmFjdGl2ZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50b2dnbGVCdXR0b24uYWN0aXZlSG92ZXIsXG4gICAgfSxcbiAgfSxcbiAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTdWJMYWJlbCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRvZ2dsZUJ1dHRvbi5sYWJlbERlZmF1bHQsXG4gIFwiaW5wdXQ6Y2hlY2tlZCArIGRpdiAmXCI6IHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudG9nZ2xlQnV0dG9uLmxhYmVsQWN0aXZlLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gVG9nZ2xlQnV0dG9uKHtcbiAgbGFiZWwsXG4gIHN1YkxhYmVsLFxuICBuYW1lLFxuICB2YWx1ZSA9IFwiXCIsXG4gIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNsaWNrLFxuICBvbkJsdXIsXG4gIG9uRm9jdXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBUb2dnbGVCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuIl19 */");
+function ToggleButton(_ref3) {
+  let {
+    label,
+    subLabel,
+    name,
+    value = "",
+    checked = undefined,
+    disabled = false,
+    onChange,
+    onClick,
+    onBlur,
+    onFocus,
+    "data-e2e-test-id": dataE2eTestId,
+    ...rest
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    type: "checkbox",
+    name: name,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    onChange: onChange,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus
+  }), /*#__PURE__*/React.createElement(StyledFakeInput, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "xxs",
+    noWrap: true
+  }, label, subLabel && /*#__PURE__*/React.createElement(StyledSubLabel, null, subLabel)))));
+}
+
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.js.map