@amboss/design-system 1.15.2 → 1.15.3

package/build/cjs/src/components/Notification/Notification.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Card = require('../Card/Card.js');
+var Box = require('../Box/Box.js');
+var Columns = require('../Column/Columns.js');
+var Button = require('../Button/Button.js');
+var Icon = require('../Icon/Icon.js');
+var Text = require('../Typography/Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ANIMATION_TIME = 200;
+const StyledExpandingContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo1"
+} : {
+  target: "e1cdeufo1",
+  label: "StyledExpandingContainer"
+})(_ref => {
+  let {
+    isDismissed
+  } = _ref;
+  return {
+    transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
+    transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwicHJpbWFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo0"
+} : {
+  target: "e1cdeufo0",
+  label: "StyledContainer"
+})(() => ({
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IGNvbG9yPVwicHJpbWFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function Notification(_ref2) {
+  let {
+    text,
+    icon,
+    isDismissable,
+    callToActionLabel,
+    onClickDismiss,
+    onClickCallToAction,
+    expandable,
+    expandButtonLabel,
+    shrinkButtonLabel,
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [isDismissed, setIsDismissed] = React.useState(false);
+  const dismiss = () => {
+    setIsDismissed(true);
+    setTimeout(onClickDismiss, ANIMATION_TIME);
+  };
+  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
+    "data-ds-id": "Notification"
+  }, /*#__PURE__*/React__default.default.createElement(StyledExpandingContainer, {
+    isDismissed: isDismissed
+  }, /*#__PURE__*/React__default.default.createElement(Card.Card, {
+    squareCorners: true,
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: "s"
+  }, /*#__PURE__*/React__default.default.createElement(Columns.Columns, {
+    gap: "s",
+    vAlignItems: "top"
+  }, icon && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
+    name: icon,
+    color: "primary",
+    "data-testid": "icon"
+  }))), /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "fill"
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React__default.default.createElement(Text.Text, null, text))), " ", (callToActionLabel || expandable) && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: [12, "narrow", "narrow"],
+    order: ["last", "unset", "unset"]
+  }, callToActionLabel && /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: onClickCallToAction
+  }, callToActionLabel), expandable && /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: () => setIsExpanded(!isExpanded),
+    rightIcon: isExpanded ? "chevron-up" : "chevron-down"
+  }, isExpanded ? shrinkButtonLabel : expandButtonLabel)), isDismissable && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    leftIcon: "x",
+    variant: "tertiary",
+    size: "s",
+    onClick: dismiss
+  }))), isExpanded && children))));
+}
+
+exports.Notification = Notification;

package/build/cjs/src/components/Pagination/Pagination.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var React = require('react');
+var Inline = require('../Inline/Inline.js');
+var PictogramButton = require('../PictogramButton/PictogramButton.js');
+var Text = require('../Typography/Text/Text.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function getItemIndices(page, numOfItemsPerPage, numOfItems) {
+  let lastItemIndex = page * numOfItemsPerPage;
+  let itemsPerPage = numOfItemsPerPage;
+
+  // Re-calculate the numOfItemsPerPage for the last page.
+  if (lastItemIndex > numOfItems) {
+    itemsPerPage -= lastItemIndex - numOfItems;
+    lastItemIndex = numOfItems;
+  }
+  const firstItemIndex = lastItemIndex - itemsPerPage + 1;
+  return [firstItemIndex, lastItemIndex];
+}
+function Pagination(_ref) {
+  let {
+    numOfItems,
+    numOfItemsPerPage = 1,
+    currentPage,
+    formatLabel,
+    alignLabel = "center",
+    "data-e2e-test-id": dataE2eTestId,
+    onPrevClick,
+    onNextClick
+  } = _ref;
+  let label;
+  const itemsPerPage = numOfItems > numOfItemsPerPage ? numOfItemsPerPage : numOfItems;
+  const numOfPages = Math.ceil(numOfItems / itemsPerPage);
+  const isFirstPage = currentPage === 1;
+  const isLastPage = currentPage === numOfPages;
+  if (itemsPerPage > 1) {
+    const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, itemsPerPage, numOfItems);
+    if (formatLabel) {
+      label = formatLabel(firstItemIndex, lastItemIndex);
+    } else if (firstItemIndex === lastItemIndex) {
+      label = `${firstItemIndex} of ${numOfItems}`;
+    } else {
+      label = `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
+    }
+  } else {
+    label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;
+  }
+  const handlePrevClick = () => {
+    if (itemsPerPage > 1) {
+      const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, itemsPerPage, numOfItems);
+      onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);
+    } else {
+      onPrevClick(currentPage - 1);
+    }
+  };
+  const handleNextClick = () => {
+    if (itemsPerPage > 1) {
+      const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, itemsPerPage, numOfItems);
+      onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);
+    } else {
+      onNextClick(currentPage + 1);
+    }
+  };
+  const leftButton = /*#__PURE__*/React__default.default.createElement(PictogramButton.PictogramButton, {
+    size: "s",
+    icon: "chevron-left",
+    disabled: isFirstPage,
+    onClick: handlePrevClick
+  });
+  const rightButton = /*#__PURE__*/React__default.default.createElement(PictogramButton.PictogramButton, {
+    size: "s",
+    icon: "chevron-right",
+    disabled: isLastPage,
+    onClick: handleNextClick
+  });
+  const labelElm = /*#__PURE__*/React__default.default.createElement(Text.Text, {
+    size: "s"
+  }, label);
+  const content = alignLabel === "left" ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, labelElm, leftButton, rightButton) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, leftButton, labelElm, rightButton);
+  return /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    vAlignItems: "center",
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Pagination"
+  }, content);
+}
+
+exports.Pagination = Pagination;

package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var React = require('react');
+var Columns = require('../../Column/Columns.js');
+var Button = require('../../Button/Button.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/* eslint-disable react/jsx-props-no-spreading */
+function ButtonGroup(_ref) {
+  let {
+    cancelButtonText,
+    actionButton,
+    onButtonClick,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  const {
+    text,
+    ...rest
+  } = actionButton;
+  return /*#__PURE__*/React__default.default.createElement(Columns.Columns, {
+    gap: "s",
+    alignItems: ["spaceBetween", "right"],
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "ButtonGroup"
+  }, actionButton && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    order: ["first", "last"],
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, _extends__default.default({
+    variant: "primary",
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("action");
+    }
+  }, rest), text)), cancelButtonText && /*#__PURE__*/React__default.default.createElement(Columns.Column, {
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    variant: "secondary",
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("cancel");
+    }
+  }, cancelButtonText)));
+}
+
+/* eslint-enable react/jsx-props-no-spreading */
+
+exports.ButtonGroup = ButtonGroup;

package/build/cjs/src/components/Patterns/Modal/Modal.js

@@ -0,0 +1,221 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _styled = require('@emotion/styled/base');
+var React = require('react');
+var Portal = require('../../Portal/Portal.js');
+var Header = require('../../Typography/Header/Header.js');
+var Stack = require('../../Stack/Stack.js');
+var Container = require('../../Container/Container.js');
+var Box = require('../../Box/Box.js');
+var Inline = require('../../Inline/Inline.js');
+var ButtonGroup = require('../ButtonGroup/ButtonGroup.js');
+var Button = require('../../Button/Button.js');
+var Text = require('../../Typography/Text/Text.js');
+var mediaQueries = require('../../../shared/mediaQueries.js');
+var useOnEscapePress = require('../../../shared/useOnEscapePress.js');
+var useOutsideClick = require('../../../shared/useOutsideClick.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultModalProps = {
+  role: "dialog",
+  "data-e2e-test-id": undefined,
+  privateProps: {
+    skipPortal: false
+  }
+};
+const StyledBackdrop = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj4"
+} : {
+  target: "encqoj4",
+  label: "StyledBackdrop"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100vh",
+    background: theme.values.color.background.backdrop.default,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    flex: "1 0 auto"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3VCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleDogXCIxIDAgYXV0b1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gIC4uLm1xVmFsdWUoe1xuICAgIHdpZHRoOiBbXG4gICAgICBgY2FsYygxMDB2dyAtIGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICogMikpYCxcbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tb2RhbC53aWR0aCxcbiAgICBdLFxuICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gMTAwcHgpYCxcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIG1heEhlaWdodDogXCIxMDAlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBhc3BlY3RSYXRpbzogXCIxNi85XCIsXG59KSk7XG5cbmNvbnN0IE1vZGFsU3RhY2sgPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBPbWl0PFN0YWNrUHJvcHMsIFwic3BhY2VcIj4pID0+IChcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgPFN0YWNrIHsuLi5yZXN0fSBzcGFjZT1cIm1cIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RhY2s+XG4pO1xuXG5jb25zdCBNb2RhbFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogT21pdDxUZXh0UHJvcHMsIFwic2l6ZVwiIHwgXCJ2YXJpYW50XCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxUZXh0IHsuLi5yZXN0fSBzaXplPVwibVwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTW9kYWxcIlxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledModalWrapper = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj3"
+} : {
+  target: "encqoj3",
+  label: "StyledModalWrapper"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    maxWidth: theme.variables.size.dimension.modal.width,
+    ...mediaQueries.mqValue({
+      width: [`calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`, theme.variables.size.dimension.modal.width]
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRDJCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleDogXCIxIDAgYXV0b1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gIC4uLm1xVmFsdWUoe1xuICAgIHdpZHRoOiBbXG4gICAgICBgY2FsYygxMDB2dyAtIGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICogMikpYCxcbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tb2RhbC53aWR0aCxcbiAgICBdLFxuICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gMTAwcHgpYCxcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIG1heEhlaWdodDogXCIxMDAlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBhc3BlY3RSYXRpbzogXCIxNi85XCIsXG59KSk7XG5cbmNvbnN0IE1vZGFsU3RhY2sgPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBPbWl0PFN0YWNrUHJvcHMsIFwic3BhY2VcIj4pID0+IChcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgPFN0YWNrIHsuLi5yZXN0fSBzcGFjZT1cIm1cIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RhY2s+XG4pO1xuXG5jb25zdCBNb2RhbFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogT21pdDxUZXh0UHJvcHMsIFwic2l6ZVwiIHwgXCJ2YXJpYW50XCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxUZXh0IHsuLi5yZXN0fSBzaXplPVwibVwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTW9kYWxcIlxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledInner = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj2"
+} : {
+  target: "encqoj2",
+  label: "StyledInner"
+})(() => ({
+  display: "flex",
+  maxHeight: `calc(100vh - 100px)`,
+  flexDirection: "column",
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRG9CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleDogXCIxIDAgYXV0b1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gIC4uLm1xVmFsdWUoe1xuICAgIHdpZHRoOiBbXG4gICAgICBgY2FsYygxMDB2dyAtIGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICogMikpYCxcbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tb2RhbC53aWR0aCxcbiAgICBdLFxuICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gMTAwcHgpYCxcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIG1heEhlaWdodDogXCIxMDAlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBhc3BlY3RSYXRpbzogXCIxNi85XCIsXG59KSk7XG5cbmNvbnN0IE1vZGFsU3RhY2sgPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBPbWl0PFN0YWNrUHJvcHMsIFwic3BhY2VcIj4pID0+IChcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgPFN0YWNrIHsuLi5yZXN0fSBzcGFjZT1cIm1cIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RhY2s+XG4pO1xuXG5jb25zdCBNb2RhbFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogT21pdDxUZXh0UHJvcHMsIFwic2l6ZVwiIHwgXCJ2YXJpYW50XCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxUZXh0IHsuLi5yZXN0fSBzaXplPVwibVwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTW9kYWxcIlxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledBody = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj1"
+} : {
+  target: "encqoj1",
+  label: "StyledBody"
+})(() => ({
+  overflowY: "auto",
+  maxHeight: "100%"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRW1CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleDogXCIxIDAgYXV0b1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gIC4uLm1xVmFsdWUoe1xuICAgIHdpZHRoOiBbXG4gICAgICBgY2FsYygxMDB2dyAtIGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICogMikpYCxcbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tb2RhbC53aWR0aCxcbiAgICBdLFxuICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gMTAwcHgpYCxcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIG1heEhlaWdodDogXCIxMDAlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBhc3BlY3RSYXRpbzogXCIxNi85XCIsXG59KSk7XG5cbmNvbnN0IE1vZGFsU3RhY2sgPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBPbWl0PFN0YWNrUHJvcHMsIFwic3BhY2VcIj4pID0+IChcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgPFN0YWNrIHsuLi5yZXN0fSBzcGFjZT1cIm1cIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RhY2s+XG4pO1xuXG5jb25zdCBNb2RhbFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogT21pdDxUZXh0UHJvcHMsIFwic2l6ZVwiIHwgXCJ2YXJpYW50XCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxUZXh0IHsuLi5yZXN0fSBzaXplPVwibVwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTW9kYWxcIlxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledImg = /*#__PURE__*/_styled__default.default("img", process.env.NODE_ENV === "production" ? {
+  target: "encqoj0"
+} : {
+  target: "encqoj0",
+  label: "StyledImg"
+})(() => ({
+  width: "100%",
+  aspectRatio: "16/9"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWtCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleDogXCIxIDAgYXV0b1wiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIG1heFdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gIC4uLm1xVmFsdWUoe1xuICAgIHdpZHRoOiBbXG4gICAgICBgY2FsYygxMDB2dyAtIGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICogMikpYCxcbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tb2RhbC53aWR0aCxcbiAgICBdLFxuICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gMTAwcHgpYCxcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIG1heEhlaWdodDogXCIxMDAlXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWcoKCkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBhc3BlY3RSYXRpbzogXCIxNi85XCIsXG59KSk7XG5cbmNvbnN0IE1vZGFsU3RhY2sgPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBPbWl0PFN0YWNrUHJvcHMsIFwic3BhY2VcIj4pID0+IChcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgPFN0YWNrIHsuLi5yZXN0fSBzcGFjZT1cIm1cIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RhY2s+XG4pO1xuXG5jb25zdCBNb2RhbFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogT21pdDxUZXh0UHJvcHMsIFwic2l6ZVwiIHwgXCJ2YXJpYW50XCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxUZXh0IHsuLi5yZXN0fSBzaXplPVwibVwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTW9kYWxcIlxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const ModalStack = _ref3 => {
+  let {
+    children,
+    ...rest
+  } = _ref3;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React__default.default.createElement(Stack.Stack, _extends__default.default({}, rest, {
+      space: "m"
+    }), children)
+  );
+};
+const ModalText = _ref4 => {
+  let {
+    children,
+    ...rest
+  } = _ref4;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React__default.default.createElement(Text.Text, _extends__default.default({}, rest, {
+      size: "m",
+      color: "tertiary"
+    }), children)
+  );
+};
+const Footer = _ref5 => {
+  let {
+    children,
+    alignItems = ["spaceBetween", "right"]
+  } = _ref5;
+  return /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: "zero",
+    tSpace: "l"
+  }, /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    alignItems: alignItems
+  }, children));
+};
+const Wrapper = _ref6 => {
+  let {
+    skipPortal,
+    children
+  } = _ref6;
+  return skipPortal ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children) : /*#__PURE__*/React__default.default.createElement(Portal.Portal, null, /*#__PURE__*/React__default.default.createElement(StyledBackdrop, null, children));
+};
+const ButtonClose = _ref7 => {
+  let {
+    onClick
+  } = _ref7;
+  return /*#__PURE__*/React__default.default.createElement(Button.Button, {
+    variant: "tertiary",
+    leftIcon: "x",
+    size: "s",
+    onClick: onClick
+  });
+};
+function Modal(_ref8) {
+  let {
+    header,
+    subHeader,
+    labelHeader,
+    children,
+    imageUrl,
+    cancelButtonLabel,
+    actionButton,
+    role,
+    onAction,
+    privateProps: {
+      skipPortal
+    },
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref8;
+  const modalRef = React.useRef(null);
+  const handleClose = () => {
+    onAction("cancel");
+  };
+  const hasBackdropDismiss = !skipPortal;
+  useOutsideClick.useOutsideClick(modalRef, handleClose, hasBackdropDismiss);
+  useOnEscapePress.useOnEscapePress(handleClose, [handleClose]);
+  return /*#__PURE__*/React__default.default.createElement(Wrapper, {
+    skipPortal: skipPortal
+  }, /*#__PURE__*/React__default.default.createElement(StyledModalWrapper, {
+    ref: modalRef,
+    role: role,
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Modal"
+  }, /*#__PURE__*/React__default.default.createElement(Container.Container, {
+    elevation: 4
+  }, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: ["m", "xl"]
+  }, /*#__PURE__*/React__default.default.createElement(StyledInner, null, /*#__PURE__*/React__default.default.createElement(Box.Box, {
+    space: "zero",
+    bSpace: "s"
+  }, /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    space: imageUrl ? ["s", "l"] : "zero"
+  }, imageUrl && /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    alignItems: "right"
+  }, /*#__PURE__*/React__default.default.createElement(ButtonClose, {
+    onClick: handleClose
+  })), /*#__PURE__*/React__default.default.createElement(StyledImg, {
+    src: imageUrl
+  })), /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
+    alignItems: "spaceBetween",
+    noWrap: true
+  }, /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    space: "xs"
+  }, labelHeader && /*#__PURE__*/React__default.default.createElement(Header.H6, null, labelHeader), /*#__PURE__*/React__default.default.createElement(Stack.Stack, {
+    space: "xxs"
+  }, /*#__PURE__*/React__default.default.createElement(Header.H2, null, header), subHeader && /*#__PURE__*/React__default.default.createElement(Header.H4, null, subHeader))), !imageUrl && /*#__PURE__*/React__default.default.createElement(ButtonClose, {
+    onClick: handleClose
+  })))), /*#__PURE__*/React__default.default.createElement(StyledBody, null, children), (actionButton || cancelButtonLabel) && /*#__PURE__*/React__default.default.createElement(Footer, null, /*#__PURE__*/React__default.default.createElement(ButtonGroup.ButtonGroup, {
+    actionButton: actionButton,
+    cancelButtonText: cancelButtonLabel,
+    onButtonClick: onAction
+  })))))));
+}
+Modal.defaultProps = defaultModalProps;
+Modal.Stack = ModalStack;
+Modal.Text = ModalText;
+
+exports.Modal = Modal;