@flodesk/grain 10.17.4 → 10.19.0

package/es/components/checkbox.js

@@ -12,14 +12,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { getColor, getRadius, getSpace, getTransition } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { componentVars, FieldHint, FieldLabel } from '../foundational';
 import { types } from '../types';
-import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var size = 16;
 var checkHeight = size / 1.6;
@@ -27,15 +24,21 @@ var checkWidth = checkHeight / 1.8;
 var checkStroke = 1.5;
 var strokeSize = componentVars.strokeSize;
 
+var CheckboxBoxInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "erxmy1h1"
+} : {
+  target: "erxmy1h1",
+  label: "CheckboxBoxInput"
+})("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('disabledContent'), ";--backgroundColor:", getColor('disabledBackground'), ";--backgroundColorActive:", getColor('disabledBackground'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZEhpbnQsIEZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHNpemUgPSAxNjtcbmNvbnN0IGNoZWNrSGVpZ2h0ID0gc2l6ZSAvIDEuNjtcbmNvbnN0IGNoZWNrV2lkdGggPSBjaGVja0hlaWdodCAvIDEuODtcbmNvbnN0IGNoZWNrU3Ryb2tlID0gMS41O1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBDaGVja2JveEJveElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHtzaXplfXB4O1xuICB3aWR0aDogJHtzaXplfXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGhlaWdodDogJHtjaGVja0hlaWdodH1weDtcbiAgICB3aWR0aDogJHtjaGVja1dpZHRofXB4O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IC0ke2NoZWNrU3Ryb2tlfXB4IC0ke2NoZWNrU3Ryb2tlfXB4IDAgdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IENoZWNrYm94Qm94ID0gKHsgb25DaGFuZ2UgPSAoKSA9PiB7fSwgLi4ucHJvcHMgfSkgPT4gKFxuICA8Q2hlY2tib3hCb3hJbnB1dCB7Li4ucHJvcHN9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gdHlwZT1cImNoZWNrYm94XCIgLz5cbik7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGhhc1RleHQgfSkgPT5cbiAgICBoYXNUZXh0ICYmXG4gICAgYFxuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gICAgYH1cblxuICAuY2hlY2tib3hIaW50LCAuY2hlY2tib3hMYWJlbCB7XG4gICAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoeyBpc0Rpc2FibGVkLCBpc0NoZWNrZWQsIGxhYmVsLCBoaW50LCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBoYXNUZXh0PXtsYWJlbCB8fCBoaW50fSB7Li4ucHJvcHN9PlxuICAgICAgPENoZWNrYm94Qm94XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJjaGVja2JveExhYmVsXCI+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICApfVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJjaGVja2JveEhpbnRcIj57aGludH08L0ZpZWxkSGludD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3guTGFiZWwgPSBGaWVsZExhYmVsO1xuQ2hlY2tib3guQm94ID0gQ2hlY2tib3hCb3g7XG5cbkNoZWNrYm94LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDaGVja2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
+
 var CheckboxBox = function CheckboxBox(_ref) {
   var _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return ___EmotionJSX("input", _extends({}, props, {
+  return ___EmotionJSX(CheckboxBoxInput, _extends({}, props, {
     onChange: onChange,
-    type: "checkbox",
-    css: /*#__PURE__*/css("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('disabledContent'), ";--backgroundColor:", getColor('disabledBackground'), ";--backgroundColorActive:", getColor('disabledBackground'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CheckboxBox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZEhpbnQsIEZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IHNpemUgPSAxNjtcbmNvbnN0IGNoZWNrSGVpZ2h0ID0gc2l6ZSAvIDEuNjtcbmNvbnN0IGNoZWNrV2lkdGggPSBjaGVja0hlaWdodCAvIDEuODtcbmNvbnN0IGNoZWNrU3Ryb2tlID0gMS41O1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCBDaGVja2JveEJveCA9ICh7IG9uQ2hhbmdlID0gKCkgPT4ge30sIC4uLnByb3BzIH0pID0+IChcbiAgPGlucHV0XG4gICAgey4uLnByb3BzfVxuICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gICAgICAtLWJhY2tncm91bmRDb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNicpfTtcblxuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGhlaWdodDogJHtzaXplfXB4O1xuICAgICAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3IpO1xuICAgICAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgICAgICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Y2hlY2tlZCB7XG4gICAgICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgICAgfVxuXG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICBoZWlnaHQ6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgICAgIHdpZHRoOiAke2NoZWNrV2lkdGh9cHg7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IC0ke2NoZWNrU3Ryb2tlfXB4IC0ke2NoZWNrU3Ryb2tlfXB4IDAgdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuXG4gICAgICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuXG4gICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgICAgIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICBgfVxuICAvPlxuKTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcpfTtcbiAgICBgfVxuYDtcblxuY29uc3QgdGV4dFBvc2l0aW9uID0gY3NzYFxuICBncmlkLWNvbHVtbjogMiAvIDM7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoeyBpc0Rpc2FibGVkLCBpc0NoZWNrZWQsIGxhYmVsLCBoaW50LCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBoYXNUZXh0PXtsYWJlbCB8fCBoaW50fSB7Li4ucHJvcHN9PlxuICAgICAgPENoZWNrYm94Qm94XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjc3M9e3RleHRQb3NpdGlvbn0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICApfVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjc3M9e3RleHRQb3NpdGlvbn0+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbkNoZWNrYm94LkxhYmVsID0gRmllbGRMYWJlbDtcbkNoZWNrYm94LkJveCA9IENoZWNrYm94Qm94O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */")
+    type: "checkbox"
   }));
 };
 
@@ -47,17 +50,8 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 })(function (_ref2) {
   var hasText = _ref2.hasText;
   return hasText && "\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      width: fit-content;\n      column-gap: ".concat(getSpace('betweenFormControlAndLabel'), ";\n    ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgQ2hlY2tib3hCb3ggPSAoeyBvbkNoYW5nZSA9ICgpID0+IHt9LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxpbnB1dFxuICAgIHsuLi5wcm9wc31cbiAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICAgICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG5cbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgICAgIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gICAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2hvdmVyJyl9O1xuICAgICAgfVxuXG4gICAgICAmOmNoZWNrZWQge1xuICAgICAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAgIH1cblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgaGVpZ2h0OiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtjaGVja1dpZHRofXB4O1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cblxuICAgICAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cblxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgICAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgYH1cbiAgLz5cbik7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGhhc1RleHQgfSkgPT5cbiAgICBoYXNUZXh0ICYmXG4gICAgYFxuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gICAgYH1cbmA7XG5cbmNvbnN0IHRleHRQb3NpdGlvbiA9IGNzc2BcbiAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgIDxDaGVja2JveEJveFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY3NzPXt0ZXh0UG9zaXRpb259PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY3NzPXt0ZXh0UG9zaXRpb259PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5MYWJlbCA9IEZpZWxkTGFiZWw7XG5DaGVja2JveC5Cb3ggPSBDaGVja2JveEJveDtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
+}, " .checkboxHint,.checkboxLabel{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgQ2hlY2tib3hCb3hJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNicpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3IpO1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2hvdmVyJyl9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgd2lkdGg6ICR7Y2hlY2tXaWR0aH1weDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBDaGVja2JveEJveCA9ICh7IG9uQ2hhbmdlID0gKCkgPT4ge30sIC4uLnByb3BzIH0pID0+IChcbiAgPENoZWNrYm94Qm94SW5wdXQgey4uLnByb3BzfSBvbkNoYW5nZT17b25DaGFuZ2V9IHR5cGU9XCJjaGVja2JveFwiIC8+XG4pO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBoYXNUZXh0IH0pID0+XG4gICAgaGFzVGV4dCAmJlxuICAgIGBcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICAgIGB9XG5cbiAgLmNoZWNrYm94SGludCwgLmNoZWNrYm94TGFiZWwge1xuICAgIGdyaWQtY29sdW1uOiAyIC8gMztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgIDxDaGVja2JveEJveFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPVwiY2hlY2tib3hMYWJlbFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY2xhc3NOYW1lPVwiY2hlY2tib3hIaW50XCI+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbkNoZWNrYm94LkxhYmVsID0gRmllbGRMYWJlbDtcbkNoZWNrYm94LkJveCA9IENoZWNrYm94Qm94O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
 
-var textPosition = process.env.NODE_ENV === "production" ? {
-  name: "pyv407",
-  styles: "grid-column:2/3"
-} : {
-  name: "4vd2vv-textPosition",
-  styles: "grid-column:2/3;label:textPosition;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRndCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgQ2hlY2tib3hCb3ggPSAoeyBvbkNoYW5nZSA9ICgpID0+IHt9LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxpbnB1dFxuICAgIHsuLi5wcm9wc31cbiAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICAgICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG5cbiAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgICAgIHdpZHRoOiAke3NpemV9cHg7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgICAgIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gICAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2hvdmVyJyl9O1xuICAgICAgfVxuXG4gICAgICAmOmNoZWNrZWQge1xuICAgICAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAgIH1cblxuICAgICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgaGVpZ2h0OiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgICAgICB3aWR0aDogJHtjaGVja1dpZHRofXB4O1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cblxuICAgICAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cblxuICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgICAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgICAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgYH1cbiAgLz5cbik7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGhhc1RleHQgfSkgPT5cbiAgICBoYXNUZXh0ICYmXG4gICAgYFxuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gICAgYH1cbmA7XG5cbmNvbnN0IHRleHRQb3NpdGlvbiA9IGNzc2BcbiAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgIDxDaGVja2JveEJveFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY3NzPXt0ZXh0UG9zaXRpb259PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY3NzPXt0ZXh0UG9zaXRpb259PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5MYWJlbCA9IEZpZWxkTGFiZWw7XG5DaGVja2JveC5Cb3ggPSBDaGVja2JveEJveDtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
 export var Checkbox = function Checkbox(_ref3) {
   var isDisabled = _ref3.isDisabled,
       isChecked = _ref3.isChecked,
@@ -77,9 +71,9 @@ export var Checkbox = function Checkbox(_ref3) {
     onChange: onChange
   }), label && ___EmotionJSX(FieldLabel, {
     htmlFor: id,
-    css: textPosition
+    className: "checkboxLabel"
   }, label), hint && ___EmotionJSX(FieldHint, {
-    css: textPosition
+    className: "checkboxHint"
   }, hint));
 };
 Checkbox.Label = FieldLabel;

package/es/components/dropdown.js

@@ -1,69 +1,122 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.assign.js";
 import PropTypes from 'prop-types';
-import React, { Fragment } from 'react';
+import React, { Fragment, useEffect } from 'react';
 import { Menu } from '@headlessui/react';
 import { types } from '../types';
-import { MenuCard, MenuItem } from '../foundational';
-import { useMenuPosition } from '../foundational/menu';
+import { MenuCard, MenuItem, MenuCardTransition } from '../foundational';
+import { MenuItemDivider, useMenuPosition } from '../foundational/menu';
 import { FloatingPortal } from '@floating-ui/react-dom-interactions';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Dropdown = function Dropdown(_ref) {
-  var options = _ref.options,
-      _ref$menuPlacement = _ref.menuPlacement,
-      menuPlacement = _ref$menuPlacement === void 0 ? 'bottomStart' : _ref$menuPlacement,
-      _ref$menuWidth = _ref.menuWidth,
-      menuWidth = _ref$menuWidth === void 0 ? '192px' : _ref$menuWidth,
-      menuZIndex = _ref.menuZIndex,
-      trigger = _ref.trigger,
-      _ref$hasPortal = _ref.hasPortal,
-      hasPortal = _ref$hasPortal === void 0 ? true : _ref$hasPortal;
+
+var Root = function Root(_ref) {
+  var open = _ref.open,
+      onOpenChange = _ref.onOpenChange,
+      children = _ref.children;
+  useEffect(function () {
+    onOpenChange(open);
+  }, [open, onOpenChange]);
+  return children;
+};
+
+export var Dropdown = function Dropdown(_ref2) {
+  var options = _ref2.options,
+      _ref2$menuPlacement = _ref2.menuPlacement,
+      menuPlacement = _ref2$menuPlacement === void 0 ? 'bottomStart' : _ref2$menuPlacement,
+      _ref2$menuWidth = _ref2.menuWidth,
+      menuWidth = _ref2$menuWidth === void 0 ? '192px' : _ref2$menuWidth,
+      menuZIndex = _ref2.menuZIndex,
+      trigger = _ref2.trigger,
+      trigger2 = _ref2.trigger2,
+      _ref2$hasPortal = _ref2.hasPortal,
+      hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
+      _ref2$onOpenChange = _ref2.onOpenChange,
+      onOpenChange = _ref2$onOpenChange === void 0 ? function () {} : _ref2$onOpenChange;
 
   var _useMenuPosition = useMenuPosition({
     menuWidth: menuWidth,
     menuPlacement: menuPlacement
   }),
+      refs = _useMenuPosition.refs,
       reference = _useMenuPosition.reference,
       floating = _useMenuPosition.floating,
       floatingStyles = _useMenuPosition.floatingStyles;
 
+  var handleMenuItemClick = function handleMenuItemClick(option) {
+    return function () {
+      // reflow focus back to trigger after click
+      var domReference = refs.domReference;
+
+      if (domReference.current) {
+        var _domReference$current;
+
+        (_domReference$current = domReference.current) === null || _domReference$current === void 0 ? void 0 : _domReference$current.focus({
+          preventScroll: true
+        });
+      }
+
+      if (option.onClick) {
+        option.onClick();
+      }
+    };
+  };
+
   var ItemsRoot = hasPortal ? FloatingPortal : Fragment;
-  return ___EmotionJSX(Menu, null, function (_ref2) {
-    var open = _ref2.open;
-    return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Menu.Button, {
+  return ___EmotionJSX(Menu, null, function (_ref3) {
+    var open = _ref3.open,
+        close = _ref3.close;
+    return ___EmotionJSX(Root, {
+      open: open,
+      onOpenChange: onOpenChange
+    }, trigger && ___EmotionJSX(Menu.Button, {
       as: Fragment,
       ref: reference
-    }, trigger), ___EmotionJSX(ItemsRoot, null, ___EmotionJSX(Menu.Items, {
+    }, trigger), trigger2 && trigger2(reference), ___EmotionJSX(ItemsRoot, null, ___EmotionJSX(MenuCardTransition, null, ___EmotionJSX(Menu.Items, {
       static: true,
-      isOpen: open,
       className: "grn-context",
       ref: floating,
       as: MenuCard,
       placement: menuPlacement,
       zIndex: menuZIndex,
-      style: floatingStyles
+      style: floatingStyles,
+      isDisabled: !open
     }, options.map(function (option, index) {
+      if (option.type === 'divider') return ___EmotionJSX(MenuItemDivider, {
+        key: index
+      });
+      if (option.type === 'node') return ___EmotionJSX(Fragment, {
+        key: index
+      }, option.node({
+        requestClose: function requestClose() {
+          return close;
+        }
+      }));
       return ___EmotionJSX(Menu.Item, {
         key: index
-      }, function (_ref3) {
-        var active = _ref3.active;
-        return ___EmotionJSX(MenuItem, {
+      }, function (_ref4) {
+        var active = _ref4.active;
+        return ___EmotionJSX(MenuItem, _extends({
           icon: option.icon,
           isActive: active,
-          onClick: option.onClick,
+          onClick: handleMenuItemClick(option),
           variant: option.variant,
-          hasDivider: option.hasDivider,
           hasEllipsis: true,
           checkVariant: "none"
-        }, option.content);
+        }, option), option.content);
       });
-    }))));
+    })))));
   });
 };
+Dropdown.Trigger = Menu.Button;
 Dropdown.propTypes = {
-  trigger: PropTypes.node.isRequired,
+  trigger: PropTypes.node,
+  trigger2: PropTypes.func,
   options: PropTypes.array.isRequired,
   menuPlacement: types.menuPlacement,
   menuWidth: types.dimension,
   menuZIndex: types.zIndex,
-  hasPortal: PropTypes.bool
+  hasPortal: PropTypes.bool,
+  onOpenChange: PropTypes.func
 };

package/es/components/flex.js

@@ -1,40 +1,25 @@
-import "core-js/modules/es.object.assign.js";
+import _styled from "@emotion/styled/base";
+var _excluded = ["direction", "wrap", "justifyContent", "alignItems", "alignContent", "gap", "columnGap", "rowGap", "children"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.assign.js";
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { types } from '../types';
-import { css } from '@emotion/react';
-import { getResponsiveDimension, getResponsiveOneOf, getResponsiveSpace } from '../utilities';
+import { getResponsiveOneOf, getResponsiveSpace } from '../utilities';
+import { Box } from './box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Flex = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'row' : _ref$direction,
-      _ref$wrap = _ref.wrap,
-      wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
-      _ref$justifyContent = _ref.justifyContent,
-      justifyContent = _ref$justifyContent === void 0 ? 'start' : _ref$justifyContent,
-      _ref$alignItems = _ref.alignItems,
-      alignItems = _ref$alignItems === void 0 ? 'start' : _ref$alignItems,
-      _ref$alignContent = _ref.alignContent,
-      alignContent = _ref$alignContent === void 0 ? 'start' : _ref$alignContent,
-      gap = _ref.gap,
-      columnGap = _ref.columnGap,
-      rowGap = _ref.rowGap,
-      width = _ref.width,
-      height = _ref.height,
-      _ref$tag = _ref.tag,
-      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
-      children = _ref.children,
-      props = _ref.props;
-  var Tag = tag;
-  return ___EmotionJSX(Tag, _extends({
-    css: /*#__PURE__*/css("display:flex;", getResponsiveOneOf('flex-direction', direction), ";", getResponsiveOneOf('flex-wrap', wrap), ";", getResponsiveOneOf('justify-content', justifyContent), ";", getResponsiveOneOf('align-items', alignItems), ";", getResponsiveOneOf('align-content', alignContent), ";", getResponsiveSpace('gap', gap), ";", getResponsiveSpace('column-gap', columnGap), ";", getResponsiveSpace('row-gap', rowGap), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Flex;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvZmxleC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFJlc3BvbnNpdmVEaW1lbnNpb24sIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IEZsZXggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGlyZWN0aW9uID0gJ3JvdycsXG4gICAgICB3cmFwID0gJ3dyYXAnLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25JdGVtcyA9ICdzdGFydCcsXG4gICAgICBhbGlnbkNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgZ2FwLFxuICAgICAgY29sdW1uR2FwLFxuICAgICAgcm93R2FwLFxuICAgICAgd2lkdGgsXG4gICAgICBoZWlnaHQsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcHJvcHMsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFRhZyA9IHRhZztcbiAgICByZXR1cm4gKFxuICAgICAgPFRhZ1xuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LWRpcmVjdGlvbicsIGRpcmVjdGlvbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LXdyYXAnLCB3cmFwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1jb250ZW50JywgYWxpZ25Db250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2dhcCcsIGdhcCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdjb2x1bW4tZ2FwJywgY29sdW1uR2FwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3Jvdy1nYXAnLCByb3dHYXApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ2hlaWdodCcsIGhlaWdodCl9O1xuICAgICAgICBgfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZz5cbiAgICApO1xuICB9LFxuKTtcblxuRmxleC5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogdHlwZXMuZmxleERpcmVjdGlvbixcbiAgd3JhcDogdHlwZXMuZmxleFdyYXAsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5mbGV4SnVzdGlmeUNvbnRlbnQsXG4gIGFsaWduSXRlbXM6IHR5cGVzLmZsZXhBbGlnbkl0ZW1zLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmZsZXhBbGlnbkNvbnRlbnQsXG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5HYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcm93R2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"),
-    ref: ref
-  }, props), children);
-});
-Flex.propTypes = {
+var flexProps = {
   direction: types.flexDirection,
   wrap: types.flexWrap,
   justifyContent: types.flexJustifyContent,
@@ -42,8 +27,59 @@ Flex.propTypes = {
   alignContent: types.flexAlignContent,
   gap: types.responsiveSpace,
   columnGap: types.responsiveSpace,
-  rowGap: types.responsiveSpace,
-  width: types.responsiveDimension,
-  height: types.responsiveDimension,
-  tag: PropTypes.string
-};
+  rowGap: types.responsiveSpace
+};
+
+var Root = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !Object.keys(flexProps).includes(prop);
+  },
+  target: "e1kdx4dg0"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !Object.keys(flexProps).includes(prop);
+  },
+  target: "e1kdx4dg0",
+  label: "Root"
+})("display:flex;", function (_ref) {
+  var direction = _ref.direction,
+      wrap = _ref.wrap,
+      justifyContent = _ref.justifyContent,
+      alignItems = _ref.alignItems,
+      alignContent = _ref.alignContent,
+      gap = _ref.gap,
+      columnGap = _ref.columnGap,
+      rowGap = _ref.rowGap;
+  return "\n    ".concat(getResponsiveOneOf('flex-direction', direction), ";\n    ").concat(getResponsiveOneOf('flex-wrap', wrap), ";\n    ").concat(getResponsiveOneOf('justify-content', justifyContent), ";\n    ").concat(getResponsiveOneOf('align-items', alignItems), ";\n    ").concat(getResponsiveOneOf('align-content', alignContent), ";\n    ").concat(getResponsiveSpace('gap', gap), ";\n    ").concat(getResponsiveSpace('column-gap', columnGap), ";\n    ").concat(getResponsiveSpace('row-gap', rowGap), ";\n  ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9mbGV4LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5cbmNvbnN0IGZsZXhQcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiB0eXBlcy5mbGV4RGlyZWN0aW9uLFxuICB3cmFwOiB0eXBlcy5mbGV4V3JhcCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmZsZXhKdXN0aWZ5Q29udGVudCxcbiAgYWxpZ25JdGVtczogdHlwZXMuZmxleEFsaWduSXRlbXMsXG4gIGFsaWduQ29udGVudDogdHlwZXMuZmxleEFsaWduQ29udGVudCxcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbkdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByb3dHYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoQm94LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFPYmplY3Qua2V5cyhmbGV4UHJvcHMpLmluY2x1ZGVzKHByb3ApLFxufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uLCB3cmFwLCBqdXN0aWZ5Q29udGVudCwgYWxpZ25JdGVtcywgYWxpZ25Db250ZW50LCBnYXAsIGNvbHVtbkdhcCwgcm93R2FwIH0pID0+IGBcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignZmxleC1kaXJlY3Rpb24nLCBkaXJlY3Rpb24pfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignZmxleC13cmFwJywgd3JhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1pdGVtcycsIGFsaWduSXRlbXMpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignYWxpZ24tY29udGVudCcsIGFsaWduQ29udGVudCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdnYXAnLCBnYXApfTtcbiAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnY29sdW1uLWdhcCcsIGNvbHVtbkdhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdyb3ctZ2FwJywgcm93R2FwKX07XG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGlyZWN0aW9uID0gJ3JvdycsXG4gICAgICB3cmFwID0gJ3dyYXAnLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25JdGVtcyA9ICdzdGFydCcsXG4gICAgICBhbGlnbkNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgZ2FwLFxuICAgICAgY29sdW1uR2FwLFxuICAgICAgcm93R2FwLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB3cmFwPXt3cmFwfVxuICAgICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICAgIGFsaWduQ29udGVudD17YWxpZ25Db250ZW50fVxuICAgICAgICBnYXA9e2dhcH1cbiAgICAgICAgY29sdW1uR2FwPXtjb2x1bW5HYXB9XG4gICAgICAgIHJvd0dhcD17cm93R2FwfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuRmxleC5wcm9wVHlwZXMgPSBmbGV4UHJvcHM7XG4iXX0= */"));
+
+export var Flex = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var _ref2$direction = _ref2.direction,
+      direction = _ref2$direction === void 0 ? 'row' : _ref2$direction,
+      _ref2$wrap = _ref2.wrap,
+      wrap = _ref2$wrap === void 0 ? 'wrap' : _ref2$wrap,
+      _ref2$justifyContent = _ref2.justifyContent,
+      justifyContent = _ref2$justifyContent === void 0 ? 'start' : _ref2$justifyContent,
+      _ref2$alignItems = _ref2.alignItems,
+      alignItems = _ref2$alignItems === void 0 ? 'start' : _ref2$alignItems,
+      _ref2$alignContent = _ref2.alignContent,
+      alignContent = _ref2$alignContent === void 0 ? 'start' : _ref2$alignContent,
+      gap = _ref2.gap,
+      columnGap = _ref2.columnGap,
+      rowGap = _ref2.rowGap,
+      children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  return ___EmotionJSX(Root, _extends({
+    ref: ref,
+    direction: direction,
+    wrap: wrap,
+    justifyContent: justifyContent,
+    alignItems: alignItems,
+    alignContent: alignContent,
+    gap: gap,
+    columnGap: columnGap,
+    rowGap: rowGap
+  }, props), children);
+});
+Flex.propTypes = flexProps;

package/es/components/index.js

@@ -1,5 +1,8 @@
+export * from './provider';
 export { Text } from './text';
+export { Text2 } from './text2';
 export { Box } from './box';
+export { Box2 } from './box2';
 export { Button } from './button';
 export { Checkbox } from './checkbox';
 export { TextInput } from './text-input';
@@ -16,6 +19,7 @@ export { Slider } from './slider';
 export { Spinner } from './spinner';
 export { Switch } from './switch';
 export { Autocomplete } from './autocomplete';
+export { Autocomplete2 } from './autocomplete2';
 export { Dropdown } from './dropdown';
 export { Modal } from './modal';
 export { Link } from './link';
@@ -27,4 +31,4 @@ export { Pagination } from './pagination';
 export { Nav, NavItem } from './nav';
 export { Flex } from './flex';
 export { Badge } from './badge';
-export { Toast } from './toast';
+export { Toast } from './toast';

package/es/components/link.js

@@ -2,6 +2,7 @@ import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
+import _styled from "@emotion/styled/base";
 var _excluded = ["children", "tag", "variant"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -10,33 +11,43 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import { css } from '@emotion/react';
 import React, { forwardRef } from 'react';
 import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
-var linkStyles = {
-  neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:currentColor;" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"),
-  subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
+var textDecorationColorStyles = {
+  neutral: "currentColor",
+  subtle: "transparent"
 };
-var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
-export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      _ref$tag = _ref.tag,
-      tag = _ref$tag === void 0 ? 'a' : _ref$tag,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
-      props = _objectWithoutProperties(_ref, _excluded);
 
-  var Tag = tag;
+var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "er1549x0"
+} : {
+  target: "er1549x0",
+  label: "Root"
+})(function (_ref) {
+  var as = _ref.as;
+  return as === 'button' && "\n    ".concat(styles.buttonReset, ";\n     border: none;\n     background: transparent;\n     padding: 0;\n     text-decoration: underline;\n     font-weight: unset;\n  ");
+}, ";", styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);text-decoration-color:", function (_ref2) {
+  var variant = _ref2.variant;
+  return textDecorationColorStyles[variant];
+}, ";color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgdGV4dERlY29yYXRpb25Db2xvclN0eWxlcyA9IHtcbiAgbmV1dHJhbDogYGN1cnJlbnRDb2xvcmAsXG4gIHN1YnRsZTogYHRyYW5zcGFyZW50YCxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGFzIH0pID0+XG4gICAgYXMgPT09ICdidXR0b24nICYmXG4gICAgYFxuICAgICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgICAgYm9yZGVyOiBub25lO1xuICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgcGFkZGluZzogMDtcbiAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgYH07XG5cbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHsoeyB2YXJpYW50IH0pID0+IHRleHREZWNvcmF0aW9uQ29sb3JTdHlsZXNbdmFyaWFudF19O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdzdWJ0bGUnXSksXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+
+export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+      _ref3$tag = _ref3.tag,
+      tag = _ref3$tag === void 0 ? 'a' : _ref3$tag,
+      _ref3$variant = _ref3.variant,
+      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
+      props = _objectWithoutProperties(_ref3, _excluded);
+
   var type = tag === 'button' ? 'button' : undefined;
-  return ___EmotionJSX(Tag, _extends({
+  return ___EmotionJSX(Root, _extends({
     type: type,
     ref: ref,
     as: tag,
-    css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
+    variant: variant
   }, props), children);
 });
 Link.propTypes = {