@amboss/design-system 1.15.2 → 1.15.4

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.primary.default,\n    borderColor: hasError\n      ? theme.values.color.border.error.default\n      : theme.values.color.border.primary.default,\n    backgroundColor: theme.values.color.background.primary.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 const Textarea = React.forwardRef(\n  (\n    {\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,\n    ref: React.RefObject<HTMLTextAreaElement>\n  ): React.ReactElement => (\n    <FormField data-ds-id=\"Textarea\" {...(rest as FormFieldProps)}>\n      <StyledContainer>\n        <StyledTextarea\n          ref={ref}\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","primary","default","borderColor","error","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","React","forwardRef","_ref2","ref","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","createElement","FormField","_extends","disabled","defaultValue"],"mappings":"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"}

package/build/esm/src/components/Form/Toggle/Toggle.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { InlineProps } from "../../Inline/Inline";
+import { ToggleSize } from "../../../types";
+export declare type ToggleProps = {
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    label?: string;
+    disabled?: boolean;
+    size?: ToggleSize;
+    isHighlighted?: boolean;
+    alignItems?: InlineProps["alignItems"];
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint">;
+export declare const Toggle: React.ForwardRefExoticComponent<{
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    label?: string;
+    disabled?: boolean;
+    size?: ToggleSize;
+    isHighlighted?: boolean;
+    alignItems?: InlineProps["alignItems"];
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,173 @@
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3dCIiwiZmlsZSI6IlRvZ2dsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybUZpZWxkLCBGb3JtRmllbGRQcm9wcyB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgeyBJbmxpbmUsIElubGluZVByb3BzIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRvZ2dsZVNpemUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/IFwiZGVmYXVsdFwiIDogXCJwb2ludGVyXCIsXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVQcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dElubmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBtYXJnaW46XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMiksXG4gICAgYm9yZGVyUmFkaXVzOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLyAyLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDApXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycyBsaW5lYXJcIixcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5vbkFjY2VudC5kZWZhdWx0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPFRvZ2dsZVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCBpc0hpZ2hsaWdodGVkIH0pID0+IHtcbiAgICBjb25zdCBwb2ludE1hcmdpbiA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAvXG4gICAgICAoc2l6ZSA9PT0gXCJtXCIgPyA0IDogMik7XG4gICAgY29uc3QgcG9pbnRUcmFuc2xhdGVYID1cbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sIDEwKSAtXG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sIDEwKSAtXG4gICAgICAyICogcG9pbnRNYXJnaW4gLVxuICAgICAgMjtcblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUud2lkdGhbc2l6ZV0sXG4gICAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGUuaGVpZ2h0W3NpemVdLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlW3NpemVdLFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMnMgbGluZWFyLCBib3JkZXItY29sb3IgMC4ycyBsaW5lYXJcIixcbiAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgIGJvcmRlckNvbG9yOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5ib3JkZXIuaGlnaGxpZ2h0XG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kOiBpc0hpZ2hsaWdodGVkXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRvZ2dsZS5iYWNrZ3JvdW5kLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgLi4uKHNpemUgPT09IFwic1wiICYmIHtcbiAgICAgICAgbWFyZ2luVG9wOiAyLFxuICAgICAgfSksXG4gICAgICBcImlucHV0OmNoZWNrZWQgKyAmXCI6IHtcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBbYCR7U3R5bGVkRmFrZUlucHV0SW5uZXJ9YF06IHtcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7cG9pbnRUcmFuc2xhdGVYfXB4KWAsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmRpc2FibGVkICsgJlwiOiB7XG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICAgIFwiaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgICBvdXRsaW5lV2lkdGg6IDIsXG4gICAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gICAgICB9LFxuICAgICAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMClcIjoge1xuICAgICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgICBvdXRsaW5lQ29sb3I6IFwiLXdlYmtpdC1mb2N1cy1yaW5nLWNvbG9yXCIsXG4gICAgICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgdHlwZSBUb2dnbGVQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZT86IHN0cmluZztcbiAgY2hlY2tlZD86IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNpemU/OiBUb2dnbGVTaXplO1xuICBpc0hpZ2hsaWdodGVkPzogYm9vbGVhbjtcbiAgYWxpZ25JdGVtcz86IElubGluZVByb3BzW1wiYWxpZ25JdGVtc1wiXTtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxGb3JtRmllbGRQcm9wcywgXCJsYWJlbEhpbnRcIj47XG5cbmV4cG9ydCBjb25zdCBUb2dnbGUgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbmFtZSxcbiAgICAgIHZhbHVlID0gXCJcIixcbiAgICAgIGNoZWNrZWQgPSB1bmRlZmluZWQsXG4gICAgICBsYWJlbCA9IFwiXCIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgc2l6ZSA9IFwibVwiLFxuICAgICAgaXNIaWdobGlnaHRlZCA9IGZhbHNlLFxuICAgICAgYWxpZ25JdGVtcyA9IFwibGVmdFwiLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFRvZ2dsZVByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3Qgc3BhY2luZyA9IHNpemUgPT09IFwic1wiID8gXCJ4c1wiIDogXCJtXCI7XG4gICAgY29uc3QgbGFiZWxDb2xvciA9IHNpemUgPT09IFwic1wiID8gXCJ0ZXJ0aWFyeVwiIDogXCJwcmltYXJ5XCI7XG4gICAgY29uc3QgbGFiZWxXZWlnaHQgPSBzaXplID09PSBcInNcIiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICAgIHJldHVybiAoXG4gICAgICA8Rm9ybUZpZWxkXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJUb2dnbGVcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lXG4gICAgICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgICAgICBzcGFjZT17c3BhY2luZ31cbiAgICAgICAgICB2QWxpZ25JdGVtcz1cInRvcFwiXG4gICAgICAgICAgbm9XcmFwXG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHQgc2l6ZT17c2l6ZX0gY29sb3I9e2xhYmVsQ29sb3J9IHdlaWdodD17bGFiZWxXZWlnaHR9PlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8U3R5bGVkQ29udGFpbmVyIHNpemU9e3NpemV9IGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgICAgICA8U3R5bGVkUmVhbElucHV0XG4gICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8U3R5bGVkRmFrZUlucHV0IHNpemU9e3NpemV9IGlzSGlnaGxpZ2h0ZWQ9e2lzSGlnaGxpZ2h0ZWR9PlxuICAgICAgICAgICAgICA8U3R5bGVkRmFrZUlucHV0SW5uZXIgc2l6ZT17c2l6ZX0gLz5cbiAgICAgICAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvRm9ybUZpZWxkPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0J3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lLCBJbmxpbmVQcm9wcyB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBUb2dnbGVTaXplIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgZGlzYWJsZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogZGlzYWJsZWQgPyBcImRlZmF1bHRcIiA6IFwicG9pbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkUmVhbElucHV0ID0gc3R5bGVkLmlucHV0PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PigoKSA9PiAoe1xuICBvcGFjaXR5OiAwLFxuICBoZWlnaHQ6IDAsXG4gIHdpZHRoOiAwLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXRJbm5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgbWFyZ2luOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpLFxuICAgIGJvcmRlclJhZGl1czpcbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC8gMixcbiAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwKVwiLFxuICAgIHRyYW5zaXRpb246IFwidHJhbnNmb3JtIDAuMnMgbGluZWFyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQub25BY2NlbnQuZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgaXNIaWdobGlnaHRlZCB9KSA9PiB7XG4gICAgY29uc3QgcG9pbnRNYXJnaW4gPVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpO1xuICAgIGNvbnN0IHBvaW50VHJhbnNsYXRlWCA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLCAxMCkgLVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLVxuICAgICAgMiAqIHBvaW50TWFyZ2luIC1cbiAgICAgIDI7XG5cbiAgICByZXR1cm4ge1xuICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLmhlaWdodFtzaXplXSxcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnRvZ2dsZVtzaXplXSxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjJzIGxpbmVhciwgYm9yZGVyLWNvbG9yIDAuMnMgbGluZWFyXCIsXG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYm9yZGVyLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYmFja2dyb3VuZC5oaWdobGlnaHRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIG1hcmdpblRvcDogMixcbiAgICAgIH0pLFxuICAgICAgXCJpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgW2Ake1N0eWxlZEZha2VJbnB1dElubmVyfWBdOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3BvaW50VHJhbnNsYXRlWH1weClgLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaXplPzogVG9nZ2xlU2l6ZTtcbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIGFsaWduSXRlbXM/OiBJbmxpbmVQcm9wc1tcImFsaWduSXRlbXNcIl07XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgY29uc3QgVG9nZ2xlID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgbGFiZWwgPSBcIlwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgICAgIGFsaWduSXRlbXMgPSBcImxlZnRcIixcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICAgIGNvbnN0IGxhYmVsQ29sb3IgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwiO1xuICAgIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgID5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICAgICAgc3BhY2U9e3NwYWNpbmd9XG4gICAgICAgICAgdkFsaWduSXRlbXM9XCJ0b3BcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lciBzaXplPXtzaXplfSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dElubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0Zvcm1GaWVsZD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+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.onAccent.default
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI2QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lLCBJbmxpbmVQcm9wcyB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBUb2dnbGVTaXplIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgZGlzYWJsZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogZGlzYWJsZWQgPyBcImRlZmF1bHRcIiA6IFwicG9pbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkUmVhbElucHV0ID0gc3R5bGVkLmlucHV0PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PigoKSA9PiAoe1xuICBvcGFjaXR5OiAwLFxuICBoZWlnaHQ6IDAsXG4gIHdpZHRoOiAwLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXRJbm5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgbWFyZ2luOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpLFxuICAgIGJvcmRlclJhZGl1czpcbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC8gMixcbiAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwKVwiLFxuICAgIHRyYW5zaXRpb246IFwidHJhbnNmb3JtIDAuMnMgbGluZWFyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQub25BY2NlbnQuZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgaXNIaWdobGlnaHRlZCB9KSA9PiB7XG4gICAgY29uc3QgcG9pbnRNYXJnaW4gPVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpO1xuICAgIGNvbnN0IHBvaW50VHJhbnNsYXRlWCA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLCAxMCkgLVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLVxuICAgICAgMiAqIHBvaW50TWFyZ2luIC1cbiAgICAgIDI7XG5cbiAgICByZXR1cm4ge1xuICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLmhlaWdodFtzaXplXSxcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnRvZ2dsZVtzaXplXSxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjJzIGxpbmVhciwgYm9yZGVyLWNvbG9yIDAuMnMgbGluZWFyXCIsXG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYm9yZGVyLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYmFja2dyb3VuZC5oaWdobGlnaHRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIG1hcmdpblRvcDogMixcbiAgICAgIH0pLFxuICAgICAgXCJpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgW2Ake1N0eWxlZEZha2VJbnB1dElubmVyfWBdOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3BvaW50VHJhbnNsYXRlWH1weClgLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaXplPzogVG9nZ2xlU2l6ZTtcbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIGFsaWduSXRlbXM/OiBJbmxpbmVQcm9wc1tcImFsaWduSXRlbXNcIl07XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgY29uc3QgVG9nZ2xlID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgbGFiZWwgPSBcIlwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgICAgIGFsaWduSXRlbXMgPSBcImxlZnRcIixcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICAgIGNvbnN0IGxhYmVsQ29sb3IgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwiO1xuICAgIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgID5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICAgICAgc3BhY2U9e3NwYWNpbmd9XG4gICAgICAgICAgdkFsaWduSXRlbXM9XCJ0b3BcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lciBzaXplPXtzaXplfSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dElubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0Zvcm1GaWVsZD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+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.toggle.border.highlight : theme.values.color.border.primary.default,
+    background: isHighlighted ? theme.values.color.toggle.background.highlight : theme.values.color.border.primary.default,
+    ...(size === "s" && {
+      marginTop: 2
+    }),
+    "input:checked + &": {
+      border: "1px solid",
+      borderColor: theme.values.color.background.accent.default,
+      background: theme.values.color.background.accent.default,
+      [`${StyledFakeInputInner}`]: {
+        transform: `translateX(${pointTranslateX}px)`
+      },
+      "&:hover": {
+        borderColor: theme.values.color.background.accent.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.background.accent.hover
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEN3QiIsImZpbGUiOiJUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lLCBJbmxpbmVQcm9wcyB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBUb2dnbGVTaXplIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgZGlzYWJsZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB3aWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZS53aWR0aFtzaXplXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGN1cnNvcjogZGlzYWJsZWQgPyBcImRlZmF1bHRcIiA6IFwicG9pbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkUmVhbElucHV0ID0gc3R5bGVkLmlucHV0PFBhcnRpYWw8VG9nZ2xlUHJvcHM+PigoKSA9PiAoe1xuICBvcGFjaXR5OiAwLFxuICBoZWlnaHQ6IDAsXG4gIHdpZHRoOiAwLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXRJbm5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlUG9pbnRbc2l6ZV0sXG4gICAgbWFyZ2luOlxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpLFxuICAgIGJvcmRlclJhZGl1czpcbiAgICAgIHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi50b2dnbGVQb2ludFtzaXplXSwgMTApIC8gMixcbiAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwKVwiLFxuICAgIHRyYW5zaXRpb246IFwidHJhbnNmb3JtIDAuMnMgbGluZWFyXCIsXG4gICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQub25BY2NlbnQuZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXY8UGFydGlhbDxUb2dnbGVQcm9wcz4+KFxuICAoeyB0aGVtZSwgc2l6ZSwgaXNIaWdobGlnaHRlZCB9KSA9PiB7XG4gICAgY29uc3QgcG9pbnRNYXJnaW4gPVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgL1xuICAgICAgKHNpemUgPT09IFwibVwiID8gNCA6IDIpO1xuICAgIGNvbnN0IHBvaW50VHJhbnNsYXRlWCA9XG4gICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLCAxMCkgLVxuICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLnRvZ2dsZVBvaW50W3NpemVdLCAxMCkgLVxuICAgICAgMiAqIHBvaW50TWFyZ2luIC1cbiAgICAgIDI7XG5cbiAgICByZXR1cm4ge1xuICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLndpZHRoW3NpemVdLFxuICAgICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlLmhlaWdodFtzaXplXSxcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnRvZ2dsZVtzaXplXSxcbiAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjJzIGxpbmVhciwgYm9yZGVyLWNvbG9yIDAuMnMgbGluZWFyXCIsXG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYm9yZGVyLmhpZ2hsaWdodFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZDogaXNIaWdobGlnaHRlZFxuICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci50b2dnbGUuYmFja2dyb3VuZC5oaWdobGlnaHRcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICAgIG1hcmdpblRvcDogMixcbiAgICAgIH0pLFxuICAgICAgXCJpbnB1dDpjaGVja2VkICsgJlwiOiB7XG4gICAgICAgIGJvcmRlcjogXCIxcHggc29saWRcIixcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgW2Ake1N0eWxlZEZha2VJbnB1dElubmVyfWBdOiB7XG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgke3BvaW50VHJhbnNsYXRlWH1weClgLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCJpbnB1dDpkaXNhYmxlZCArICZcIjoge1xuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBcImlucHV0OmZvY3VzLXZpc2libGUgKyAmXCI6IHtcbiAgICAgICAgb3V0bGluZVdpZHRoOiAyLFxuICAgICAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICAgICAgb3V0bGluZUNvbG9yOiBcIkhpZ2hsaWdodFwiLFxuICAgICAgfSxcbiAgICAgIFwiQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApXCI6IHtcbiAgICAgICAgXCJpbnB1dDpmb2N1cy12aXNpYmxlICsgJlwiOiB7XG4gICAgICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgICAgIG91dGxpbmVTdHlsZTogXCJhdXRvXCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGNoZWNrZWQ/OiBib29sZWFuIHwgdW5kZWZpbmVkO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBzaXplPzogVG9nZ2xlU2l6ZTtcbiAgaXNIaWdobGlnaHRlZD86IGJvb2xlYW47XG4gIGFsaWduSXRlbXM/OiBJbmxpbmVQcm9wc1tcImFsaWduSXRlbXNcIl07XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8Rm9ybUZpZWxkUHJvcHMsIFwibGFiZWxIaW50XCI+O1xuXG5leHBvcnQgY29uc3QgVG9nZ2xlID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgbGFiZWwgPSBcIlwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIGlzSGlnaGxpZ2h0ZWQgPSBmYWxzZSxcbiAgICAgIGFsaWduSXRlbXMgPSBcImxlZnRcIixcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IHNwYWNpbmcgPSBzaXplID09PSBcInNcIiA/IFwieHNcIiA6IFwibVwiO1xuICAgIGNvbnN0IGxhYmVsQ29sb3IgPSBzaXplID09PSBcInNcIiA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwiO1xuICAgIGNvbnN0IGxhYmVsV2VpZ2h0ID0gc2l6ZSA9PT0gXCJzXCIgPyBcImJvbGRcIiA6IFwibm9ybWFsXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEZvcm1GaWVsZFxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgID5cbiAgICAgICAgPElubGluZVxuICAgICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICAgICAgc3BhY2U9e3NwYWNpbmd9XG4gICAgICAgICAgdkFsaWduSXRlbXM9XCJ0b3BcIlxuICAgICAgICAgIG5vV3JhcFxuICAgICAgICA+XG4gICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9e3NpemV9IGNvbG9yPXtsYWJlbENvbG9yfSB3ZWlnaHQ9e2xhYmVsV2VpZ2h0fT5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lciBzaXplPXtzaXplfSBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgICAgICAgPFN0eWxlZFJlYWxJbnB1dFxuICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dCBzaXplPXtzaXplfSBpc0hpZ2hsaWdodGVkPXtpc0hpZ2hsaWdodGVkfT5cbiAgICAgICAgICAgICAgPFN0eWxlZEZha2VJbnB1dElubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0Zvcm1GaWVsZD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const Toggle = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
+  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 labelColor = size === "s" ? "tertiary" : "primary";
+  const labelWeight = size === "s" ? "bold" : "normal";
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Toggle"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(Inline, {
+    alignItems: alignItems,
+    space: spacing,
+    vAlignItems: "top",
+    noWrap: true
+  }, label && /*#__PURE__*/React.createElement(Text, {
+    size: size,
+    color: labelColor,
+    weight: labelWeight
+  }, label), /*#__PURE__*/React.createElement(StyledContainer, {
+    size: size,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    ref: ref,
+    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, InlineProps } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize } 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.onAccent.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.toggle.border.highlight\n        : theme.values.color.border.primary.default,\n      background: isHighlighted\n        ? theme.values.color.toggle.background.highlight\n        : theme.values.color.border.primary.default,\n      ...(size === \"s\" && {\n        marginTop: 2,\n      }),\n      \"input:checked + &\": {\n        border: \"1px solid\",\n        borderColor: theme.values.color.background.accent.default,\n        background: theme.values.color.background.accent.default,\n        [`${StyledFakeInputInner}`]: {\n          transform: `translateX(${pointTranslateX}px)`,\n        },\n        \"&:hover\": {\n          borderColor: theme.values.color.background.accent.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.background.accent.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?: InlineProps[\"alignItems\"];\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 const Toggle = React.forwardRef(\n  (\n    {\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,\n    ref: React.RefObject<HTMLInputElement>\n  ): React.ReactElement => {\n    const spacing = size === \"s\" ? \"xs\" : \"m\";\n    const labelColor = size === \"s\" ? \"tertiary\" : \"primary\";\n    const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n    return (\n      <FormField\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"Toggle\"\n        {...rest}\n        disabled={disabled}\n      >\n        <Inline\n          alignItems={alignItems}\n          space={spacing}\n          vAlignItems=\"top\"\n          noWrap\n        >\n          {label && (\n            <Text size={size} color={labelColor} weight={labelWeight}>\n              {label}\n            </Text>\n          )}\n          <StyledContainer size={size} disabled={disabled}>\n            <StyledRealInput\n              ref={ref}\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);\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","onAccent","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlight","primary","marginTop","accent","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","React","forwardRef","_ref4","ref","name","value","checked","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelColor","labelWeight","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","weight","type"],"mappings":"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"}

package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+export declare type ToggleButtonProps = {
+    label: string;
+    subLabel?: string;
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint">;
+export declare const ToggleButton: React.ForwardRefExoticComponent<{
+    label: string;
+    subLabel?: string;
+    name: string;
+    value?: string;
+    checked?: boolean | undefined;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+} & Omit<FormFieldProps, "labelHint"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,137 @@
+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+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbGFiZWwsXG4gICAgICBzdWJMYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVCdXR0b25Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlQnV0dG9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApXG4pO1xuIl19 */");
+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+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbGFiZWwsXG4gICAgICBzdWJMYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVCdXR0b25Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlQnV0dG9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApXG4pO1xuIl19 */");
+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: "transparent",
+    borderColor: theme.values.color.border.secondary.default,
+    color: theme.values.color.text.secondary.default,
+    "&:hover": {
+      borderColor: theme.values.color.border.primary.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"
+      }
+    },
+    "input:checked + &": {
+      borderColor: theme.values.color.background.highlight.default,
+      background: theme.values.color.background.highlight.default,
+      color: theme.values.color.text.onAccent.default,
+      "&:hover": {
+        borderColor: theme.values.color.background.highlight.hover,
+        background: theme.values.color.background.highlight.hover
+      }
+    },
+    "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+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbGFiZWwsXG4gICAgICBzdWJMYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVCdXR0b25Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlQnV0dG9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApXG4pO1xuIl19 */");
+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.tertiary.default,
+    "input:checked + div &": {
+      color: theme.values.color.text.onAccent.default
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZ1QiIsImZpbGUiOiJUb2dnbGVCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uLy4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgVG9nZ2xlQnV0dG9uUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YkxhYmVsPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBjaGVja2VkPzogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PEZvcm1GaWVsZFByb3BzLCBcImxhYmVsSGludFwiPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRSZWFsSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UGFydGlhbDxUb2dnbGVCdXR0b25Qcm9wcz4+KCgpID0+ICh7XG4gIG9wYWNpdHk6IDAsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogMCxcbiAgd2lkdGg6IDAsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEZha2VJbnB1dCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMudG9nZ2xlQnV0dG9uLm0sXG4gIGJvcmRlcjogXCIycHggc29saWRcIixcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24udG9nZ2xlQnV0dG9uLmhlaWdodC5tLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50b2dnbGVCdXR0b24ubSxcbiAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRvZ2dsZUJ1dHRvbi5tLFxuXG4gIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG4gIH0sXG5cbiAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgIG91dGxpbmVXaWR0aDogXCIycHhcIixcbiAgICBvdXRsaW5lU3R5bGU6IFwic29saWRcIixcbiAgICBvdXRsaW5lQ29sb3I6IFwiSGlnaGxpZ2h0XCIsXG4gIH0sXG5cbiAgXCJAbWVkaWEgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzowKVwiOiB7XG4gICAgXCJpbnB1dDogZm9jdXMtdmlzaWJsZSArICZcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIi13ZWJraXQtZm9jdXMtcmluZy1jb2xvclwiLFxuICAgICAgb3V0bGluZVN0eWxlOiBcImF1dG9cIixcbiAgICB9LFxuICB9LFxuXG4gIFwiaW5wdXQ6Y2hlY2tlZCArICZcIjoge1xuICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5oaWdobGlnaHQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuaGlnaGxpZ2h0LmhvdmVyLFxuICAgIH0sXG4gIH0sXG4gIFwiaW5wdXQ6ZGlzYWJsZWQgKyAmXCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkU3ViTGFiZWwgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuICBcImlucHV0OmNoZWNrZWQgKyBkaXYgJlwiOiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgbGFiZWwsXG4gICAgICBzdWJMYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSA9IFwiXCIsXG4gICAgICBjaGVja2VkID0gdW5kZWZpbmVkLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uRm9jdXMsXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBUb2dnbGVCdXR0b25Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAgIDxGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVG9nZ2xlQnV0dG9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWRSZWFsSW5wdXRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIC8+XG4gICAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtzdWJMYWJlbCAmJiA8U3R5bGVkU3ViTGFiZWw+e3N1YkxhYmVsfTwvU3R5bGVkU3ViTGFiZWw+fVxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZEZha2VJbnB1dD5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApXG4pO1xuIl19 */");
+const ToggleButton = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
+  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,
+    "data-ds-id": "ToggleButton"
+  }, rest, {
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(StyledRealInput, {
+    ref: ref,
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.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\";\n\nexport type ToggleButtonProps = {\n  label: string;\n  subLabel?: string;\n  name: string;\n  value?: string;\n  checked?: boolean | undefined;\n  disabled?: boolean;\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\nconst StyledContainer = styled.div(() => ({\n  display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n  opacity: 0,\n  cursor: \"pointer\",\n  height: 0,\n  width: 0,\n  position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n  boxSizing: \"border-box\",\n  borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n  border: \"2px solid\",\n  height: theme.variables.size.dimension.toggleButton.height.m,\n  cursor: \"pointer\",\n\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.toggleButton.m,\n  fontWeight: theme.variables.weight.bold,\n  lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n  background: \"transparent\",\n  borderColor: theme.values.color.border.secondary.default,\n  color: theme.values.color.text.secondary.default,\n  \"&:hover\": {\n    borderColor: theme.values.color.border.primary.default,\n  },\n\n  \"input: focus-visible + &\": {\n    outlineWidth: \"2px\",\n    outlineStyle: \"solid\",\n    outlineColor: \"Highlight\",\n  },\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\n  \"input:checked + &\": {\n    borderColor: theme.values.color.background.highlight.default,\n    background: theme.values.color.background.highlight.default,\n    color: theme.values.color.text.onAccent.default,\n\n    \"&:hover\": {\n      borderColor: theme.values.color.background.highlight.hover,\n      background: theme.values.color.background.highlight.hover,\n    },\n  },\n  \"input:disabled + &\": {\n    pointerEvents: \"none\",\n  },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n  color: theme.values.color.text.tertiary.default,\n  \"input:checked + div &\": {\n    color: theme.values.color.text.onAccent.default,\n  },\n}));\n\nexport const ToggleButton = React.forwardRef(\n  (\n    {\n      label,\n      subLabel,\n      name,\n      value = \"\",\n      checked = undefined,\n      disabled = false,\n      onChange,\n      onClick,\n      onBlur,\n      onFocus,\n      \"data-e2e-test-id\": dataE2eTestId,\n      ...rest\n    }: ToggleButtonProps,\n    ref: React.RefObject<HTMLInputElement>\n  ): React.ReactElement => (\n    <FormField\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"ToggleButton\"\n      {...rest}\n      disabled={disabled}\n    >\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledRealInput\n          ref={ref}\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>\n          <Inline space=\"xxs\" noWrap>\n            {label}\n            {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n          </Inline>\n        </StyledFakeInput>\n      </StyledContainer>\n    </FormField>\n  )\n);\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","borderColor","values","color","secondary","default","text","primary","outlineWidth","outlineStyle","outlineColor","highlight","onAccent","hover","pointerEvents","StyledSubLabel","_ref2","tertiary","ToggleButton","React","forwardRef","_ref3","ref","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":"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"}

package/build/esm/src/components/Icon/Icon.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { IconsVariations, IconsColors } from "../../types";
+import icons from "../../../build-tokens/assets/icons.json";
+import icons16 from "../../../build-tokens/assets/icons16.json";
+export declare type IconName = keyof typeof icons;
+export declare type IconName16 = keyof typeof icons16;
+export declare type IconProps = {
+    /** Icon name */
+    name: IconName;
+    /** set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover */
+    hoverable?: boolean | React.MutableRefObject<any>;
+    /** set to true to have an inline icon wrapped in a span instead of div */
+    inline?: boolean;
+    /** @deprecated variant, please use "color" prop instead */
+    variant?: IconsVariations;
+    /** Icon color can inherit parent style. */
+    color?: IconsColors;
+    size?: "s" | "m" | "l";
+    "data-e2e-test-id"?: string;
+    "data-testid"?: string;
+};
+export declare const Icon: ({ name, hoverable, inline, size, color, variant, "data-e2e-test-id": dataE2eTestId, "data-testid": dataTestId, }: IconProps) => React.ReactElement;