@flodesk/grain 5.11.0 → 5.11.3

package/es/components/icon-toggle.js

@@ -1,36 +1,62 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
 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", "icon", "isActive", "onClick"],
     _excluded2 = ["children"];
 
-var _templateObject, _templateObject2, _templateObject3;
-
-import "core-js/modules/es.object.assign.js";
+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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 { getTransition, getWeight } from '../utilities';
 import { Icon } from '.';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
 import { types } from '../types';
-var variables = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --grn-borderColor-hover: var(--grn-color-fade4);\n  --grn-borderColor-active: var(--grn-color-grey8);\n  --grn-width: calc(var(--grn-textBoxHeight-m) + 2px);\n"])));
-var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  border: 1px solid var(--grn-color-border);\n  border-radius: var(--grn-radius-s);\n  width: fit-content;\n"])));
-var ItemWrapper = styled.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  appearance: none;\n  border: none;\n  border-left: 1px solid transparent;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: ", ";\n  cursor: pointer;\n  min-width: var(--grn-width);\n  height: calc(var(--grn-textBoxHeight-m) - 2px);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  color: var(--grn-color-content2);\n  transition: color ", ";\n\n  ", ";\n\n  & + .IconToggle {\n    border-color: var(--grn-color-border);\n  }\n\n  &:after {\n    content: '';\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition: ", ";\n    ", ";\n  }\n\n  &:first-of-type {\n    min-width: calc(var(--grn-width) - 1px);\n  }\n\n  &:first-of-type:after {\n    width: calc(100% + 1px);\n    left: -1px;\n    border-radius: var(--grn-radius-s) 0 0 var(--grn-radius-s);\n  }\n\n  &:last-child:after {\n    border-radius: 0 var(--grn-radius-s) var(--grn-radius-s) 0;\n  }\n\n  &:hover {\n    color: var(--grn-color-content);\n  }\n"])), variables, getWeight('medium'), getTransition('fast'), function (p) {
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var variables = process.env.NODE_ENV === "production" ? {
+  name: "vbkt6o",
+  styles: "--grn-borderColor-hover:var(--grn-color-fade4);--grn-borderColor-active:var(--grn-color-grey8);--grn-width:calc(var(--grn-textBoxHeight-m) + 2px)"
+} : {
+  name: "wnl63q-variables",
+  styles: "--grn-borderColor-hover:var(--grn-color-fade4);--grn-borderColor-active:var(--grn-color-grey8);--grn-width:calc(var(--grn-textBoxHeight-m) + 2px);label:variables;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRcUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhYmxlcyA9IGNzc2BcbiAgLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXI6IHZhcigtLWdybi1jb2xvci1mYWRlNCk7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZTogdmFyKC0tZ3JuLWNvbG9yLWdyZXk4KTtcbiAgLS1ncm4td2lkdGg6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQtbSkgKyAycHgpO1xuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWdybi1jb2xvci1ib3JkZXIpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7dmFyaWFibGVzfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtaW4td2lkdGg6IHZhcigtLWdybi13aWR0aCk7XG4gIGhlaWdodDogY2FsYyh2YXIoLS1ncm4tdGV4dEJveEhlaWdodC1tKSAtIDJweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICR7cCA9PiBwLmlzQWN0aXZlICYmIGBib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0tZ3JuLWNvbG9yLWdyZXk2KWB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGModmFyKC0tZ3JuLXdpZHRoKSAtIDFweCk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAxcHgpO1xuICAgIGxlZnQ6IC0xcHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKSAwIDAgdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgfVxuXG4gICY6bGFzdC1jaGlsZDphZnRlciB7XG4gICAgYm9yZGVyLXJhZGl1czogMCB2YXIoLS1ncm4tcmFkaXVzLXMpIHZhcigtLWdybi1yYWRpdXMtcykgMDtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyIGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IDxXcmFwcGVyIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvV3JhcHBlcj47XG5cbkljb25Ub2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbkljb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IHR5cGVzLmljb24sXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e9umpvt1"
+} : {
+  target: "e9umpvt1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "17smeh9",
+  styles: "display:flex;border:1px solid var(--grn-color-border);border-radius:var(--grn-radius-s);width:fit-content"
+} : {
+  name: "17smeh9",
+  styles: "display:flex;border:1px solid var(--grn-color-border);border-radius:var(--grn-radius-s);width:fit-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhYmxlcyA9IGNzc2BcbiAgLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXI6IHZhcigtLWdybi1jb2xvci1mYWRlNCk7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZTogdmFyKC0tZ3JuLWNvbG9yLWdyZXk4KTtcbiAgLS1ncm4td2lkdGg6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQtbSkgKyAycHgpO1xuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWdybi1jb2xvci1ib3JkZXIpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tcmFkaXVzLXMpO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7dmFyaWFibGVzfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtaW4td2lkdGg6IHZhcigtLWdybi13aWR0aCk7XG4gIGhlaWdodDogY2FsYyh2YXIoLS1ncm4tdGV4dEJveEhlaWdodC1tKSAtIDJweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgdHJhbnNpdGlvbjogY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5cbiAgJiArIC5JY29uVG9nZ2xlIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1jb2xvci1ib3JkZXIpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICR7cCA9PiBwLmlzQWN0aXZlICYmIGBib3gtc2hhZG93OiAwIDAgMCAxcHggdmFyKC0tZ3JuLWNvbG9yLWdyZXk2KWB9O1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICBtaW4td2lkdGg6IGNhbGModmFyKC0tZ3JuLXdpZHRoKSAtIDFweCk7XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGU6YWZ0ZXIge1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAxcHgpO1xuICAgIGxlZnQ6IC0xcHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKSAwIDAgdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgfVxuXG4gICY6bGFzdC1jaGlsZDphZnRlciB7XG4gICAgYm9yZGVyLXJhZGl1czogMCB2YXIoLS1ncm4tcmFkaXVzLXMpIHZhcigtLWdybi1yYWRpdXMtcykgMDtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uVG9nZ2xlID0gKHsgY2hpbGRyZW4sIGljb24sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW1XcmFwcGVyIGNsYXNzTmFtZT1cIkljb25Ub2dnbGVcIiBpc0FjdGl2ZT17aXNBY3RpdmV9IG9uQ2xpY2s9e29uQ2xpY2t9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+fVxuICAgICAge2NoaWxkcmVuICYmIGNoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZUdyb3VwID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IDxXcmFwcGVyIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvV3JhcHBlcj47XG5cbkljb25Ub2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbkljb25Ub2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IHR5cGVzLmljb24sXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e9umpvt0"
+} : {
+  target: "e9umpvt0",
+  label: "ItemWrapper"
+})(variables, ";appearance:none;border:none;border-left:1px solid transparent;padding:0;font-family:inherit;font-size:inherit;font-weight:", getWeight('medium'), ";cursor:pointer;min-width:var(--grn-width);height:calc(var(--grn-textBoxHeight-m) - 2px);background-color:transparent;display:flex;align-items:center;justify-content:center;position:relative;color:var(--grn-color-content2);transition:color ", getTransition('fast'), ";", function (p) {
   return p.isActive && "\n    color: var(--grn-color-content);\n  ";
-}, getTransition('xFast'), function (p) {
+}, ";&+.IconToggle{border-color:var(--grn-color-border);}&:after{content:'';pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;transition:", getTransition('xFast'), ";", function (p) {
   return p.isActive && "box-shadow: 0 0 0 1px var(--grn-color-grey6)";
-});
+}, ";}&:first-of-type{min-width:calc(var(--grn-width) - 1px);}&:first-of-type:after{width:calc(100% + 1px);left:-1px;border-radius:var(--grn-radius-s) 0 0 var(--grn-radius-s);}&:last-child:after{border-radius:0 var(--grn-radius-s) var(--grn-radius-s) 0;}&:hover{color:var(--grn-color-content);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYWJsZXMgPSBjc3NgXG4gIC0tZ3JuLWJvcmRlckNvbG9yLWhvdmVyOiB2YXIoLS1ncm4tY29sb3ItZmFkZTQpO1xuICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1ncmV5OCk7XG4gIC0tZ3JuLXdpZHRoOiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0LW0pICsgMnB4KTtcbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ncm4tY29sb3ItYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZ3JuLXJhZGl1cy1zKTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuY29uc3QgSXRlbVdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3ZhcmlhYmxlc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWluLXdpZHRoOiB2YXIoLS1ncm4td2lkdGgpO1xuICBoZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQtbSkgLSAycHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGB9O1xuXG4gICYgKyAuSWNvblRvZ2dsZSB7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItYm9yZGVyKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICAke3AgPT4gcC5pc0FjdGl2ZSAmJiBgYm94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLWdybi1jb2xvci1ncmV5NilgfTtcbiAgfVxuXG4gICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWluLXdpZHRoOiBjYWxjKHZhcigtLWdybi13aWR0aCkgLSAxcHgpO1xuICB9XG5cbiAgJjpmaXJzdC1vZi10eXBlOmFmdGVyIHtcbiAgICB3aWR0aDogY2FsYygxMDAlICsgMXB4KTtcbiAgICBsZWZ0OiAtMXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi1yYWRpdXMtcykgMCAwIHZhcigtLWdybi1yYWRpdXMtcyk7XG4gIH1cblxuICAmOmxhc3QtY2hpbGQ6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tZ3JuLXJhZGl1cy1zKSB2YXIoLS1ncm4tcmFkaXVzLXMpIDA7XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvblRvZ2dsZSA9ICh7IGNoaWxkcmVuLCBpY29uLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlciBjbGFzc05hbWU9XCJJY29uVG9nZ2xlXCIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucHJvcHN9PlxuICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L0l0ZW1XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEljb25Ub2dnbGVHcm91cCA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiA8V3JhcHBlciB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1dyYXBwZXI+O1xuXG5JY29uVG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG59O1xuXG5JY29uVG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiB0eXBlcy5pY29uLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+
 export var IconToggle = function IconToggle(_ref) {
   var children = _ref.children,
       icon = _ref.icon,
@@ -38,11 +64,11 @@ export var IconToggle = function IconToggle(_ref) {
       onClick = _ref.onClick,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(ItemWrapper, Object.assign({
+  return ___EmotionJSX(ItemWrapper, _extends({
     className: "IconToggle",
     isActive: isActive,
     onClick: onClick
-  }, props), icon && /*#__PURE__*/React.createElement(Icon, {
+  }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
     color: "currentColor"
   }), children && children);
@@ -51,7 +77,7 @@ export var IconToggleGroup = function IconToggleGroup(_ref2) {
   var children = _ref2.children,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  return /*#__PURE__*/React.createElement(Wrapper, props, children);
+  return ___EmotionJSX(Wrapper, props, children);
 };
 IconToggleGroup.propTypes = {
   children: PropTypes.node

package/es/components/icon.js

@@ -1,33 +1,35 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
 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 = ["icon", "size", "color", "hasEvenBoundary"];
 
-var _templateObject;
-
-import "core-js/modules/es.object.assign.js";
+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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { getColor, getIconSize } from '../utilities';
 import PropTypes from 'prop-types';
 import React, { forwardRef } from 'react';
-import styled from '@emotion/styled';
 import { types } from '../types';
-var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  color: ", ";\n\n  svg {\n    display: block;\n    height: ", ";\n    ", "\n"])), function (p) {
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1vavdtj0"
+} : {
+  target: "e1vavdtj0",
+  label: "Wrapper"
+})("display:block;color:", function (p) {
   return getColor(p.color);
-}, function (p) {
+}, ";svg{display:block;height:", function (p) {
   return getIconSize(p.size);
-}, function (p) {
+}, ";", function (p) {
   return p.hasEvenBoundary && "width: ".concat(getIconSize(p.size), "}");
-});
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24uanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0yQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9pY29uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRJY29uU2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmNvbG9yKX07XG5cbiAgc3ZnIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7cCA9PiBnZXRJY29uU2l6ZShwLnNpemUpfTtcbiAgICAke3AgPT4gcC5oYXNFdmVuQm91bmRhcnkgJiYgYHdpZHRoOiAke2dldEljb25TaXplKHAuc2l6ZSl9fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IGZvcndhcmRSZWYoXG4gICh7IGljb24sIHNpemUgPSAnbScsIGNvbG9yID0gJ2NvbnRlbnQnLCBoYXNFdmVuQm91bmRhcnksIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxXcmFwcGVyIHNpemU9e3NpemV9IGNvbG9yPXtjb2xvcn0gaGFzRXZlbkJvdW5kYXJ5PXtoYXNFdmVuQm91bmRhcnl9IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2ljb24gJiYgaWNvbn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5JY29uLnByb3BUeXBlcyA9IHtcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0V2ZW5Cb3VuZGFyeTogUHJvcFR5cGVzLmJvb2wsXG4gIHNpemU6IHR5cGVzLmljb25TaXplLFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */"));
+
 export var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var icon = _ref.icon,
       _ref$size = _ref.size,
@@ -37,7 +39,7 @@ export var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       hasEvenBoundary = _ref.hasEvenBoundary,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     size: size,
     color: color,
     hasEvenBoundary: hasEvenBoundary,

package/es/components/multi-autocomplete.js

@@ -1,16 +1,13 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
-
-var _templateObject, _templateObject2, _templateObject3;
+import _styled from "@emotion/styled/base";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -24,6 +21,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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.object.assign.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
@@ -31,30 +30,36 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.map.js";
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 PropTypes from 'prop-types';
 import React, { forwardRef, useState } from 'react';
-import styled from '@emotion/styled';
 import { Icon, Box, Text, Arrange } from '.';
 import { IconChevronDown, IconCross } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { types } from '../types';
 import { ClearButtonBox, fieldStyles, fieldXPadding, focusFieldStyles, MenuCard, MenuCardItem } from '../foundational';
-var Input = styled(Combobox.Input)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), fieldStyles({
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Input = /*#__PURE__*/_styled(Combobox.Input, process.env.NODE_ENV === "production" ? {
+  target: "e1lpxwl72"
+} : {
+  target: "e1lpxwl72",
+  label: "Input"
+})(fieldStyles({
   paddingRight: '32px'
-}), focusFieldStyles);
+}), ";", focusFieldStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgQ2xlYXJCdXR0b25Cb3gsXG4gIGZpZWxkU3R5bGVzLFxuICBmaWVsZFhQYWRkaW5nLFxuICBmb2N1c0ZpZWxkU3R5bGVzLFxuICBNZW51Q2FyZCxcbiAgTWVudUNhcmRJdGVtLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZChDb21ib2JveC5JbnB1dClgXG4gICR7ZmllbGRTdHlsZXMoeyBwYWRkaW5nUmlnaHQ6ICczMnB4JyB9KX07XG4gICR7Zm9jdXNGaWVsZFN0eWxlc307XG5gO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgVGFncyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgZ2FwOiA0cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKENsZWFyQnV0dG9uQm94KWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbmA7XG5cbmNvbnN0IFRhZyA9ICh7IGNoaWxkcmVuLCBvblJlbW92ZUNsaWNrIH0pID0+IChcbiAgPEJveCBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlMVwiIHJhZGl1cz1cInNcIiBoZWlnaHQ9XCIzMnB4XCIgcGFkZGluZ0xlZnQ9XCIxMnB4XCIgcGFkZGluZ1JpZ2h0PVwiOHB4XCI+XG4gICAgPEFycmFuZ2UgZ2FwPVwiNHB4XCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFJlbW92ZUJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBvblJlbW92ZUNsaWNrKCl9PlxuICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBzaXplPVwic1wiIC8+XG4gICAgICA8L1JlbW92ZUJ1dHRvbj5cbiAgICA8L0FycmFuZ2U+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE11bHRpQXV0b2NvbXBsZXRlID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbnMgPSBbXSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVBbGlnbiA9ICdsZWZ0JyxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICBwbGFjZWhvbGRlcixcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9ucywgc2V0U2VsZWN0ZWRPcHRpb25zXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb25zKTtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPVxuICAgIHF1ZXJ5ID09PSAnJ1xuICAgICAgPyBvcHRpb25zXG4gICAgICA6IG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuXG4gIGNvbnN0IGRlc2VsZWN0T3B0aW9uID0gb3B0aW9uID0+IHtcbiAgICBjb25zdCByZW1haW5pbmcgPSBzZWxlY3RlZE9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gb3B0aW9uKTtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMocmVtYWluaW5nKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb21ib2JveCBhcz17Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9uc30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gbXVsdGlwbGU+XG4gICAgICB7c2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8VGFncz5cbiAgICAgICAgICB7c2VsZWN0ZWRPcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgICAgPFRhZyBvblJlbW92ZUNsaWNrPXsoKSA9PiBkZXNlbGVjdE9wdGlvbihvcHRpb24pfSBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1RhZ3M+XG4gICAgICApfVxuXG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIC8+XG5cbiAgICAgICAgPEJveFxuICAgICAgICAgIHJpZ2h0PXtmaWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUNhcmRJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgIDwvTWVudUNhcmRJdGVtPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIHshQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgIDwvQ29tYm9ib3guT3B0aW9ucz5cbiAgICA8L0NvbWJvYm94PlxuICApO1xufTtcblxuTXVsdGlBdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudUFsaWduOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */"));
 
 var Root = function Root(_ref) {
   var props = Object.assign({}, _ref);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+  return ___EmotionJSX(Box, _extends({}, props, {
     position: "relative"
   }));
 };
 
 var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var props = Object.assign({}, _ref2);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({
+  return ___EmotionJSX(Box, _extends({
     ref: ref
   }, props, {
     position: "relative"
@@ -62,34 +67,61 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 
 var EmptyState = function EmptyState() {
-  return /*#__PURE__*/React.createElement(Box, {
+  return ___EmotionJSX(Box, {
     padding: "s"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, ___EmotionJSX(Text, {
     color: "content2"
   }, "No results"));
 };
 
-var Tags = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: start;\n  gap: 4px;\n  margin-bottom: 8px;\n  flex-wrap: wrap;\n"])));
-var RemoveButton = styled(ClearButtonBox)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n"])));
+var Tags = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1lpxwl71"
+} : {
+  target: "e1lpxwl71",
+  label: "Tags"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1l3dtim",
+  styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap"
+} : {
+  name: "1l3dtim",
+  styles: "display:flex;align-items:start;gap:4px;margin-bottom:8px;flex-wrap:wrap",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgQ2xlYXJCdXR0b25Cb3gsXG4gIGZpZWxkU3R5bGVzLFxuICBmaWVsZFhQYWRkaW5nLFxuICBmb2N1c0ZpZWxkU3R5bGVzLFxuICBNZW51Q2FyZCxcbiAgTWVudUNhcmRJdGVtLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZChDb21ib2JveC5JbnB1dClgXG4gICR7ZmllbGRTdHlsZXMoeyBwYWRkaW5nUmlnaHQ6ICczMnB4JyB9KX07XG4gICR7Zm9jdXNGaWVsZFN0eWxlc307XG5gO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgVGFncyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgZ2FwOiA0cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKENsZWFyQnV0dG9uQm94KWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbmA7XG5cbmNvbnN0IFRhZyA9ICh7IGNoaWxkcmVuLCBvblJlbW92ZUNsaWNrIH0pID0+IChcbiAgPEJveCBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlMVwiIHJhZGl1cz1cInNcIiBoZWlnaHQ9XCIzMnB4XCIgcGFkZGluZ0xlZnQ9XCIxMnB4XCIgcGFkZGluZ1JpZ2h0PVwiOHB4XCI+XG4gICAgPEFycmFuZ2UgZ2FwPVwiNHB4XCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFJlbW92ZUJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBvblJlbW92ZUNsaWNrKCl9PlxuICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBzaXplPVwic1wiIC8+XG4gICAgICA8L1JlbW92ZUJ1dHRvbj5cbiAgICA8L0FycmFuZ2U+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE11bHRpQXV0b2NvbXBsZXRlID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbnMgPSBbXSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVBbGlnbiA9ICdsZWZ0JyxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICBwbGFjZWhvbGRlcixcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9ucywgc2V0U2VsZWN0ZWRPcHRpb25zXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb25zKTtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPVxuICAgIHF1ZXJ5ID09PSAnJ1xuICAgICAgPyBvcHRpb25zXG4gICAgICA6IG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuXG4gIGNvbnN0IGRlc2VsZWN0T3B0aW9uID0gb3B0aW9uID0+IHtcbiAgICBjb25zdCByZW1haW5pbmcgPSBzZWxlY3RlZE9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gb3B0aW9uKTtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMocmVtYWluaW5nKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb21ib2JveCBhcz17Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9uc30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gbXVsdGlwbGU+XG4gICAgICB7c2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8VGFncz5cbiAgICAgICAgICB7c2VsZWN0ZWRPcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgICAgPFRhZyBvblJlbW92ZUNsaWNrPXsoKSA9PiBkZXNlbGVjdE9wdGlvbihvcHRpb24pfSBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1RhZ3M+XG4gICAgICApfVxuXG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIC8+XG5cbiAgICAgICAgPEJveFxuICAgICAgICAgIHJpZ2h0PXtmaWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUNhcmRJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgIDwvTWVudUNhcmRJdGVtPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIHshQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgIDwvQ29tYm9ib3guT3B0aW9ucz5cbiAgICA8L0NvbWJvYm94PlxuICApO1xufTtcblxuTXVsdGlBdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudUFsaWduOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var RemoveButton = /*#__PURE__*/_styled(ClearButtonBox, process.env.NODE_ENV === "production" ? {
+  target: "e1lpxwl70"
+} : {
+  target: "e1lpxwl70",
+  label: "RemoveButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "rrel8y",
+  styles: "width:24px;height:24px"
+} : {
+  name: "rrel8y",
+  styles: "width:24px;height:24px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL211bHRpLWF1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMyQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9tdWx0aS1hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgQ2xlYXJCdXR0b25Cb3gsXG4gIGZpZWxkU3R5bGVzLFxuICBmaWVsZFhQYWRkaW5nLFxuICBmb2N1c0ZpZWxkU3R5bGVzLFxuICBNZW51Q2FyZCxcbiAgTWVudUNhcmRJdGVtLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZChDb21ib2JveC5JbnB1dClgXG4gICR7ZmllbGRTdHlsZXMoeyBwYWRkaW5nUmlnaHQ6ICczMnB4JyB9KX07XG4gICR7Zm9jdXNGaWVsZFN0eWxlc307XG5gO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgVGFncyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgZ2FwOiA0cHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgZmxleC13cmFwOiB3cmFwO1xuYDtcblxuY29uc3QgUmVtb3ZlQnV0dG9uID0gc3R5bGVkKENsZWFyQnV0dG9uQm94KWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbmA7XG5cbmNvbnN0IFRhZyA9ICh7IGNoaWxkcmVuLCBvblJlbW92ZUNsaWNrIH0pID0+IChcbiAgPEJveCBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlMVwiIHJhZGl1cz1cInNcIiBoZWlnaHQ9XCIzMnB4XCIgcGFkZGluZ0xlZnQ9XCIxMnB4XCIgcGFkZGluZ1JpZ2h0PVwiOHB4XCI+XG4gICAgPEFycmFuZ2UgZ2FwPVwiNHB4XCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPFJlbW92ZUJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBvblJlbW92ZUNsaWNrKCl9PlxuICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBzaXplPVwic1wiIC8+XG4gICAgICA8L1JlbW92ZUJ1dHRvbj5cbiAgICA8L0FycmFuZ2U+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE11bHRpQXV0b2NvbXBsZXRlID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbnMgPSBbXSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVBbGlnbiA9ICdsZWZ0JyxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICBwbGFjZWhvbGRlcixcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9ucywgc2V0U2VsZWN0ZWRPcHRpb25zXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb25zKTtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPVxuICAgIHF1ZXJ5ID09PSAnJ1xuICAgICAgPyBvcHRpb25zXG4gICAgICA6IG9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH0pO1xuXG4gIGNvbnN0IGRlc2VsZWN0T3B0aW9uID0gb3B0aW9uID0+IHtcbiAgICBjb25zdCByZW1haW5pbmcgPSBzZWxlY3RlZE9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gb3B0aW9uKTtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbnMocmVtYWluaW5nKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb21ib2JveCBhcz17Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9uc30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gbXVsdGlwbGU+XG4gICAgICB7c2VsZWN0ZWRPcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8VGFncz5cbiAgICAgICAgICB7c2VsZWN0ZWRPcHRpb25zLm1hcChvcHRpb24gPT4gKFxuICAgICAgICAgICAgPFRhZyBvblJlbW92ZUNsaWNrPXsoKSA9PiBkZXNlbGVjdE9wdGlvbihvcHRpb24pfSBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1RhZ3M+XG4gICAgICApfVxuXG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIC8+XG5cbiAgICAgICAgPEJveFxuICAgICAgICAgIHJpZ2h0PXtmaWVsZFhQYWRkaW5nfVxuICAgICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICAgIHRvcD1cIjBweFwiXG4gICAgICAgICAgYm90dG9tPVwiMHB4XCJcbiAgICAgICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgICAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gICAgICAgID5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICA8Q29tYm9ib3guT3B0aW9ucyBtZW51QWxpZ249e21lbnVBbGlnbn0gbWVudVdpZHRoPXttZW51V2lkdGh9IGFzPXtNZW51Q2FyZH0+XG4gICAgICAgIHtmaWx0ZXJlZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPENvbWJvYm94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17UmVhY3QuRnJhZ21lbnR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUNhcmRJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgIDwvTWVudUNhcmRJdGVtPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICAgIHshQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgIDwvQ29tYm9ib3guT3B0aW9ucz5cbiAgICA8L0NvbWJvYm94PlxuICApO1xufTtcblxuTXVsdGlBdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudUFsaWduOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 var Tag = function Tag(_ref3) {
   var children = _ref3.children,
       onRemoveClick = _ref3.onRemoveClick;
-  return /*#__PURE__*/React.createElement(Box, {
+  return ___EmotionJSX(Box, {
     backgroundColor: "fade1",
     radius: "s",
     height: "32px",
     paddingLeft: "12px",
     paddingRight: "8px"
-  }, /*#__PURE__*/React.createElement(Arrange, {
+  }, ___EmotionJSX(Arrange, {
     gap: "4px",
     height: "100%"
-  }, children, /*#__PURE__*/React.createElement(RemoveButton, {
+  }, children, ___EmotionJSX(RemoveButton, {
     onClick: function onClick() {
       return onRemoveClick();
     }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(IconCross, null),
+  }, ___EmotionJSX(Icon, {
+    icon: ___EmotionJSX(IconCross, null),
     size: "s"
   }))));
 };
@@ -132,53 +164,53 @@ export var MultiAutocomplete = function MultiAutocomplete(_ref4) {
     setSelectedOptions(remaining);
   };
 
-  return /*#__PURE__*/React.createElement(Combobox, {
+  return ___EmotionJSX(Combobox, {
     as: Root,
     value: selectedOptions,
     onChange: handleChange,
     multiple: true
-  }, selectedOptions.length > 0 && /*#__PURE__*/React.createElement(Tags, null, selectedOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(Tag, {
+  }, selectedOptions.length > 0 && ___EmotionJSX(Tags, null, selectedOptions.map(function (option) {
+    return ___EmotionJSX(Tag, {
       onRemoveClick: function onRemoveClick() {
         return deselectOption(option);
       },
       key: option.id
     }, option.content);
-  })), /*#__PURE__*/React.createElement(Combobox.Button, {
+  })), ___EmotionJSX(Combobox.Button, {
     as: Trigger
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, ___EmotionJSX(Input, {
     autoComplete: "off",
     onChange: function onChange(event) {
       return setQuery(event.target.value);
     },
     placeholder: placeholder
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), ___EmotionJSX(Box, {
     right: fieldXPadding,
     position: "absolute",
     top: "0px",
     bottom: "0px",
     margin: "auto",
     height: "fit-content"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(IconChevronDown, null)
-  }))), /*#__PURE__*/React.createElement(Combobox.Options, {
+  }, ___EmotionJSX(Icon, {
+    icon: ___EmotionJSX(IconChevronDown, null)
+  }))), ___EmotionJSX(Combobox.Options, {
     menuAlign: menuAlign,
     menuWidth: menuWidth,
     as: MenuCard
   }, filteredOptions.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(Combobox.Option, {
+    return ___EmotionJSX(Combobox.Option, {
       key: index,
       value: option,
       as: React.Fragment
     }, function (_ref5) {
       var active = _ref5.active,
           selected = _ref5.selected;
-      return /*#__PURE__*/React.createElement(MenuCardItem, {
+      return ___EmotionJSX(MenuCardItem, {
         isSelected: selected,
         isActive: active
       }, option.content);
     });
-  }), !Boolean(filteredOptions.length) && /*#__PURE__*/React.createElement(EmptyState, null)));
+  }), !Boolean(filteredOptions.length) && ___EmotionJSX(EmptyState, null)));
 };
 MultiAutocomplete.propTypes = {
   options: PropTypes.array,

package/es/components/select.js

@@ -1,6 +1,3 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
@@ -10,12 +7,12 @@ import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.exec.js";
+import _styled from "@emotion/styled/base";
 var _excluded = ["children"];
 
-var _templateObject;
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -31,41 +28,48 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.map.js";
 
+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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import PropTypes from 'prop-types';
 import React, { useState, forwardRef, Fragment } from 'react';
-import styled from '@emotion/styled';
 import { Icon, Box, Text } from '.';
 import { IconChevronDown } from '../icons';
 import { Listbox } from '@headlessui/react';
 import { getColor, getRadius } from '../utilities';
 import { types } from '../types';
 import { fieldXPadding, MenuCard, MenuCardItem, textBoxHeight, transitions } from '../foundational';
-var DefaultTriggerButton = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  appearance: none;\n  border: none;\n  background: ", ";\n  padding: 0 ", ";\n  min-height: ", ";\n  border-radius: ", ";\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  width: 100%;\n  text-align: left;\n\n  &:hover {\n    background: ", ";\n  }\n"])), transitions, getColor('fade1'), fieldXPadding, textBoxHeight, getRadius('s'), getColor('fade2'));
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var DefaultTriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e17qd7kh0"
+} : {
+  target: "e17qd7kh0",
+  label: "DefaultTriggerButton"
+})(transitions, ";display:flex;align-items:center;gap:8px;appearance:none;border:none;background:", getColor('fade1'), ";padding:0 ", fieldXPadding, ";min-height:", textBoxHeight, ";border-radius:", getRadius('s'), ";font:inherit;color:inherit;cursor:pointer;width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCBmb3J3YXJkUmVmLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBmaWVsZFhQYWRkaW5nLCBNZW51Q2FyZCwgTWVudUNhcmRJdGVtLCB0ZXh0Qm94SGVpZ2h0LCB0cmFuc2l0aW9ucyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IERlZmF1bHRUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHt0cmFuc2l0aW9uc307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRYUGFkZGluZ307XG4gIG1pbi1oZWlnaHQ6ICR7dGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgfVxuYDtcblxuY29uc3QgRGVmYXVsdFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPERlZmF1bHRUcmlnZ2VyQnV0dG9uIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIDxUZXh0IGhhc0VsbGlwc2lzIHdlaWdodD1cIm1lZGl1bVwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgICA8Qm94IG1hcmdpbkxlZnQ9XCJhdXRvXCI+XG4gICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgIDwvQm94PlxuICA8L0RlZmF1bHRUcmlnZ2VyQnV0dG9uPlxuKSk7XG5cbmNvbnN0IFNlbGVjdFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiA8Qm94IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIC8+O1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gKHtcbiAgb3B0aW9ucyxcbiAgZGVmYXVsdE9wdGlvbixcbiAgb25DaGFuZ2UsXG4gIG1lbnVBbGlnbiA9ICdsZWZ0JyxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICB0cmlnZ2VyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb24sIHNldFNlbGVjdGVkT3B0aW9uXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb24gfHwge30pO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgc2V0U2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShvcHRpb24pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3ggYXM9e1NlbGVjdFJvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbn0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAge3RyaWdnZXIgPyAoXG4gICAgICAgICAgdHJpZ2dlcihzZWxlY3RlZE9wdGlvbilcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RGVmYXVsdFRyaWdnZXI+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9EZWZhdWx0VHJpZ2dlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgIDxMaXN0Ym94Lk9wdGlvbnMgbWVudUFsaWduPXttZW51QWxpZ259IG1lbnVXaWR0aD17bWVudVdpZHRofSBhcz17TWVudUNhcmR9PlxuICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChcbiAgICAgICAgICA8TGlzdGJveC5PcHRpb24ga2V5PXtpbmRleH0gdmFsdWU9e29wdGlvbn0gYXM9e0ZyYWdtZW50fSBkaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9PlxuICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICA8TWVudUNhcmRJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfSBpc0Rpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICA8L01lbnVDYXJkSXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICA8L0xpc3Rib3g+XG4gICk7XG59O1xuXG5TZWxlY3QucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudUFsaWduOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgdHJpZ2dlcjogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
+
 var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(DefaultTriggerButton, Object.assign({
+  return ___EmotionJSX(DefaultTriggerButton, _extends({
     ref: ref
-  }, props), /*#__PURE__*/React.createElement(Text, {
+  }, props), ___EmotionJSX(Text, {
     hasEllipsis: true,
     weight: "medium"
-  }, children), /*#__PURE__*/React.createElement(Box, {
+  }, children), ___EmotionJSX(Box, {
     marginLeft: "auto"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(IconChevronDown, null)
+  }, ___EmotionJSX(Icon, {
+    icon: ___EmotionJSX(IconChevronDown, null)
   })));
 });
 
 var SelectRoot = function SelectRoot(_ref2) {
   var props = Object.assign({}, _ref2);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+  return ___EmotionJSX(Box, _extends({}, props, {
     position: "relative"
   }));
 };
@@ -80,7 +84,7 @@ export var Select = function Select(_ref3) {
       menuWidth = _ref3$menuWidth === void 0 ? '100%' : _ref3$menuWidth,
       trigger = _ref3.trigger;
 
-  var _useState = useState(defaultOption || ''),
+  var _useState = useState(defaultOption || {}),
       _useState2 = _slicedToArray(_useState, 2),
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
@@ -90,34 +94,36 @@ export var Select = function Select(_ref3) {
     onChange && onChange(option);
   };
 
-  return /*#__PURE__*/React.createElement(Listbox, {
+  return ___EmotionJSX(Listbox, {
     as: SelectRoot,
     value: selectedOption,
     onChange: handleChange
-  }, /*#__PURE__*/React.createElement(Listbox.Button, {
+  }, ___EmotionJSX(Listbox.Button, {
     as: Fragment
-  }, trigger ? trigger(selectedOption) : /*#__PURE__*/React.createElement(DefaultTrigger, null, selectedOption)), /*#__PURE__*/React.createElement(Listbox.Options, {
+  }, trigger ? trigger(selectedOption) : ___EmotionJSX(DefaultTrigger, null, selectedOption.content)), ___EmotionJSX(Listbox.Options, {
     menuAlign: menuAlign,
     menuWidth: menuWidth,
     as: MenuCard
   }, options.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(Listbox.Option, {
+    return ___EmotionJSX(Listbox.Option, {
       key: index,
       value: option,
-      as: Fragment
+      as: Fragment,
+      disabled: option.isDisabled
     }, function (_ref4) {
       var active = _ref4.active,
           selected = _ref4.selected;
-      return /*#__PURE__*/React.createElement(MenuCardItem, {
+      return ___EmotionJSX(MenuCardItem, {
         isSelected: selected,
-        isActive: active
-      }, option);
+        isActive: active,
+        isDisabled: option.isDisabled
+      }, option.content);
     });
   })));
 };
 Select.propTypes = {
   options: PropTypes.array,
-  defaultOption: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  defaultOption: PropTypes.object,
   onChange: PropTypes.func,
   menuAlign: PropTypes.oneOf(['left', 'right']),
   menuWidth: types.dimension,