@ndla/ui 55.0.12-alpha.0 → 55.0.13-alpha.0

package/es/AudioPlayer/SpeechControl.js

@@ -8,9 +8,8 @@
 
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { IconButtonV2 } from "@ndla/button";
 import { VolumeUp } from "@ndla/icons/common";
-import { Tooltip } from "@ndla/tooltip";
+import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const SpeechControl = _ref => {
   let {
@@ -38,15 +37,18 @@ const SpeechControl = _ref => {
       src: src,
       title: title,
       preload: "metadata"
-    }), _jsx(Tooltip, {
-      tooltip: t("".concat(type, ".play")),
-      children: _jsx(IconButtonV2, {
-        type: "button",
-        onClick: togglePlay,
-        "aria-label": t("".concat(type, ".play")),
-        variant: "ghost",
-        children: _jsx(VolumeUp, {})
-      })
+    }), _jsxs(TooltipRoot, {
+      children: [_jsx(TooltipTrigger, {
+        asChild: true,
+        children: _jsx(IconButton, {
+          variant: "tertiary",
+          "aria-label": t(`${type}.play`),
+          onClick: togglePlay,
+          children: _jsx(VolumeUp, {})
+        })
+      }), _jsx(TooltipContent, {
+        children: t(`${type}.play`)
+      })]
     })]
   });
 };

package/es/BlogPost/BlogPost.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,29 +6,87 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-/** @jsxImportSource @emotion/react */
 import parse from "html-react-parser";
 import { useTranslation } from "react-i18next";
-import { css } from "@emotion/react";
-import { breakpoints, colors, fonts, misc, mq, spacing } from "@ndla/core";
+import { Heading } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Container = /*#__PURE__*/_styled(SafeLink, {
-  target: "e19zpy302",
-  label: "Container"
-})("margin:0 0 ", spacing.normal, " 0;display:flex;flex-direction:column;color:", colors.text.primary, ";background-color:", colors.white, ";gap:", spacing.nsmall, ";box-shadow:none;border:1px solid ", colors.brand.lighter, ";border-radius:", misc.borderRadius, ";padding:", spacing.normal, " ", spacing.medium, ";height:100%;", mq.range({
-  from: breakpoints.tabletWide
-}), "{max-width:350px;&[data-size=\"large\"]{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const headingCss = /*#__PURE__*/css("display:inline-block;width:fit-content;margin:0;font-weight:", fonts.weight.semibold, ";", fonts.sizes("26px", "36px"), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const AuthorContainer = /*#__PURE__*/_styled("div", {
-  target: "e19zpy301",
-  label: "AuthorContainer"
-})("display:flex;align-items:center;gap:", spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
-const StyledImg = /*#__PURE__*/_styled("img", {
-  target: "e19zpy300",
-  label: "StyledImg"
-})("border-radius:", misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBnZXRQb3NzaWJseVJlbGF0aXZlVXJsIH0gZnJvbSBcIi4uL3V0aWxzL3JlbGF0aXZlVXJsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiBcIm5vcm1hbFwiIHwgXCJsYXJnZVwiO1xuICBtZXRhSW1hZ2U6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgcGF0aD86IHN0cmluZztcbn1cblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMzUwcHg7XG4gICAgJltkYXRhLXNpemU9XCJsYXJnZVwiXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKFwiMjZweFwiLCBcIjM2cHhcIil9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gXCJoM1wiLCBzaXplID0gXCJub3JtYWxcIiwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhyZWYgPSBnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybCwgcGF0aCk7XG4gIGNvbnN0IGltYWdlV2lkdGggPSBzaXplID09PSBcImxhcmdlXCIgPyA1MzIgOiAzNTA7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXtocmVmfT5cbiAgICAgIDxIZWFkaW5nIGNsYXNzTmFtZT1cImJsb2ctdGl0bGVcIiBjc3M9e2hlYWRpbmdDc3N9PlxuICAgICAgICB7cGFyc2UodGl0bGUpfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFN0eWxlZEltZyBzcmM9e2Ake21ldGFJbWFnZS51cmx9P3dpZHRoPSR7aW1hZ2VXaWR0aH1gfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KFwiYXJ0aWNsZS53cml0dGVuQnlcIiwgeyBhdXRob3JzOiBhdXRob3IgfSl9PnthdXRob3J9PC9BdXRob3JDb250YWluZXI+fVxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmxvZ1Bvc3Q7XG4iXX0= */"));
+const Container = styled(SafeLink, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    color: "text.default",
+    backgroundColor: "background.default",
+    gap: "medium",
+    border: "1px solid",
+    borderColor: "stroke.subtle",
+    borderRadius: "xsmall",
+    transitionDuration: "fast",
+    transitionProperty: "background-color, border-color, max-width",
+    transitionTimingFunction: "default",
+    height: "100%",
+    "&:hover, &:focus-visible": {
+      borderColor: "stroke.hover",
+      backgroundColor: "surface.actionSubtle.hover",
+      "& h1, h2, h3, h4, h5, h6": {
+        textDecoration: "underline"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "normal"
+  },
+  variants: {
+    // TODO: Reconsider these sizes. Maybe they should match up with surface?
+    size: {
+      normal: {
+        paddingBlock: "medium",
+        paddingInline: "medium",
+        tabletWide: {
+          maxWidth: "350px"
+        }
+      },
+      large: {
+        paddingBlock: "xlarge",
+        paddingInline: "xxlarge",
+        tabletWide: {
+          maxWidth: "532px"
+        }
+      }
+    }
+  }
+},
+// TODO: Reconsider this once we handle SafeLink
+{
+  baseComponent: true
+});
+const AuthorContainer = styled("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xsmall",
+    textTransform: "uppercase",
+    textStyle: "body.large"
+  }
+});
+const StyledImg = styled("img", {
+  base: {
+    borderRadius: "xsmall",
+    flex: "1",
+    objectFit: "cover",
+    width: "100%",
+    height: "100%",
+    border: "0"
+  }
+});
+const StyledHeading = styled(Heading, {
+  base: {
+    display: "inline-block",
+    width: "fit-content"
+  }
+});
 const BlogPost = _ref => {
   let {
     title,
@@ -48,12 +105,17 @@ const BlogPost = _ref => {
   return _jsxs(Container, {
     "data-size": size,
     to: href,
-    children: [_jsx(Heading, {
+    size: size,
+    children: [_jsx(StyledHeading, {
       className: "blog-title",
-      css: headingCss,
-      children: parse(title)
+      asChild: true,
+      consumeCss: true,
+      textStyle: "title.large",
+      children: _jsx(Heading, {
+        children: parse(title)
+      })
     }), _jsx(StyledImg, {
-      src: "".concat(metaImage.url, "?width=").concat(imageWidth),
+      src: `${metaImage.url}?width=${imageWidth}`,
       alt: metaImage.alt
     }), !!author && _jsx(AuthorContainer, {
       "aria-label": t("article.writtenBy", {

package/es/CampaignBlock/CampaignBlock.js

@@ -64,7 +64,6 @@ const TextWrapper = /*#__PURE__*/_styled("div", {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const CampaignBlock = _ref => {
-  var _url$text;
   let {
     title,
     image,
@@ -80,7 +79,7 @@ const CampaignBlock = _ref => {
     "data-type": "campaign-block",
     "data-image-side": imageSide,
     children: [image && _jsx(StyledImg, {
-      src: "".concat(image.src, "?width=240"),
+      src: `${image.src}?width=240`,
       height: 200,
       width: 240,
       alt: image.alt
@@ -90,9 +89,9 @@ const CampaignBlock = _ref => {
         children: parse(title)
       }), _jsx(StyledDescription, {
         children: parse(description)
-      }), !!(url !== null && url !== void 0 && url.url) && _jsxs(StyledLink, {
+      }), !!url?.url && _jsxs(StyledLink, {
         to: getPossiblyRelativeUrl(url.url, path),
-        children: [parse((_url$text = url.text) !== null && _url$text !== void 0 ? _url$text : ""), _jsx(Forward, {})]
+        children: [parse(url.text ?? ""), _jsx(Forward, {})]
       })]
     })]
   });

package/es/CodeBlock/CodeBlock.js

@@ -1,5 +1,3 @@
-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)."; }
 /**
  * Copyright (c) 2020-present, NDLA.
  *
@@ -8,108 +6,102 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 
-import { useState, useEffect, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { ButtonV2 } from "@ndla/button";
-import { colors, fonts, spacing } from "@ndla/core";
-import { Copy } from "@ndla/icons/action";
-import { Done } from "@ndla/icons/editor";
-import { copyTextToClipboard } from "@ndla/util";
-import { codeLanguageOptions } from "./codeLanguageOptions";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Wrapper = /*#__PURE__*/_styled("div", {
-  target: "e1vvg9y53",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bk160n",
-  styles: "margin:15px 0"
-} : {
-  name: "bk160n",
-  styles: "margin:15px 0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TitleBar = /*#__PURE__*/_styled("div", {
-  target: "e1vvg9y52",
-  label: "TitleBar"
-})(process.env.NODE_ENV === "production" ? {
-  name: "unrh3l",
-  styles: "display:flex;justify-content:space-between;width:100%"
-} : {
-  name: "unrh3l",
-  styles: "display:flex;justify-content:space-between;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IyQiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Title = /*#__PURE__*/_styled("h3", {
-  target: "e1vvg9y51",
-  label: "Title"
-})("font-style:normal;font-weight:normal;font-size:16px;line-height:32px;letter-spacing:1px;text-transform:uppercase;color:", colors.text.primary, ";margin:5px 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ1QiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */"));
-const StyledPre = /*#__PURE__*/_styled("pre", {
-  target: "e1vvg9y50",
-  label: "StyledPre"
-})("border-left:4px solid ", colors.brand.dark, ";background-color:", colors.brand.greyLighter, ";box-sizing:border-box;overflow-x:auto;.linenumber{display:inline-block;padding:0 ", spacing.small, ";border-right:1px solid #d8d8d8;margin-right:", spacing.small, ";color:#7d8b99;text-align:right;width:40px;}.linenumber[data-first]{padding-top:", spacing.small, ";}.linenumber[data-last]{padding-bottom:", spacing.small, ";}code{display:block;", fonts.sizes("14px", "20px"), ";font-family:Source Code ProVariable,Monaco;margin:0;padding:0;white-space:pre;}code::before{content:none;}&::before,&::after{content:none!important;}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8b99;}.token.punctuation{color:#5f6364;}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#c92c2c;}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:#2f9c0a;}.token.operator,.token.entity,.token.url,.token.variable{color:#a67f59;background:rgba(255, 255, 255, 0.5);}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:#1990b8;}.token.regex,.token.important{color:#e90;}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255, 255, 255, 0.5);}.token.important{font-weight:normal;}.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}.token.namespace{opacity:0.7;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q0QiIsImZpbGUiOiJDb2RlQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENvcHkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvYWN0aW9uXCI7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2VkaXRvclwiO1xuaW1wb3J0IHsgY29weVRleHRUb0NsaXBib2FyZCB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBJQ29kZUxhbmd1Z2VPcHRpb24sIGNvZGVMYW5ndWFnZU9wdGlvbnMgfSBmcm9tIFwiLi9jb2RlTGFuZ3VhZ2VPcHRpb25zXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDE1cHggMDtcbmA7XG5cbmNvbnN0IFRpdGxlQmFyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlID0gc3R5bGVkLmgzYFxuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIGxldHRlci1zcGFjaW5nOiAxcHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46IDVweCAwO1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29kZTogc3RyaW5nO1xuICBoaWdobGlnaHRlZENvZGU6IHN0cmluZztcbiAgZm9ybWF0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nIHwgbnVsbDtcbiAgYWN0aW9uQnV0dG9uPzogUmVhY3ROb2RlO1xuICBzaG93Q29weT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRQcmUgPSBzdHlsZWQucHJlYFxuICBib3JkZXItbGVmdDogNHB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIC5saW5lbnVtYmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNkOGQ4ZDg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGNvbG9yOiAjN2Q4Yjk5O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIHdpZHRoOiA0MHB4O1xuICB9XG4gIC5saW5lbnVtYmVyW2RhdGEtZmlyc3RdIHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICAubGluZW51bWJlcltkYXRhLWxhc3RdIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuICBjb2RlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjIwcHhcIil9O1xuICAgIGZvbnQtZmFtaWx5OlxuICAgICAgU291cmNlIENvZGUgUHJvVmFyaWFibGUsXG4gICAgICBNb25hY287XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgfVxuICBjb2RlOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IG5vbmU7XG4gIH1cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogbm9uZSAhaW1wb3J0YW50O1xuICB9XG5cbiAgLyogVGhlIHJlbWFpbmluZyBjc3MgaXMgY29waWVkIGZyb20gdGhlIGNveSB0aGVtZSBpbiBwcmlzbWpzLiBBIGxvdCBvZiBjc3MgaXMgb21pdHRlZCBkdWUgdG8gc3R5bGluZyBjbGFzaGVzICovXG4gIC50b2tlbi5jb21tZW50LFxuICAudG9rZW4uYmxvY2stY29tbWVudCxcbiAgLnRva2VuLnByb2xvZyxcbiAgLnRva2VuLmRvY3R5cGUsXG4gIC50b2tlbi5jZGF0YSB7XG4gICAgY29sb3I6ICM3ZDhiOTk7XG4gIH1cblxuICAudG9rZW4ucHVuY3R1YXRpb24ge1xuICAgIGNvbG9yOiAjNWY2MzY0O1xuICB9XG5cbiAgLnRva2VuLnByb3BlcnR5LFxuICAudG9rZW4udGFnLFxuICAudG9rZW4uYm9vbGVhbixcbiAgLnRva2VuLm51bWJlcixcbiAgLnRva2VuLmZ1bmN0aW9uLW5hbWUsXG4gIC50b2tlbi5jb25zdGFudCxcbiAgLnRva2VuLnN5bWJvbCxcbiAgLnRva2VuLmRlbGV0ZWQge1xuICAgIGNvbG9yOiAjYzkyYzJjO1xuICB9XG5cbiAgLnRva2VuLnNlbGVjdG9yLFxuICAudG9rZW4uYXR0ci1uYW1lLFxuICAudG9rZW4uc3RyaW5nLFxuICAudG9rZW4uY2hhcixcbiAgLnRva2VuLmZ1bmN0aW9uLFxuICAudG9rZW4uYnVpbHRpbixcbiAgLnRva2VuLmluc2VydGVkIHtcbiAgICBjb2xvcjogIzJmOWMwYTtcbiAgfVxuXG4gIC50b2tlbi5vcGVyYXRvcixcbiAgLnRva2VuLmVudGl0eSxcbiAgLnRva2VuLnVybCxcbiAgLnRva2VuLnZhcmlhYmxlIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uYXRydWxlLFxuICAudG9rZW4uYXR0ci12YWx1ZSxcbiAgLnRva2VuLmtleXdvcmQsXG4gIC50b2tlbi5jbGFzcy1uYW1lIHtcbiAgICBjb2xvcjogIzE5OTBiODtcbiAgfVxuXG4gIC50b2tlbi5yZWdleCxcbiAgLnRva2VuLmltcG9ydGFudCB7XG4gICAgY29sb3I6ICNlOTA7XG4gIH1cblxuICAubGFuZ3VhZ2UtY3NzIC50b2tlbi5zdHJpbmcsXG4gIC5zdHlsZSAudG9rZW4uc3RyaW5nIHtcbiAgICBjb2xvcjogI2E2N2Y1OTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIH1cblxuICAudG9rZW4uaW1wb3J0YW50IHtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICB9XG5cbiAgLnRva2VuLmJvbGQge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB9XG4gIC50b2tlbi5pdGFsaWMge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuXG4gIC50b2tlbi5lbnRpdHkge1xuICAgIGN1cnNvcjogaGVscDtcbiAgfVxuXG4gIC50b2tlbi5uYW1lc3BhY2Uge1xuICAgIG9wYWNpdHk6IDAuNztcbiAgfVxuYDtcblxuY29uc3QgZ2V0VGl0bGVGcm9tRm9ybWF0ID0gKGZvcm1hdDogc3RyaW5nKSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkTGFuZ3VhZ2UgPSBjb2RlTGFuZ3VhZ2VPcHRpb25zLmZpbmQoKGl0ZW06IElDb2RlTGFuZ3VnZU9wdGlvbikgPT4gaXRlbS5mb3JtYXQgPT09IGZvcm1hdCk7XG4gIGlmIChzZWxlY3RlZExhbmd1YWdlKSB7XG4gICAgcmV0dXJuIHNlbGVjdGVkTGFuZ3VhZ2UudGl0bGU7XG4gIH1cbiAgcmV0dXJuO1xufTtcblxuZXhwb3J0IGNvbnN0IENvZGVibG9jayA9ICh7IGFjdGlvbkJ1dHRvbiwgY29kZSwgaGlnaGxpZ2h0ZWRDb2RlLCBmb3JtYXQsIHNob3dDb3B5ID0gZmFsc2UsIHRpdGxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW2lzQ29waWVkLCBzZXRJc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgY29kZVdpdGhMaW5lTnVtYmVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBoaWdobGlnaHRlZENvZGVcbiAgICAgIC5zcGxpdChcIlxcblwiKVxuICAgICAgLm1hcCgobGluZSwgaSwgYXJyKSA9PiB7XG4gICAgICAgIHJldHVybiBgPHNwYW4+PHNwYW4gY2xhc3M9XCJsaW5lbnVtYmVyXCIgJHtpID09PSAwID8gJ2RhdGEtZmlyc3Q9XCJcIicgOiBcIlwifSAke1xuICAgICAgICAgIGkgPT09IGFyci5sZW5ndGggLSAxID8gJ2RhdGEtbGFzdD1cIlwiJyA6IFwiXCJcbiAgICAgICAgfT4ke2kgKyAxfTwvc3Bhbj4ke2xpbmV9PC9zcGFuPmA7XG4gICAgICB9KVxuICAgICAgLmpvaW4oXCJcXG5cIik7XG4gIH0sIFtoaWdobGlnaHRlZENvZGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc0NvcGllZCkge1xuICAgICAgY29uc3QgdGltZXIgPSBzZXRJbnRlcnZhbCgoKSA9PiBzZXRJc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgICAgLy8gZW5zdXJlIGludGVydmFsIGlzIGNsZWFyZWQgLSBhbHNvIGlmIHVubW91bnRlZFxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgIH07XG4gICAgfVxuICB9LCBbaXNDb3BpZWRdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFRpdGxlQmFyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlIHx8IGdldFRpdGxlRnJvbUZvcm1hdChmb3JtYXQpfTwvVGl0bGU+XG4gICAgICAgIHthY3Rpb25CdXR0b259XG4gICAgICA8L1RpdGxlQmFyPlxuICAgICAgPFN0eWxlZFByZT5cbiAgICAgICAgPGNvZGUgY2xhc3NOYW1lPXtgbGFuZ3VhZ2UtJHtmb3JtYXR9YH0gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjb2RlV2l0aExpbmVOdW1iZXJzIH19IC8+XG4gICAgICA8L1N0eWxlZFByZT5cbiAgICAgIHtzaG93Q29weSAmJiAoXG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcHlCdXR0b25cIil9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzQ29waWVkfVxuICAgICAgICAgIGRhdGEtY29waWVkLXRpdGxlPXt0KFwiY29kZUJsb2NrLmNvcGllZENvZGVcIil9XG4gICAgICAgICAgZGF0YS1jb3B5LXN0cmluZz17Y29kZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBjb3B5VGV4dFRvQ2xpcGJvYXJkKGNvZGUpO1xuICAgICAgICAgICAgc2V0SXNDb3BpZWQodHJ1ZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtpc0NvcGllZCA/IDxEb25lIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+IDogPENvcHkgYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz59e1wiIFwifVxuICAgICAgICAgIHtpc0NvcGllZCA/IHQoXCJjb2RlQmxvY2suY29waWVkQ29kZVwiKSA6IHQoXCJjb2RlQmxvY2suY29weUNvZGVcIil9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApfVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvZGVibG9jaztcbiJdfQ== */"));
-const getTitleFromFormat = format => {
-  const selectedLanguage = codeLanguageOptions.find(item => item.format === format);
-  if (selectedLanguage) {
-    return selectedLanguage.title;
+import { forwardRef, useMemo } from "react";
+import { cx } from "@ndla/styled-system/css";
+import { styled } from "@ndla/styled-system/jsx";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const Pre = styled("pre", {
+  base: {
+    border: "1px solid",
+    borderColor: "stroke.subtle",
+    borderLeft: "4px solid",
+    borderLeftColor: "stroke.default",
+    borderRadius: "xsmall",
+    boxSizing: "border-box",
+    overflowX: "auto",
+    textStyle: "label.medium",
+    fontFamily: "code",
+    display: "block",
+    whiteSpace: "pre",
+    "& .linenumber": {
+      display: "inline-block",
+      paddingBlock: "0",
+      paddingInline: "small",
+      borderRight: "1px solid",
+      borderColor: "stroke.subtle",
+      width: "xxlarge",
+      textAlign: "right",
+      marginInlineEnd: "xsmall"
+    },
+    "& .linenumber[data-first]": {
+      paddingBlockStart: "xsmall"
+    },
+    "& .linenumber[data-last]": {
+      paddingBlockEnd: "xsmall"
+    },
+    // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes
+    "& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata": {
+      color: "#7d8b99"
+    },
+    "& .token.punctuation": {
+      color: "#5f6364"
+    },
+    "& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted": {
+      color: "#c92c2c"
+    },
+    "& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted": {
+      color: "#2f9c0a"
+    },
+    "& .token.operator, .token.entity, .token.url, .token.variable": {
+      color: "#a67f59",
+      background: "rgba(255, 255, 255, 0.5)"
+    },
+    "& .token.atrule, .token.attr-value, .token.keyword, .token.class-name": {
+      color: "#1990b8"
+    },
+    "& .token.regex, .token.important": {
+      color: "#e90"
+    },
+    "& .language-css .token.string, .style .token.string": {
+      color: "#a67f59",
+      background: "rgba(255, 255, 255, 0.5)"
+    },
+    "& .token.important": {
+      fontWeight: "normal"
+    },
+    "& .token.bold": {
+      fontWeight: "bold"
+    },
+    "& .token.italic": {
+      fontStyle: "italic"
+    },
+    "& .token.entity": {
+      cursor: "help"
+    },
+    "& .token.namespace": {
+      opacity: "0.7"
+    }
   }
-  return;
-};
-export const Codeblock = _ref => {
+});
+export const Codeblock = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    actionButton,
-    code,
     highlightedCode,
     format,
-    showCopy = false,
-    title
+    className,
+    ...props
   } = _ref;
-  const {
-    t
-  } = useTranslation();
-  const [isCopied, setIsCopied] = useState(false);
   const codeWithLineNumbers = useMemo(() => {
     return highlightedCode.split("\n").map((line, i, arr) => {
-      return "<span><span class=\"linenumber\" ".concat(i === 0 ? 'data-first=""' : "", " ").concat(i === arr.length - 1 ? 'data-last=""' : "", ">").concat(i + 1, "</span>").concat(line, "</span>");
+      return `<span><span class="linenumber" ${i === 0 ? 'data-first=""' : ""} ${i === arr.length - 1 ? 'data-last=""' : ""}>${i + 1}</span>${line}</span>`;
     }).join("\n");
   }, [highlightedCode]);
-  useEffect(() => {
-    if (isCopied) {
-      const timer = setInterval(() => setIsCopied(false), 3000);
-      // ensure interval is cleared - also if unmounted
-      return () => {
-        clearTimeout(timer);
-      };
-    }
-  }, [isCopied]);
-  return _jsxs(Wrapper, {
-    children: [_jsxs(TitleBar, {
-      children: [_jsx(Title, {
-        children: title || getTitleFromFormat(format)
-      }), actionButton]
-    }), _jsx(StyledPre, {
-      children: _jsx("code", {
-        className: "language-".concat(format),
-        dangerouslySetInnerHTML: {
-          __html: codeWithLineNumbers
-        }
-      })
-    }), showCopy && _jsxs(ButtonV2, {
-      title: t("codeBlock.copyButton"),
-      disabled: isCopied,
-      "data-copied-title": t("codeBlock.copiedCode"),
-      "data-copy-string": code,
-      onClick: () => {
-        copyTextToClipboard(code);
-        setIsCopied(true);
-      },
-      children: [isCopied ? _jsx(Done, {
-        "aria-hidden": "true"
-      }) : _jsx(Copy, {
-        "aria-hidden": "true"
-      }), " ", isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
-    })]
+  return _jsx(Pre, {
+    className: cx(`language-${format}`, className),
+    ...props,
+    dangerouslySetInnerHTML: {
+      __html: codeWithLineNumbers
+    },
+    ref: ref
   });
-};
+});
 export default Codeblock;