@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a78c2264

package/dropdown-menu/MenuItem.js

@@ -1,20 +1,25 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["as", "clickable", "className", "onClick", "selected", "disabled", "children", "color", "iconLeft", "iconRight"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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 React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
 import { ListItem, ListText, ListIcon } from '../lists';
 import useDropdownContext from './DropdownContext';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var svgDisabled = /*#__PURE__*/css("svg>path{color:", theme.colors.text.dark.disabled, ";fill:", theme.colors.text.dark.disabled, ";}span{color:", theme.colors.text.dark.disabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:svgDisabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExpc3RJdGVtLCBMaXN0VGV4dCwgTGlzdEljb24gfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB1c2VEcm9wZG93bkNvbnRleHQgZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtUHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudD86IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTWVudUl0ZW1gIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUl0ZW1gLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29sb3IgZm9yIHRoZSB0ZXh0LlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSBsZWZ0IGFsaWduZWQuXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBDaG9vc2UgYW4gaWNvbiB0aGF0IHdpbGwgYmUgcmlnaHQgYWxpZ25lZC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHN2Z0Rpc2FibGVkID0gY3NzYFxuICBzdmcgPiBwYXRoIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBmaWxsOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG4gIHNwYW4ge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IHVzZXJIb3ZlckRpc2FibGVkID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLXdpZHRoOiA5NnB4O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogYXV0bztcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbmBcblxuZXhwb3J0IGNvbnN0IGdldExpc3RJdGVtU3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnICYmIGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29udGFpbmVyU3R5bGV9XG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt1c2VySG92ZXJEaXNhYmxlZH1cbiAgICAgICR7c3ZnRGlzYWJsZWR9XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGdldExpc3RUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgYFxuICB9XG59XG5cbmNvbnN0IGdldExpc3RJY29uU3R5bGUgPSAobXVsdGlzZWxlY3Q/OiBib29sZWFuLCBzZWxlY3RlZD86IGJvb2xlYW4sIHNpemU/OiBEcm9wZG93blNpemUpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCAmJiBtdWx0aXNlbGVjdCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIGBcbiAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLWhlaWdodDogMjBweDtcbiAgICAgIG1pbi13aWR0aDogMjBweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGBcbiAgfVxufVxuXG5jb25zdCBNZW51SXRlbSA9ICh7XG4gIGFzID0gJ3NwYW4nLFxuICBjbGlja2FibGUsXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnksXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIC4uLnJlc3Rcbn06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplLCBtdWx0aXNlbGVjdCB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcbiAgY29uc3QgW2lzU2VsZWN0ZWQsIHNldElzU2VsZWN0ZWRdID0gUmVhY3QudXNlU3RhdGUoc2VsZWN0ZWQpXG5cbiAgY29uc3QgaGFuZGxlTXVsdGlzZWxlY3RFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBzZXRJc1NlbGVjdGVkKCFpc1NlbGVjdGVkKVxuICAgIH1cbiAgfVxuICBjb25zdCBoYW5kbGVFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCghZGlzYWJsZWQgJiZcbiAgICAgICAgbXVsdGlzZWxlY3QgJiYge1xuICAgICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xpY2ssXG4gICAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZUV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKGRpc2FibGVkICYmIHtcbiAgICAgICAgICB0YWJJbmRleDogLTEsXG4gICAgICAgIH0pKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2dldExpc3RJdGVtU3R5bGUoc2l6ZSwgZGlzYWJsZWQpfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtpY29uTGVmdCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25MZWZ0fSAvPn1cbiAgICAgIDxMaXN0VGV4dFxuICAgICAgICBzdHlsZWRBcz1cImJvZHlcIlxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdFRleHRTdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaXN0VGV4dD5cbiAgICAgIHtpY29uUmlnaHQgJiYgPExpc3RJY29uIGNzcz17Z2V0TGlzdEljb25TdHlsZShtdWx0aXNlbGVjdCwgc2VsZWN0ZWQsIHNpemUpfSBpY29uPXtpY29uUmlnaHR9IC8+fVxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUl0ZW1cbiJdfQ== */");
 var userHoverDisabled = process.env.NODE_ENV === "production" ? {
   name: "ohuo64",
@@ -115,7 +120,7 @@ var MenuItem = function MenuItem(_ref5) {
       onClick && onClick();
     }
   };
-  return ___EmotionJSX(ListItem, _extends({
+  return _jsxs(ListItem, _objectSpread(_objectSpread(_objectSpread({
     as: as,
     className: className,
     selected: selected,
@@ -135,18 +140,21 @@ var MenuItem = function MenuItem(_ref5) {
     }
   } || disabled && {
     tabIndex: -1
-  }, {
+  }), {}, {
     css: /*#__PURE__*/css(getListItemStyle(size, disabled), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwS2MiLCJmaWxlIjoiLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvTWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0LCBMaXN0SWNvbiB9IGZyb20gJy4uL2xpc3RzJ1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IERyb3Bkb3duU2l6ZSB9IGZyb20gJy4vRHJvcGRvd24nXG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUl0ZW1Qcm9wcyB7XG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICAvKipcbiAgICogSW52b2tlIHRoZSBwcm92aWRlZCBjYWxsYmFjayB3aGVuIHRoZSBgTWVudUl0ZW1gIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKGV2ZW50PzogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgdGhhdCB0aGUgYE1lbnVJdGVtYCBpcyBzZWxlY3RlZC5cbiAgICovXG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgZGlzYWJsZWQuXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBpbnRlcmFjdGl2ZSBzdHlsZXMgdG8gdGhlIGBNZW51SXRlbWAuXG4gICAqL1xuICBjbGlja2FibGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogQ2hvb3NlIGFuIGljb24gdGhhdCB3aWxsIGJlIGxlZnQgYWxpZ25lZC5cbiAgICovXG4gIGljb25MZWZ0PzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSByaWdodCBhbGlnbmVkLlxuICAgKi9cbiAgaWNvblJpZ2h0PzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3Qgc3ZnRGlzYWJsZWQgPSBjc3NgXG4gIHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZH07XG4gIH1cbiAgc3BhbiB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZH07XG4gIH1cbmBcblxuY29uc3QgdXNlckhvdmVyRGlzYWJsZWQgPSBjc3NgXG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmBcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3NgXG4gIG1heC1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLWhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmx9O1xuICBtaW4td2lkdGg6IDk2cHg7XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBhdXRvO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5leHBvcnQgY29uc3QgZ2V0TGlzdEl0ZW1TdHlsZSA9IChzaXplPzogRHJvcGRvd25TaXplLCBkaXNhYmxlZD86IGJvb2xlYW4pID0+IHtcbiAgaWYgKHNpemUgPT09ICdzbWFsbCcgJiYgZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICAgICR7dXNlckhvdmVyRGlzYWJsZWR9XG4gICAgICAke3N2Z0Rpc2FibGVkfVxuICAgIGBcbiAgfSBlbHNlIGlmIChkaXNhYmxlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAke2NvbnRhaW5lclN0eWxlfVxuICAgIGBcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gY3NzYGBcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgZ2V0TGlzdFRleHRTdHlsZSA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuY29uc3QgZ2V0TGlzdEljb25TdHlsZSA9IChtdWx0aXNlbGVjdD86IGJvb2xlYW4sIHNlbGVjdGVkPzogYm9vbGVhbiwgc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoIXNlbGVjdGVkICYmIG11bHRpc2VsZWN0KSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICBtaW4taGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLXdpZHRoOiAyMHB4O1xuICAgIGBcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgYFxuICB9XG59XG5cbmNvbnN0IE1lbnVJdGVtID0gKHtcbiAgYXMgPSAnc3BhbicsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxuICBvbkNsaWNrLFxuICBzZWxlY3RlZCxcbiAgZGlzYWJsZWQsXG4gIGNoaWxkcmVuLFxuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgaWNvbkxlZnQsXG4gIGljb25SaWdodCxcbiAgLi4ucmVzdFxufTogTWVudUl0ZW1Qcm9wcykgPT4ge1xuICBjb25zdCB7IHNpemUsIG11bHRpc2VsZWN0IH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBbaXNTZWxlY3RlZCwgc2V0SXNTZWxlY3RlZF0gPSBSZWFjdC51c2VTdGF0ZShzZWxlY3RlZClcblxuICBjb25zdCBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50ID0gKGV2ZW50OiBhbnkpID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICBvbkNsaWNrICYmIHNldElzU2VsZWN0ZWQoIWlzU2VsZWN0ZWQpXG4gICAgfVxuICB9XG4gIGNvbnN0IGhhbmRsZUV2ZW50ID0gKGV2ZW50OiBhbnkpID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPExpc3RJdGVtXG4gICAgICBhcz17YXN9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGlja2FibGVcbiAgICAgIHsuLi4oKCFkaXNhYmxlZCAmJlxuICAgICAgICBtdWx0aXNlbGVjdCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZU11bHRpc2VsZWN0RXZlbnQoZXZlbnQpLFxuICAgICAgICB9KSB8fFxuICAgICAgICAoIWRpc2FibGVkICYmIHtcbiAgICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgICBvbkNsaWNrOiBvbkNsaWNrLFxuICAgICAgICAgIG9uS2V5UHJlc3M6IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4gaGFuZGxlRXZlbnQoZXZlbnQpLFxuICAgICAgICB9KSB8fFxuICAgICAgICAoZGlzYWJsZWQgJiYge1xuICAgICAgICAgIHRhYkluZGV4OiAtMSxcbiAgICAgICAgfSkpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2ljb25MZWZ0ICYmIDxMaXN0SWNvbiBjc3M9e2dldExpc3RJY29uU3R5bGUobXVsdGlzZWxlY3QsIHNlbGVjdGVkLCBzaXplKX0gaWNvbj17aWNvbkxlZnR9IC8+fVxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgICAge2ljb25SaWdodCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25SaWdodH0gLz59XG4gICAgPC9MaXN0SXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNZW51SXRlbVxuIl19 */")
-  }, rest), iconLeft && ___EmotionJSX(ListIcon, {
-    css: getListIconStyle(multiselect, selected, size),
-    icon: iconLeft
-  }), ___EmotionJSX(ListText, {
-    styledAs: "body",
-    color: color,
-    css: /*#__PURE__*/css(getListTextStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTGdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExpc3RJdGVtLCBMaXN0VGV4dCwgTGlzdEljb24gfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB1c2VEcm9wZG93bkNvbnRleHQgZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtUHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudD86IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTWVudUl0ZW1gIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUl0ZW1gLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29sb3IgZm9yIHRoZSB0ZXh0LlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSBsZWZ0IGFsaWduZWQuXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBDaG9vc2UgYW4gaWNvbiB0aGF0IHdpbGwgYmUgcmlnaHQgYWxpZ25lZC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHN2Z0Rpc2FibGVkID0gY3NzYFxuICBzdmcgPiBwYXRoIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBmaWxsOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG4gIHNwYW4ge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IHVzZXJIb3ZlckRpc2FibGVkID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLXdpZHRoOiA5NnB4O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogYXV0bztcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbmBcblxuZXhwb3J0IGNvbnN0IGdldExpc3RJdGVtU3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnICYmIGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29udGFpbmVyU3R5bGV9XG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt1c2VySG92ZXJEaXNhYmxlZH1cbiAgICAgICR7c3ZnRGlzYWJsZWR9XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGdldExpc3RUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgYFxuICB9XG59XG5cbmNvbnN0IGdldExpc3RJY29uU3R5bGUgPSAobXVsdGlzZWxlY3Q/OiBib29sZWFuLCBzZWxlY3RlZD86IGJvb2xlYW4sIHNpemU/OiBEcm9wZG93blNpemUpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCAmJiBtdWx0aXNlbGVjdCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIGBcbiAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLWhlaWdodDogMjBweDtcbiAgICAgIG1pbi13aWR0aDogMjBweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGBcbiAgfVxufVxuXG5jb25zdCBNZW51SXRlbSA9ICh7XG4gIGFzID0gJ3NwYW4nLFxuICBjbGlja2FibGUsXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnksXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIC4uLnJlc3Rcbn06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplLCBtdWx0aXNlbGVjdCB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcbiAgY29uc3QgW2lzU2VsZWN0ZWQsIHNldElzU2VsZWN0ZWRdID0gUmVhY3QudXNlU3RhdGUoc2VsZWN0ZWQpXG5cbiAgY29uc3QgaGFuZGxlTXVsdGlzZWxlY3RFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBzZXRJc1NlbGVjdGVkKCFpc1NlbGVjdGVkKVxuICAgIH1cbiAgfVxuICBjb25zdCBoYW5kbGVFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCghZGlzYWJsZWQgJiZcbiAgICAgICAgbXVsdGlzZWxlY3QgJiYge1xuICAgICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xpY2ssXG4gICAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZUV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKGRpc2FibGVkICYmIHtcbiAgICAgICAgICB0YWJJbmRleDogLTEsXG4gICAgICAgIH0pKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2dldExpc3RJdGVtU3R5bGUoc2l6ZSwgZGlzYWJsZWQpfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtpY29uTGVmdCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25MZWZ0fSAvPn1cbiAgICAgIDxMaXN0VGV4dFxuICAgICAgICBzdHlsZWRBcz1cImJvZHlcIlxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdFRleHRTdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaXN0VGV4dD5cbiAgICAgIHtpY29uUmlnaHQgJiYgPExpc3RJY29uIGNzcz17Z2V0TGlzdEljb25TdHlsZShtdWx0aXNlbGVjdCwgc2VsZWN0ZWQsIHNpemUpfSBpY29uPXtpY29uUmlnaHR9IC8+fVxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUl0ZW1cbiJdfQ== */")
-  }, children), iconRight && ___EmotionJSX(ListIcon, {
-    css: getListIconStyle(multiselect, selected, size),
-    icon: iconRight
+  }, rest), {}, {
+    children: [iconLeft && _jsx(ListIcon, {
+      css: getListIconStyle(multiselect, selected, size),
+      icon: iconLeft
+    }), _jsx(ListText, {
+      styledAs: "body",
+      color: color,
+      css: /*#__PURE__*/css(getListTextStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTGdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExpc3RJdGVtLCBMaXN0VGV4dCwgTGlzdEljb24gfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB1c2VEcm9wZG93bkNvbnRleHQgZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtUHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudD86IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTWVudUl0ZW1gIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUl0ZW1gLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29sb3IgZm9yIHRoZSB0ZXh0LlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSBsZWZ0IGFsaWduZWQuXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBDaG9vc2UgYW4gaWNvbiB0aGF0IHdpbGwgYmUgcmlnaHQgYWxpZ25lZC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHN2Z0Rpc2FibGVkID0gY3NzYFxuICBzdmcgPiBwYXRoIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBmaWxsOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG4gIHNwYW4ge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IHVzZXJIb3ZlckRpc2FibGVkID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLXdpZHRoOiA5NnB4O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogYXV0bztcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbmBcblxuZXhwb3J0IGNvbnN0IGdldExpc3RJdGVtU3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnICYmIGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29udGFpbmVyU3R5bGV9XG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt1c2VySG92ZXJEaXNhYmxlZH1cbiAgICAgICR7c3ZnRGlzYWJsZWR9XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGdldExpc3RUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgYFxuICB9XG59XG5cbmNvbnN0IGdldExpc3RJY29uU3R5bGUgPSAobXVsdGlzZWxlY3Q/OiBib29sZWFuLCBzZWxlY3RlZD86IGJvb2xlYW4sIHNpemU/OiBEcm9wZG93blNpemUpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCAmJiBtdWx0aXNlbGVjdCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIGBcbiAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLWhlaWdodDogMjBweDtcbiAgICAgIG1pbi13aWR0aDogMjBweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGBcbiAgfVxufVxuXG5jb25zdCBNZW51SXRlbSA9ICh7XG4gIGFzID0gJ3NwYW4nLFxuICBjbGlja2FibGUsXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnksXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIC4uLnJlc3Rcbn06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplLCBtdWx0aXNlbGVjdCB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcbiAgY29uc3QgW2lzU2VsZWN0ZWQsIHNldElzU2VsZWN0ZWRdID0gUmVhY3QudXNlU3RhdGUoc2VsZWN0ZWQpXG5cbiAgY29uc3QgaGFuZGxlTXVsdGlzZWxlY3RFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBzZXRJc1NlbGVjdGVkKCFpc1NlbGVjdGVkKVxuICAgIH1cbiAgfVxuICBjb25zdCBoYW5kbGVFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCghZGlzYWJsZWQgJiZcbiAgICAgICAgbXVsdGlzZWxlY3QgJiYge1xuICAgICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xpY2ssXG4gICAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZUV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKGRpc2FibGVkICYmIHtcbiAgICAgICAgICB0YWJJbmRleDogLTEsXG4gICAgICAgIH0pKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2dldExpc3RJdGVtU3R5bGUoc2l6ZSwgZGlzYWJsZWQpfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtpY29uTGVmdCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25MZWZ0fSAvPn1cbiAgICAgIDxMaXN0VGV4dFxuICAgICAgICBzdHlsZWRBcz1cImJvZHlcIlxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdFRleHRTdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaXN0VGV4dD5cbiAgICAgIHtpY29uUmlnaHQgJiYgPExpc3RJY29uIGNzcz17Z2V0TGlzdEljb25TdHlsZShtdWx0aXNlbGVjdCwgc2VsZWN0ZWQsIHNpemUpfSBpY29uPXtpY29uUmlnaHR9IC8+fVxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUl0ZW1cbiJdfQ== */"),
+      children: children
+    }), iconRight && _jsx(ListIcon, {
+      css: getListIconStyle(multiselect, selected, size),
+      icon: iconRight
+    })]
   }));
 };
 export default MenuItem;

package/dropdown-menu/MenuTitle.js

@@ -5,7 +5,7 @@ import { theme } from '@dfds-ui/theme';
 import { ListItem, ListText } from '../lists';
 import useDropdownContext from './DropdownContext';
 import { getListItemStyle } from './MenuItem';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "rnnx2x",
   styles: "font-size:12px"
@@ -28,15 +28,18 @@ var MenuTitle = function MenuTitle(_ref2) {
     className = _ref2.className;
   var _useDropdownContext = useDropdownContext(),
     size = _useDropdownContext.size;
-  return ___EmotionJSX("span", {
-    tabIndex: -1
-  }, ___EmotionJSX(ListItem, {
-    className: className,
-    css: /*#__PURE__*/css(getListItemStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVUaXRsZVByb3BzIHtcbiAgLyoqXG4gICAqIENoYW5nZSB0aGUgY29sb3Igb2YgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBnZXRUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgXG4gIH1cbn1cblxuY29uc3QgTWVudVRpdGxlID0gKHsgY29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluLCBjaGlsZHJlbiwgY2xhc3NOYW1lIH06IE1lbnVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2l6ZSB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIHRhYkluZGV4PXstMX0+XG4gICAgICA8TGlzdEl0ZW1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPExpc3RUZXh0XG4gICAgICAgICAgc3R5bGVkQXM9XCJzbWFsbEhlYWRsaW5lXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7Z2V0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xpc3RUZXh0PlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudVRpdGxlXG4iXX0= */")
-  }, ___EmotionJSX(ListText, {
-    styledAs: "smallHeadline",
-    css: /*#__PURE__*/css(getTextStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrQiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVUaXRsZVByb3BzIHtcbiAgLyoqXG4gICAqIENoYW5nZSB0aGUgY29sb3Igb2YgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBnZXRUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgXG4gIH1cbn1cblxuY29uc3QgTWVudVRpdGxlID0gKHsgY29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluLCBjaGlsZHJlbiwgY2xhc3NOYW1lIH06IE1lbnVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2l6ZSB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIHRhYkluZGV4PXstMX0+XG4gICAgICA8TGlzdEl0ZW1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPExpc3RUZXh0XG4gICAgICAgICAgc3R5bGVkQXM9XCJzbWFsbEhlYWRsaW5lXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7Z2V0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xpc3RUZXh0PlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudVRpdGxlXG4iXX0= */"),
-    color: color
-  }, children)));
+  return _jsx("span", {
+    tabIndex: -1,
+    children: _jsx(ListItem, {
+      className: className,
+      css: /*#__PURE__*/css(getListItemStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVUaXRsZVByb3BzIHtcbiAgLyoqXG4gICAqIENoYW5nZSB0aGUgY29sb3Igb2YgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBnZXRUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgXG4gIH1cbn1cblxuY29uc3QgTWVudVRpdGxlID0gKHsgY29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluLCBjaGlsZHJlbiwgY2xhc3NOYW1lIH06IE1lbnVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2l6ZSB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIHRhYkluZGV4PXstMX0+XG4gICAgICA8TGlzdEl0ZW1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPExpc3RUZXh0XG4gICAgICAgICAgc3R5bGVkQXM9XCJzbWFsbEhlYWRsaW5lXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7Z2V0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xpc3RUZXh0PlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudVRpdGxlXG4iXX0= */"),
+      children: _jsx(ListText, {
+        styledAs: "smallHeadline",
+        css: /*#__PURE__*/css(getTextStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrQiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgdXNlRHJvcGRvd25Db250ZXh0IGZyb20gJy4vRHJvcGRvd25Db250ZXh0J1xuaW1wb3J0IHsgZ2V0TGlzdEl0ZW1TdHlsZSB9IGZyb20gJy4vTWVudUl0ZW0nXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVUaXRsZVByb3BzIHtcbiAgLyoqXG4gICAqIENoYW5nZSB0aGUgY29sb3Igb2YgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBnZXRUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgXG4gIH1cbn1cblxuY29uc3QgTWVudVRpdGxlID0gKHsgY29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluLCBjaGlsZHJlbiwgY2xhc3NOYW1lIH06IE1lbnVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgc2l6ZSB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIHRhYkluZGV4PXstMX0+XG4gICAgICA8TGlzdEl0ZW1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPExpc3RUZXh0XG4gICAgICAgICAgc3R5bGVkQXM9XCJzbWFsbEhlYWRsaW5lXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7Z2V0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICAgIGB9XG4gICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0xpc3RUZXh0PlxuICAgICAgPC9MaXN0SXRlbT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudVRpdGxlXG4iXX0= */"),
+        color: color,
+        children: children
+      })
+    })
+  });
 };
 export default MenuTitle;

package/flexbox/FlexBox.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { decamelize } from 'humps';
@@ -19,7 +19,7 @@ var getRule = function getRule(ruleName, defaultRule) {
         separator: '-'
       }).split('-'),
       _decamelize$split2 = _toArray(_decamelize$split),
-      rule = _decamelize$split2.slice(1);
+      rule = _arrayLikeToArray(_decamelize$split2).slice(1);
     return rule.join('-');
   };
 };

package/footer/Footer.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
 import React from 'react';
 import { Logo } from '../logo';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var StyledLogo = /*#__PURE__*/_styled(Logo, process.env.NODE_ENV === "production" ? {
   target: "eqg0bpw2"
 } : {
@@ -24,8 +24,13 @@ var Footer = function Footer(_ref) {
   var className = _ref.className,
     children = _ref.children,
     bottomChildren = _ref.bottomChildren;
-  return ___EmotionJSX("div", {
-    className: className
-  }, children && ___EmotionJSX(FooterTopSection, null, children), ___EmotionJSX(FooterBottomSection, null, ___EmotionJSX(StyledLogo, null), bottomChildren));
+  return _jsxs("div", {
+    className: className,
+    children: [children && _jsx(FooterTopSection, {
+      children: children
+    }), _jsxs(FooterBottomSection, {
+      children: [_jsx(StyledLogo, {}), bottomChildren]
+    })]
+  });
 };
 export default Footer;

package/forms/asterisk/Asterisk.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1pxcodh0"
 } : {
@@ -9,6 +9,8 @@ var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production"
   label: "Wrapper"
 })("color:", theme.colors.secondary.main, ";padding-left:5px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9hc3Rlcmlzay9Bc3Rlcmlzay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTJCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9mb3Jtcy9hc3Rlcmlzay9Bc3Rlcmlzay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG5gXG5cbmNvbnN0IEFzdGVyaXNrID0gKCkgPT4ge1xuICByZXR1cm4gPFdyYXBwZXI+KjwvV3JhcHBlcj5cbn1cblxuZXhwb3J0IGRlZmF1bHQgQXN0ZXJpc2tcbiJdfQ== */"));
 var Asterisk = function Asterisk() {
-  return ___EmotionJSX(Wrapper, null, "*");
+  return _jsx(Wrapper, {
+    children: "*"
+  });
 };
 export default Asterisk;

package/forms/checkbox/Checkbox.js

@@ -1,8 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["children", "className", "error", "checked", "disabled", "indeterminate", "onChange", "onLabelClick", "size", "htmlSize", "leadingLabel"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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 React from 'react';
 import { css } from '@emotion/react';
@@ -11,7 +16,7 @@ import { Minus } from '@dfds-ui/icons/system';
 import { theme } from '@dfds-ui/theme';
 import { Text } from '@dfds-ui/typography';
 import { visuallyHidden } from '../../styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var checkboxSizes = {
   small: {
     checkbox: '16px',
@@ -102,38 +107,43 @@ var Checkbox = function Checkbox(_ref2, ref) {
     htmlSize = _ref2.htmlSize,
     leadingLabel = _ref2.leadingLabel,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  return ___EmotionJSX(Label, {
+  return _jsxs(Label, {
     hasError: error,
     size: size,
     className: className,
     disabled: disabled,
     leadingLabel: leadingLabel,
-    onClick: onLabelClick
-  }, children && leadingLabel && ___EmotionJSX(StyledLabelText, {
-    as: "span",
-    styledAs: 'body',
-    size: size,
-    leadingLabel: leadingLabel
-  }, children), ___EmotionJSX("input", _extends({
-    type: "checkbox",
-    onChange: onChange,
-    checked: checked,
-    disabled: disabled,
-    readOnly: !onChange,
-    "aria-invalid": error,
-    size: htmlSize,
-    ref: ref
-  }, rest)), ___EmotionJSX("i", null, indeterminate ? ___EmotionJSX(Indeterminate, {
-    size: size,
-    focusable: "false"
-  }) : checked && ___EmotionJSX(Checkmark, {
-    size: size,
-    focusable: "false"
-  })), children && !leadingLabel && ___EmotionJSX(StyledLabelText, {
-    as: "span",
-    styledAs: 'body',
-    size: size,
-    leadingLabel: leadingLabel
-  }, children));
+    onClick: onLabelClick,
+    children: [children && leadingLabel && _jsx(StyledLabelText, {
+      as: "span",
+      styledAs: 'body',
+      size: size,
+      leadingLabel: leadingLabel,
+      children: children
+    }), _jsx("input", _objectSpread({
+      type: "checkbox",
+      onChange: onChange,
+      checked: checked,
+      disabled: disabled,
+      readOnly: !onChange,
+      "aria-invalid": error,
+      size: htmlSize,
+      ref: ref
+    }, rest)), _jsx("i", {
+      children: indeterminate ? _jsx(Indeterminate, {
+        size: size,
+        focusable: "false"
+      }) : checked && _jsx(Checkmark, {
+        size: size,
+        focusable: "false"
+      })
+    }), children && !leadingLabel && _jsx(StyledLabelText, {
+      as: "span",
+      styledAs: 'body',
+      size: size,
+      leadingLabel: leadingLabel,
+      children: children
+    })]
+  });
 };
 export default /*#__PURE__*/React.forwardRef(Checkbox);

package/forms/checkbox/ExampleControlComponent.js

@@ -1,16 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["checked", "children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import Checkbox from './Checkbox';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var ExampleControlComponent = function ExampleControlComponent(_ref) {
   var defaultChecked = _ref.checked,
     children = _ref.children,
@@ -19,7 +24,7 @@ var ExampleControlComponent = function ExampleControlComponent(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     checked = _React$useState2[0],
     setChecked = _React$useState2[1];
-  return ___EmotionJSX(Checkbox, _extends({
+  return _jsx(Checkbox, _objectSpread(_objectSpread({
     onChange: function onChange() {
       return setChecked(function (state) {
         return !state;
@@ -27,6 +32,8 @@ var ExampleControlComponent = function ExampleControlComponent(_ref) {
     },
     checked: checked,
     name: "test"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export default ExampleControlComponent;

package/forms/email-field/EmailField.js

@@ -1,12 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import TextField from '../text-field/TextField';
 
 // EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var EmailField = function EmailField(props, ref) {
-  return ___EmotionJSX(TextField, _extends({}, props, {
+  return _jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     type: "email"
   }));

package/forms/field/Field.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import Label from '../label/Label';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eazjpxc2"
 } : {
@@ -47,8 +47,13 @@ var Field = function Field(_ref) {
     required = _ref.required,
     assistiveText = _ref.assistiveText,
     children = _ref.children;
-  return ___EmotionJSX(Wrapper, null, label !== undefined && ___EmotionJSX(FieldLabel, {
-    required: required
-  }, label), children, assistiveText !== undefined && ___EmotionJSX(Assistive, null, assistiveText));
+  return _jsxs(Wrapper, {
+    children: [label !== undefined && _jsx(FieldLabel, {
+      required: required,
+      children: label
+    }), children, assistiveText !== undefined && _jsx(Assistive, {
+      children: assistiveText
+    })]
+  });
 };
 export default Field;

package/forms/input/Input.js

@@ -1,13 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["name", "multiline", "error", "icon", "placeholder", "placeholderAlignment", "wrapperClassName", "size", "htmlSize", "disabled"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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 React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ezaj29z2"
 } : {
@@ -124,23 +129,25 @@ var Input = function Input(props, ref) {
     htmlSize = props.htmlSize,
     disabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
-  return ___EmotionJSX(Wrapper, {
-    className: wrapperClassName
-  }, ___EmotionJSX(StyledInput, _extends({
-    name: name,
-    as: multiline ? 'textarea' : 'input',
-    multiline: multiline,
-    "aria-invalid": error,
-    hasIcon: !!icon,
-    placeholder: placeholder,
-    placeholderAlignment: placeholderAlignment,
-    visualSize: size,
-    size: htmlSize,
-    disabled: disabled,
-    ref: ref
-  }, rest)), icon && ___EmotionJSX(Icon, {
-    size: size,
-    disabled: disabled
-  }, icon));
+  return _jsxs(Wrapper, {
+    className: wrapperClassName,
+    children: [_jsx(StyledInput, _objectSpread({
+      name: name,
+      as: multiline ? 'textarea' : 'input',
+      multiline: multiline,
+      "aria-invalid": error,
+      hasIcon: !!icon,
+      placeholder: placeholder,
+      placeholderAlignment: placeholderAlignment,
+      visualSize: size,
+      size: htmlSize,
+      disabled: disabled,
+      ref: ref
+    }, rest)), icon && _jsx(Icon, {
+      size: size,
+      disabled: disabled,
+      children: icon
+    })]
+  });
 };
 export default /*#__PURE__*/React.forwardRef(Input);