@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/PieChart/index.js

@@ -1,39 +1,57 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
 import { useTheme } from "@emotion/react";
-import styled from "@emotion/styled";
 import { Pie } from "@nivo/pie";
 import { useState, useCallback } from "react";
 import { getLegendColor } from "../../helpers/legend.js";
 import { Text } from "../Text/index.js";
 import Legends from "./Legends.js";
-const Container = styled.div`
-  display: flex;
-  align-items: center;
-  height: ${({ height }) => `${height}px`};
-`;
-const EmptyLegend = styled.div`
-  display: flex;
-  align-items: center;
-  margin-left: 20px;
-`;
-const StyledContent = styled.div`
-  display: inline-block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-
-  font-size: 25px;
-  line-height: 100px;
-  height: 100px;
-  width: 100px;
-  margin: auto;
-  text-align: center;
-  vertical-align: middle;
-`;
+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).";
+}
+const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epjfe5p2"
+} : {
+  target: "epjfe5p2",
+  label: "Container"
+})("display:flex;align-items:center;height:", ({
+  height
+}) => `${height}px`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXZ0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGllQ2hhcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBCb3ggfSBmcm9tICdAbml2by9jb3JlJ1xuaW1wb3J0IHsgUGllIH0gZnJvbSAnQG5pdm8vcGllJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0TGVnZW5kQ29sb3IgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2xlZ2VuZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IExlZ2VuZHMgZnJvbSAnLi9MZWdlbmRzJ1xuaW1wb3J0IHR5cGUgeyBEYXRhIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGhlaWdodDogbnVtYmVyIH0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGAke2hlaWdodH1weGB9O1xuYFxuXG5jb25zdCBFbXB0eUxlZ2VuZCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAyMHB4O1xuYFxuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcblxuICBmb250LXNpemU6IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAxMDBweDtcbiAgaGVpZ2h0OiAxMDBweDtcbiAgd2lkdGg6IDEwMHB4O1xuICBtYXJnaW46IGF1dG87XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbmBcblxudHlwZSBQaWVDaGFydFByb3BzID0ge1xuICBjaGFydFByb3BzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj5cbiAgZGF0YT86IERhdGFbXVxuICBoZWlnaHQ/OiBudW1iZXJcbiAgd2lkdGg/OiBudW1iZXJcbiAgZW1wdHlMZWdlbmQ/OiBzdHJpbmdcbiAgY29udGVudD86IFJlYWN0Tm9kZVxuICB3aXRoTGVnZW5kPzogYm9vbGVhblxuICBtYXJnaW4/OiBCb3hcbn1cblxuY29uc3QgREVGQVVMVF9DSEFSVFBST1BTID0ge31cbmNvbnN0IERFRkFVTFRfTUFSR0lOID0geyBib3R0b206IDEwLCBsZWZ0OiAxMCwgcmlnaHQ6IDEwLCB0b3A6IDEwIH1cblxuLyoqXG4gKiBQaWVDaGFydCBjb21wb25lbnQgaXMgYSB3cmFwcGVyIGFyb3VuZCB0aGUgTml2byBQaWUgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBwaWUgY2hhcnQuXG4gKiBTZWUgaHR0cHM6Ly9uaXZvLnJvY2tzL3BpZS8gZm9yIG1vcmUgaW5mb3JtYXRpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgUGllQ2hhcnQgPSAoe1xuICBoZWlnaHQgPSAyMDYsXG4gIHdpZHRoID0gMjA2LFxuICBkYXRhID0gdW5kZWZpbmVkLFxuICBlbXB0eUxlZ2VuZCxcbiAgY29udGVudCxcbiAgd2l0aExlZ2VuZCA9IGZhbHNlLFxuICBtYXJnaW4gPSBERUZBVUxUX01BUkdJTixcbiAgY2hhcnRQcm9wcyA9IERFRkFVTFRfQ0hBUlRQUk9QUyxcbn06IFBpZUNoYXJ0UHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IFtjdXJyZW50Rm9jdXNJbmRleCwgc2V0Q3VycmVudEZvY3VzSW5kZXhdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gIGNvbnN0IGVtcHR5VG9vbHRpcCA9IHVzZUNhbGxiYWNrKCgpID0+IDxzcGFuIC8+LCBbXSlcbiAgY29uc3QgaXNFbXB0eSA9ICFkYXRhIHx8IGRhdGEubGVuZ3RoID09PSAwXG5cbiAgY29uc3QgRW1wdHlMZWdlbmREaXNwbGF5ZWQgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgZW1wdHlMZWdlbmQgPyAoXG4gICAgICAgIDxFbXB0eUxlZ2VuZD5cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwiYm9keVwiIGFzPVwicFwiPlxuICAgICAgICAgICAge2VtcHR5TGVnZW5kfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9FbXB0eUxlZ2VuZD5cbiAgICAgICkgOiBudWxsLFxuICAgIFtlbXB0eUxlZ2VuZF0sXG4gIClcblxuICBjb25zdCBsb2NhbENvbG9ycyA9IGdldExlZ2VuZENvbG9yKHRoZW1lKVxuXG4gIGNvbnN0IExlZ2VuZERpc3BsYXllciA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+XG4gICAgICBpc0VtcHR5ID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmREaXNwbGF5ZWQgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxMZWdlbmRzXG4gICAgICAgICAgZm9jdXNlZD17Y3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICBvbkZvY3VzQ2hhbmdlPXtzZXRDdXJyZW50Rm9jdXNJbmRleH1cbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAvPlxuICAgICAgKSxcbiAgICBbaXNFbXB0eSwgY3VycmVudEZvY3VzSW5kZXgsIGRhdGEsIEVtcHR5TGVnZW5kRGlzcGxheWVkLCBsb2NhbENvbG9yc10sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgaGVpZ2h0PXtoZWlnaHR9PlxuICAgICAgPGRpdiBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fT5cbiAgICAgICAgPFBpZVxuICAgICAgICAgIGNvbG9ycz17bG9jYWxDb2xvcnN9XG4gICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgIHZhbHVlPVwicGVyY2VudFwiXG4gICAgICAgICAgZW5hYmxlQXJjTGFiZWxzPXtmYWxzZX1cbiAgICAgICAgICBlbmFibGVBcmNMaW5rTGFiZWxzPXtmYWxzZX1cbiAgICAgICAgICBkYXRhPXtcbiAgICAgICAgICAgICFpc0VtcHR5XG4gICAgICAgICAgICAgID8gZGF0YVxuICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgaWQ6ICdlbXB0eScsXG4gICAgICAgICAgICAgICAgICAgIHBlcmNlbnQ6IDEwMCxcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgXVxuICAgICAgICAgIH1cbiAgICAgICAgICBkZWZzPXtbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmcsXG4gICAgICAgICAgICAgIGlkOiAnbGluZXMnLFxuICAgICAgICAgICAgICBsaW5lV2lkdGg6IDIsXG4gICAgICAgICAgICAgIHJvdGF0aW9uOiAwLFxuICAgICAgICAgICAgICBzcGFjaW5nOiA1LFxuICAgICAgICAgICAgICB0eXBlOiAncGF0dGVybkxpbmVzJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBtYXJnaW49e21hcmdpbn1cbiAgICAgICAgICBpbm5lclJhZGl1cz17MC44fVxuICAgICAgICAgIGNvcm5lclJhZGl1cz17MH1cbiAgICAgICAgICBwYWRBbmdsZT17MX1cbiAgICAgICAgICBhY3RpdmVPdXRlclJhZGl1c09mZnNldD17IWlzRW1wdHkgPyA0IDogMH1cbiAgICAgICAgICB0b29sdGlwPXtlbXB0eVRvb2x0aXB9XG4gICAgICAgICAgb25Nb3VzZUVudGVyPXsoZGF0dW0sIGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzRW1wdHkpIHtcbiAgICAgICAgICAgICAgY29uc3QgcGllID0gZXZlbnQuY3VycmVudFRhcmdldFxuICAgICAgICAgICAgICBwaWUuc3R5bGUuY3Vyc29yID0gJ3BvaW50ZXInXG4gICAgICAgICAgICAgIHNldEN1cnJlbnRGb2N1c0luZGV4KGRhdHVtLmlkLnRvU3RyaW5nKCkpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbk1vdXNlTGVhdmU9eygpID0+IHNldEN1cnJlbnRGb2N1c0luZGV4KHVuZGVmaW5lZCl9XG4gICAgICAgICAgey4uLmNoYXJ0UHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtjb250ZW50ID8gPFN0eWxlZENvbnRlbnQ+e2NvbnRlbnR9PC9TdHlsZWRDb250ZW50PiA6IG51bGx9XG4gICAgICA8L2Rpdj5cbiAgICAgIHt3aXRoTGVnZW5kID8gPExlZ2VuZERpc3BsYXllciAvPiA6IG51bGx9XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const EmptyLegend = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epjfe5p1"
+} : {
+  target: "epjfe5p1",
+  label: "EmptyLegend"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dwqz7h",
+  styles: "display:flex;align-items:center;margin-left:20px"
+} : {
+  name: "dwqz7h",
+  styles: "display:flex;align-items:center;margin-left:20px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQm94IH0gZnJvbSAnQG5pdm8vY29yZSdcbmltcG9ydCB7IFBpZSB9IGZyb20gJ0BuaXZvL3BpZSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldExlZ2VuZENvbG9yIH0gZnJvbSAnLi4vLi4vaGVscGVycy9sZWdlbmQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCBMZWdlbmRzIGZyb20gJy4vTGVnZW5kcydcbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBoZWlnaHQ6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBgJHtoZWlnaHR9cHhgfTtcbmBcblxuY29uc3QgRW1wdHlMZWdlbmQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG5cbiAgZm9udC1zaXplOiAyNXB4O1xuICBsaW5lLWhlaWdodDogMTAwcHg7XG4gIGhlaWdodDogMTAwcHg7XG4gIHdpZHRoOiAxMDBweDtcbiAgbWFyZ2luOiBhdXRvO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5gXG5cbnR5cGUgUGllQ2hhcnRQcm9wcyA9IHtcbiAgY2hhcnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+XG4gIGRhdGE/OiBEYXRhW11cbiAgaGVpZ2h0PzogbnVtYmVyXG4gIHdpZHRoPzogbnVtYmVyXG4gIGVtcHR5TGVnZW5kPzogc3RyaW5nXG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGVcbiAgd2l0aExlZ2VuZD86IGJvb2xlYW5cbiAgbWFyZ2luPzogQm94XG59XG5cbmNvbnN0IERFRkFVTFRfQ0hBUlRQUk9QUyA9IHt9XG5jb25zdCBERUZBVUxUX01BUkdJTiA9IHsgYm90dG9tOiAxMCwgbGVmdDogMTAsIHJpZ2h0OiAxMCwgdG9wOiAxMCB9XG5cbi8qKlxuICogUGllQ2hhcnQgY29tcG9uZW50IGlzIGEgd3JhcHBlciBhcm91bmQgdGhlIE5pdm8gUGllIGNvbXBvbmVudCB0byBkaXNwbGF5IGEgcGllIGNoYXJ0LlxuICogU2VlIGh0dHBzOi8vbml2by5yb2Nrcy9waWUvIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0ID0gKHtcbiAgaGVpZ2h0ID0gMjA2LFxuICB3aWR0aCA9IDIwNixcbiAgZGF0YSA9IHVuZGVmaW5lZCxcbiAgZW1wdHlMZWdlbmQsXG4gIGNvbnRlbnQsXG4gIHdpdGhMZWdlbmQgPSBmYWxzZSxcbiAgbWFyZ2luID0gREVGQVVMVF9NQVJHSU4sXG4gIGNoYXJ0UHJvcHMgPSBERUZBVUxUX0NIQVJUUFJPUFMsXG59OiBQaWVDaGFydFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBbY3VycmVudEZvY3VzSW5kZXgsIHNldEN1cnJlbnRGb2N1c0luZGV4XSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuICBjb25zdCBlbXB0eVRvb2x0aXAgPSB1c2VDYWxsYmFjaygoKSA9PiA8c3BhbiAvPiwgW10pXG4gIGNvbnN0IGlzRW1wdHkgPSAhZGF0YSB8fCBkYXRhLmxlbmd0aCA9PT0gMFxuXG4gIGNvbnN0IEVtcHR5TGVnZW5kRGlzcGxheWVkID0gdXNlQ2FsbGJhY2soXG4gICAgKCkgPT5cbiAgICAgIGVtcHR5TGVnZW5kID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmQ+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cImJvZHlcIiBhcz1cInBcIj5cbiAgICAgICAgICAgIHtlbXB0eUxlZ2VuZH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRW1wdHlMZWdlbmQ+XG4gICAgICApIDogbnVsbCxcbiAgICBbZW1wdHlMZWdlbmRdLFxuICApXG5cbiAgY29uc3QgbG9jYWxDb2xvcnMgPSBnZXRMZWdlbmRDb2xvcih0aGVtZSlcblxuICBjb25zdCBMZWdlbmREaXNwbGF5ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgaXNFbXB0eSA/IChcbiAgICAgICAgPEVtcHR5TGVnZW5kRGlzcGxheWVkIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGVnZW5kc1xuICAgICAgICAgIGZvY3VzZWQ9e2N1cnJlbnRGb2N1c0luZGV4fVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgb25Gb2N1c0NoYW5nZT17c2V0Q3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgY29sb3JzPXtsb2NhbENvbG9yc31cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgW2lzRW1wdHksIGN1cnJlbnRGb2N1c0luZGV4LCBkYXRhLCBFbXB0eUxlZ2VuZERpc3BsYXllZCwgbG9jYWxDb2xvcnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGhlaWdodD17aGVpZ2h0fT5cbiAgICAgIDxkaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgIDxQaWVcbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICB2YWx1ZT1cInBlcmNlbnRcIlxuICAgICAgICAgIGVuYWJsZUFyY0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZW5hYmxlQXJjTGlua0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZGF0YT17XG4gICAgICAgICAgICAhaXNFbXB0eVxuICAgICAgICAgICAgICA/IGRhdGFcbiAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGlkOiAnZW1wdHknLFxuICAgICAgICAgICAgICAgICAgICBwZXJjZW50OiAxMDAsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICB9XG4gICAgICAgICAgZGVmcz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nLFxuICAgICAgICAgICAgICBpZDogJ2xpbmVzJyxcbiAgICAgICAgICAgICAgbGluZVdpZHRoOiAyLFxuICAgICAgICAgICAgICByb3RhdGlvbjogMCxcbiAgICAgICAgICAgICAgc3BhY2luZzogNSxcbiAgICAgICAgICAgICAgdHlwZTogJ3BhdHRlcm5MaW5lcycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF19XG4gICAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgICAgaW5uZXJSYWRpdXM9ezAuOH1cbiAgICAgICAgICBjb3JuZXJSYWRpdXM9ezB9XG4gICAgICAgICAgcGFkQW5nbGU9ezF9XG4gICAgICAgICAgYWN0aXZlT3V0ZXJSYWRpdXNPZmZzZXQ9eyFpc0VtcHR5ID8gNCA6IDB9XG4gICAgICAgICAgdG9vbHRpcD17ZW1wdHlUb29sdGlwfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17KGRhdHVtLCBldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFpc0VtcHR5KSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBpZSA9IGV2ZW50LmN1cnJlbnRUYXJnZXRcbiAgICAgICAgICAgICAgcGllLnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJ1xuICAgICAgICAgICAgICBzZXRDdXJyZW50Rm9jdXNJbmRleChkYXR1bS5pZC50b1N0cmluZygpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRDdXJyZW50Rm9jdXNJbmRleCh1bmRlZmluZWQpfVxuICAgICAgICAgIHsuLi5jaGFydFByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7Y29udGVudCA/IDxTdHlsZWRDb250ZW50Pntjb250ZW50fTwvU3R5bGVkQ29udGVudD4gOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICB7d2l0aExlZ2VuZCA/IDxMZWdlbmREaXNwbGF5ZXIgLz4gOiBudWxsfVxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epjfe5p0"
+} : {
+  target: "epjfe5p0",
+  label: "StyledContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qcd8cv",
+  styles: "display:inline-block;position:absolute;bottom:0;left:0;right:0;top:0;font-size:25px;line-height:100px;height:100px;width:100px;margin:auto;text-align:center;vertical-align:middle"
+} : {
+  name: "qcd8cv",
+  styles: "display:inline-block;position:absolute;bottom:0;left:0;right:0;top:0;font-size:25px;line-height:100px;height:100px;width:100px;margin:auto;text-align:center;vertical-align:middle",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BpZUNoYXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQm94IH0gZnJvbSAnQG5pdm8vY29yZSdcbmltcG9ydCB7IFBpZSB9IGZyb20gJ0BuaXZvL3BpZSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldExlZ2VuZENvbG9yIH0gZnJvbSAnLi4vLi4vaGVscGVycy9sZWdlbmQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCBMZWdlbmRzIGZyb20gJy4vTGVnZW5kcydcbmltcG9ydCB0eXBlIHsgRGF0YSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBoZWlnaHQ6IG51bWJlciB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBgJHtoZWlnaHR9cHhgfTtcbmBcblxuY29uc3QgRW1wdHlMZWdlbmQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogMjBweDtcbmBcblxuY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG5cbiAgZm9udC1zaXplOiAyNXB4O1xuICBsaW5lLWhlaWdodDogMTAwcHg7XG4gIGhlaWdodDogMTAwcHg7XG4gIHdpZHRoOiAxMDBweDtcbiAgbWFyZ2luOiBhdXRvO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG5gXG5cbnR5cGUgUGllQ2hhcnRQcm9wcyA9IHtcbiAgY2hhcnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+XG4gIGRhdGE/OiBEYXRhW11cbiAgaGVpZ2h0PzogbnVtYmVyXG4gIHdpZHRoPzogbnVtYmVyXG4gIGVtcHR5TGVnZW5kPzogc3RyaW5nXG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGVcbiAgd2l0aExlZ2VuZD86IGJvb2xlYW5cbiAgbWFyZ2luPzogQm94XG59XG5cbmNvbnN0IERFRkFVTFRfQ0hBUlRQUk9QUyA9IHt9XG5jb25zdCBERUZBVUxUX01BUkdJTiA9IHsgYm90dG9tOiAxMCwgbGVmdDogMTAsIHJpZ2h0OiAxMCwgdG9wOiAxMCB9XG5cbi8qKlxuICogUGllQ2hhcnQgY29tcG9uZW50IGlzIGEgd3JhcHBlciBhcm91bmQgdGhlIE5pdm8gUGllIGNvbXBvbmVudCB0byBkaXNwbGF5IGEgcGllIGNoYXJ0LlxuICogU2VlIGh0dHBzOi8vbml2by5yb2Nrcy9waWUvIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0ID0gKHtcbiAgaGVpZ2h0ID0gMjA2LFxuICB3aWR0aCA9IDIwNixcbiAgZGF0YSA9IHVuZGVmaW5lZCxcbiAgZW1wdHlMZWdlbmQsXG4gIGNvbnRlbnQsXG4gIHdpdGhMZWdlbmQgPSBmYWxzZSxcbiAgbWFyZ2luID0gREVGQVVMVF9NQVJHSU4sXG4gIGNoYXJ0UHJvcHMgPSBERUZBVUxUX0NIQVJUUFJPUFMsXG59OiBQaWVDaGFydFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBbY3VycmVudEZvY3VzSW5kZXgsIHNldEN1cnJlbnRGb2N1c0luZGV4XSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuICBjb25zdCBlbXB0eVRvb2x0aXAgPSB1c2VDYWxsYmFjaygoKSA9PiA8c3BhbiAvPiwgW10pXG4gIGNvbnN0IGlzRW1wdHkgPSAhZGF0YSB8fCBkYXRhLmxlbmd0aCA9PT0gMFxuXG4gIGNvbnN0IEVtcHR5TGVnZW5kRGlzcGxheWVkID0gdXNlQ2FsbGJhY2soXG4gICAgKCkgPT5cbiAgICAgIGVtcHR5TGVnZW5kID8gKFxuICAgICAgICA8RW1wdHlMZWdlbmQ+XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cImJvZHlcIiBhcz1cInBcIj5cbiAgICAgICAgICAgIHtlbXB0eUxlZ2VuZH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvRW1wdHlMZWdlbmQ+XG4gICAgICApIDogbnVsbCxcbiAgICBbZW1wdHlMZWdlbmRdLFxuICApXG5cbiAgY29uc3QgbG9jYWxDb2xvcnMgPSBnZXRMZWdlbmRDb2xvcih0aGVtZSlcblxuICBjb25zdCBMZWdlbmREaXNwbGF5ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PlxuICAgICAgaXNFbXB0eSA/IChcbiAgICAgICAgPEVtcHR5TGVnZW5kRGlzcGxheWVkIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGVnZW5kc1xuICAgICAgICAgIGZvY3VzZWQ9e2N1cnJlbnRGb2N1c0luZGV4fVxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgICAgb25Gb2N1c0NoYW5nZT17c2V0Q3VycmVudEZvY3VzSW5kZXh9XG4gICAgICAgICAgY29sb3JzPXtsb2NhbENvbG9yc31cbiAgICAgICAgLz5cbiAgICAgICksXG4gICAgW2lzRW1wdHksIGN1cnJlbnRGb2N1c0luZGV4LCBkYXRhLCBFbXB0eUxlZ2VuZERpc3BsYXllZCwgbG9jYWxDb2xvcnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGhlaWdodD17aGVpZ2h0fT5cbiAgICAgIDxkaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgIDxQaWVcbiAgICAgICAgICBjb2xvcnM9e2xvY2FsQ29sb3JzfVxuICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICB2YWx1ZT1cInBlcmNlbnRcIlxuICAgICAgICAgIGVuYWJsZUFyY0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZW5hYmxlQXJjTGlua0xhYmVscz17ZmFsc2V9XG4gICAgICAgICAgZGF0YT17XG4gICAgICAgICAgICAhaXNFbXB0eVxuICAgICAgICAgICAgICA/IGRhdGFcbiAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGlkOiAnZW1wdHknLFxuICAgICAgICAgICAgICAgICAgICBwZXJjZW50OiAxMDAsXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICB9XG4gICAgICAgICAgZGVmcz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nLFxuICAgICAgICAgICAgICBpZDogJ2xpbmVzJyxcbiAgICAgICAgICAgICAgbGluZVdpZHRoOiAyLFxuICAgICAgICAgICAgICByb3RhdGlvbjogMCxcbiAgICAgICAgICAgICAgc3BhY2luZzogNSxcbiAgICAgICAgICAgICAgdHlwZTogJ3BhdHRlcm5MaW5lcycsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF19XG4gICAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgICAgaW5uZXJSYWRpdXM9ezAuOH1cbiAgICAgICAgICBjb3JuZXJSYWRpdXM9ezB9XG4gICAgICAgICAgcGFkQW5nbGU9ezF9XG4gICAgICAgICAgYWN0aXZlT3V0ZXJSYWRpdXNPZmZzZXQ9eyFpc0VtcHR5ID8gNCA6IDB9XG4gICAgICAgICAgdG9vbHRpcD17ZW1wdHlUb29sdGlwfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17KGRhdHVtLCBldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFpc0VtcHR5KSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBpZSA9IGV2ZW50LmN1cnJlbnRUYXJnZXRcbiAgICAgICAgICAgICAgcGllLnN0eWxlLmN1cnNvciA9ICdwb2ludGVyJ1xuICAgICAgICAgICAgICBzZXRDdXJyZW50Rm9jdXNJbmRleChkYXR1bS5pZC50b1N0cmluZygpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiBzZXRDdXJyZW50Rm9jdXNJbmRleCh1bmRlZmluZWQpfVxuICAgICAgICAgIHsuLi5jaGFydFByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7Y29udGVudCA/IDxTdHlsZWRDb250ZW50Pntjb250ZW50fTwvU3R5bGVkQ29udGVudD4gOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICB7d2l0aExlZ2VuZCA/IDxMZWdlbmREaXNwbGF5ZXIgLz4gOiBudWxsfVxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const DEFAULT_CHARTPROPS = {};
-const DEFAULT_MARGIN = { bottom: 10, left: 10, right: 10, top: 10 };
+const DEFAULT_MARGIN = {
+  bottom: 10,
+  left: 10,
+  right: 10,
+  top: 10
+};
 const PieChart = ({
   height = 206,
   width = 206,
@@ -48,68 +66,31 @@ const PieChart = ({
   const [currentFocusIndex, setCurrentFocusIndex] = useState();
   const emptyTooltip = useCallback(() => /* @__PURE__ */ jsx("span", {}), []);
   const isEmpty = !data || data.length === 0;
-  const EmptyLegendDisplayed = useCallback(
-    () => emptyLegend ? /* @__PURE__ */ jsx(EmptyLegend, { children: /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: emptyLegend }) }) : null,
-    [emptyLegend]
-  );
+  const EmptyLegendDisplayed = useCallback(() => emptyLegend ? /* @__PURE__ */ jsx(EmptyLegend, { children: /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: emptyLegend }) }) : null, [emptyLegend]);
   const localColors = getLegendColor(theme);
-  const LegendDisplayer = useCallback(
-    () => isEmpty ? /* @__PURE__ */ jsx(EmptyLegendDisplayed, {}) : /* @__PURE__ */ jsx(
-      Legends,
-      {
-        focused: currentFocusIndex,
-        data,
-        onFocusChange: setCurrentFocusIndex,
-        colors: localColors
-      }
-    ),
-    [isEmpty, currentFocusIndex, data, EmptyLegendDisplayed, localColors]
-  );
+  const LegendDisplayer = useCallback(() => isEmpty ? /* @__PURE__ */ jsx(EmptyLegendDisplayed, {}) : /* @__PURE__ */ jsx(Legends, { focused: currentFocusIndex, data, onFocusChange: setCurrentFocusIndex, colors: localColors }), [isEmpty, currentFocusIndex, data, EmptyLegendDisplayed, localColors]);
   return /* @__PURE__ */ jsxs(Container, { height, children: [
-    /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ jsx(
-        Pie,
-        {
-          colors: localColors,
-          height,
-          width,
-          value: "percent",
-          enableArcLabels: false,
-          enableArcLinkLabels: false,
-          data: !isEmpty ? data : [
-            {
-              id: "empty",
-              percent: 100
-            }
-          ],
-          defs: [
-            {
-              background: "inherit",
-              color: theme.colors.neutral.textStrong,
-              id: "lines",
-              lineWidth: 2,
-              rotation: 0,
-              spacing: 5,
-              type: "patternLines"
-            }
-          ],
-          margin,
-          innerRadius: 0.8,
-          cornerRadius: 0,
-          padAngle: 1,
-          activeOuterRadiusOffset: !isEmpty ? 4 : 0,
-          tooltip: emptyTooltip,
-          onMouseEnter: (datum, event) => {
-            if (!isEmpty) {
-              const pie = event.currentTarget;
-              pie.style.cursor = "pointer";
-              setCurrentFocusIndex(datum.id.toString());
-            }
-          },
-          onMouseLeave: () => setCurrentFocusIndex(void 0),
-          ...chartProps
+    /* @__PURE__ */ jsxs("div", { style: {
+      position: "relative"
+    }, children: [
+      /* @__PURE__ */ jsx(Pie, { colors: localColors, height, width, value: "percent", enableArcLabels: false, enableArcLinkLabels: false, data: !isEmpty ? data : [{
+        id: "empty",
+        percent: 100
+      }], defs: [{
+        background: "inherit",
+        color: theme.colors.neutral.textStrong,
+        id: "lines",
+        lineWidth: 2,
+        rotation: 0,
+        spacing: 5,
+        type: "patternLines"
+      }], margin, innerRadius: 0.8, cornerRadius: 0, padAngle: 1, activeOuterRadiusOffset: !isEmpty ? 4 : 0, tooltip: emptyTooltip, onMouseEnter: (datum, event) => {
+        if (!isEmpty) {
+          const pie = event.currentTarget;
+          pie.style.cursor = "pointer";
+          setCurrentFocusIndex(datum.id.toString());
         }
-      ),
+      }, onMouseLeave: () => setCurrentFocusIndex(void 0), ...chartProps }),
       content ? /* @__PURE__ */ jsx(StyledContent, { children: content }) : null
     ] }),
     withLegend ? /* @__PURE__ */ jsx(LegendDisplayer, {}) : null

package/dist/components/Popover/index.cjs

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index$3 = require("../Button/index.cjs");
+const index = require("../Popup/index.cjs");
+const index$1 = require("../Stack/index.cjs");
+const index$2 = require("../Text/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const SIZES_WIDTH = {
+  small: 320,
+  medium: 420,
+  large: 520
+};
+const StyledPopup = /* @__PURE__ */ _styled__default.default(index.Popup, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
+  target: "ejpxv5a1"
+} : {
+  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
+  target: "ejpxv5a1",
+  label: "StyledPopup"
+})("padding:", ({
+  theme
+}) => theme.space["2"], ";width:", ({
+  size
+}) => SIZES_WIDTH[size], "px;max-width:", ({
+  size
+}) => SIZES_WIDTH[size], "px;text-align:initial;", ({
+  theme,
+  sentiment
+}) => {
+  if (sentiment === "neutral") {
+    return `
+      background: ${theme.colors.neutral.background};
+      box-shadow: ${theme.shadows.popover};
+      &[data-has-arrow='true'] {
+        &::after {
+          border-color: ${theme.colors.neutral.background} transparent transparent transparent;
+        }
+      }
+      `;
+  }
+  return `
+      background: ${theme.colors.primary.backgroundStrong};
+      box-shadow: ${theme.shadows.popover};
+      &[data-has-arrow='true'] {
+        &::after {
+          border-color: ${theme.colors.primary.backgroundStrong} transparent transparent transparent;
+        }
+      }
+      `;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgU2VudGltZW50VHlwZSA9ICduZXV0cmFsJyB8ICdwcmltYXJ5J1xuXG5jb25zdCBTSVpFU19XSURUSCA9IHtcbiAgc21hbGw6IDMyMCxcbiAgbWVkaXVtOiA0MjAsXG4gIGxhcmdlOiA1MjAsXG59XG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogU2VudGltZW50VHlwZVxuICBzaXplOiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbn0+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB3aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXB4O1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT4ge1xuICAgIGlmIChzZW50aW1lbnQgPT09ICduZXV0cmFsJykge1xuICAgICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gIH19XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgIC8+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdwbGFjZW1lbnQnIHwgJ2R5bmFtaWNEb21SZW5kZXJpbmcnPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgIH06IFBvcG92ZXJQcm9wcyxcbiAgICByZWY6IFJlZjxIVE1MRGl2RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQb3B1cFxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgZGVib3VuY2VEZWxheT17MH1cbiAgICAgICAgdmlzaWJsZT17bG9jYWxWaXNpYmxlfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgcG9ydGFsVGFyZ2V0PXtwb3J0YWxUYXJnZXR9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
+const StyledStack = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
+  target: "ejpxv5a0"
+} : {
+  target: "ejpxv5a0",
+  label: "StyledStack"
+})("color:", ({
+  theme
+}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIHNtYWxsOiAzMjAsXG4gIG1lZGl1bTogNDIwLFxuICBsYXJnZTogNTIwLFxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgbWF4LXdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cHg7XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG5cbiAgJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICB9fVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAncHJpbWFyeSd9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGFyaWEtbGFiZWw9XCJjbG9zZVwiXG4gICAgICAvPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAncGxhY2VtZW50JyB8ICdkeW5hbWljRG9tUmVuZGVyaW5nJz5cblxuLyoqXG4gKiBQb3BvdmVyIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBvciBhY3Rpb25zIG9uIHRvcCBvZiB0aGUgbWFpbiBjb250ZW50IG9mIHRoZSBwYWdlLlxuICogSXQgaXMgdXN1YWxseSB0cmlnZ2VyZWQgYnkgY2xpY2tpbmcgb24gYSBidXR0b24uIEl0IGluY2x1ZGVzIGEgdGl0bGUsIGEgY2xvc2UgYnV0dG9uIGFuZCBhIGNvbnRlbnQgYXJlYS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmlzaWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBwbGFjZW1lbnQsXG4gICAgICBjb250ZW50LFxuICAgICAgdGl0bGUsXG4gICAgICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gICAgICBzaXplID0gJ21lZGl1bScsXG4gICAgICBvbkNsb3NlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgbWF4V2lkdGgsXG4gICAgICBtYXhIZWlnaHQsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgcG9ydGFsVGFyZ2V0LFxuICAgICAgZHluYW1pY0RvbVJlbmRlcmluZyxcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbbG9jYWxWaXNpYmxlLCBzZXRMb2NhbFZpc2libGVdID0gdXNlU3RhdGUodmlzaWJsZSlcblxuICAgIC8vIFdlIGNoYW5nZSBsb2NhbCB2YWx1ZSBpZiB2aXNpYmxlIHByb3AgY2hhbmdlc1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUodmlzaWJsZSlcbiAgICB9LCBbdmlzaWJsZV0pXG5cbiAgICBjb25zdCBsb2NhbE9uQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUoZmFsc2UpXG4gICAgICBvbkNsb3NlPy4oKVxuICAgIH0sIFtvbkNsb3NlXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17cG9ydGFsVGFyZ2V0fVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFBvcHVwPlxuICAgIClcbiAgfSxcbilcbiJdfQ== */"));
+const ContentWrapper = ({
+  title,
+  onClose,
+  children,
+  sentiment
+}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { gap: 1, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "row", justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { variant: "bodyStrong", as: "h3", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { variant: sentiment === "neutral" ? "ghost" : "filled", sentiment: sentiment === "neutral" ? "neutral" : "primary", onClick: onClose, size: "small", icon: "close", "aria-label": "close" })
+  ] }),
+  typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children }) : children
+] });
+const Popover = React.forwardRef(({
+  visible = false,
+  children,
+  placement,
+  content,
+  title,
+  sentiment = "neutral",
+  size = "medium",
+  onClose,
+  className,
+  maxWidth,
+  maxHeight,
+  "data-testid": dataTestId,
+  portalTarget,
+  dynamicDomRendering
+}, ref) => {
+  const innerRef = React.useRef(null);
+  const [localVisible, setLocalVisible] = React.useState(visible);
+  React.useEffect(() => {
+    setLocalVisible(visible);
+  }, [visible]);
+  const localOnClose = React.useCallback(() => {
+    setLocalVisible(false);
+    onClose?.();
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { hideOnClickOutside: true, debounceDelay: 0, visible: localVisible, placement, text: /* @__PURE__ */ jsxRuntime.jsx(ContentWrapper, { title, onClose: localOnClose, sentiment, children: content }), className, sentiment, "data-testid": dataTestId, size, role: "dialog", ref, tabIndex: -1, innerRef, onClose: localOnClose, maxWidth, maxHeight, portalTarget, dynamicDomRendering, children });
+});
+exports.Popover = Popover;

package/dist/components/Popover/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { forwardRef, useRef, useState, useEffect, useCallback } from "react";
 import { Button } from "../Button/index.js";
 import { Popup } from "../Popup/index.js";
@@ -10,15 +10,23 @@ const SIZES_WIDTH = {
   medium: 420,
   large: 520
 };
-const StyledPopup = styled(Popup, {
-  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop)
-})`
-  padding: ${({ theme }) => theme.space["2"]};
-  width: ${({ size }) => SIZES_WIDTH[size]}px;
-  max-width: ${({ size }) => SIZES_WIDTH[size]}px;
-  text-align: initial;
-
-  ${({ theme, sentiment }) => {
+const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
+  target: "ejpxv5a1"
+} : {
+  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
+  target: "ejpxv5a1",
+  label: "StyledPopup"
+})("padding:", ({
+  theme
+}) => theme.space["2"], ";width:", ({
+  size
+}) => SIZES_WIDTH[size], "px;max-width:", ({
+  size
+}) => SIZES_WIDTH[size], "px;text-align:initial;", ({
+  theme,
+  sentiment
+}) => {
   if (sentiment === "neutral") {
     return `
       background: ${theme.colors.neutral.background};
@@ -39,11 +47,15 @@ const StyledPopup = styled(Popup, {
         }
       }
       `;
-}}
-`;
-const StyledStack = styled(Stack)`
-  color: ${({ theme }) => theme.colors.neutral.text};
-`;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlLCBSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgU2VudGltZW50VHlwZSA9ICduZXV0cmFsJyB8ICdwcmltYXJ5J1xuXG5jb25zdCBTSVpFU19XSURUSCA9IHtcbiAgc21hbGw6IDMyMCxcbiAgbWVkaXVtOiA0MjAsXG4gIGxhcmdlOiA1MjAsXG59XG5cbmNvbnN0IFN0eWxlZFBvcHVwID0gc3R5bGVkKFBvcHVwLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogU2VudGltZW50VHlwZVxuICBzaXplOiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbn0+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB3aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXB4O1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcblxuICAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT4ge1xuICAgIGlmIChzZW50aW1lbnQgPT09ICduZXV0cmFsJykge1xuICAgICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MucG9wb3Zlcn07XG4gICAgICAmW2RhdGEtaGFzLWFycm93PSd0cnVlJ10ge1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBgXG4gIH19XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgIC8+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdwbGFjZW1lbnQnIHwgJ2R5bmFtaWNEb21SZW5kZXJpbmcnPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgIH06IFBvcG92ZXJQcm9wcyxcbiAgICByZWY6IFJlZjxIVE1MRGl2RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRQb3B1cFxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgZGVib3VuY2VEZWxheT17MH1cbiAgICAgICAgdmlzaWJsZT17bG9jYWxWaXNpYmxlfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgcG9ydGFsVGFyZ2V0PXtwb3J0YWxUYXJnZXR9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
+const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ejpxv5a0"
+} : {
+  target: "ejpxv5a0",
+  label: "StyledStack"
+})("color:", ({
+  theme
+}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIHNtYWxsOiAzMjAsXG4gIG1lZGl1bTogNDIwLFxuICBsYXJnZTogNTIwLFxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1weDtcbiAgbWF4LXdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cHg7XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG5cbiAgJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICAgICAgJltkYXRhLWhhcy1hcnJvdz0ndHJ1ZSddIHtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgYFxuICB9fVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAncHJpbWFyeSd9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGFyaWEtbGFiZWw9XCJjbG9zZVwiXG4gICAgICAvPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAncGxhY2VtZW50JyB8ICdkeW5hbWljRG9tUmVuZGVyaW5nJz5cblxuLyoqXG4gKiBQb3BvdmVyIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBvciBhY3Rpb25zIG9uIHRvcCBvZiB0aGUgbWFpbiBjb250ZW50IG9mIHRoZSBwYWdlLlxuICogSXQgaXMgdXN1YWxseSB0cmlnZ2VyZWQgYnkgY2xpY2tpbmcgb24gYSBidXR0b24uIEl0IGluY2x1ZGVzIGEgdGl0bGUsIGEgY2xvc2UgYnV0dG9uIGFuZCBhIGNvbnRlbnQgYXJlYS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBvcG92ZXIgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmlzaWJsZSA9IGZhbHNlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBwbGFjZW1lbnQsXG4gICAgICBjb250ZW50LFxuICAgICAgdGl0bGUsXG4gICAgICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gICAgICBzaXplID0gJ21lZGl1bScsXG4gICAgICBvbkNsb3NlLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgbWF4V2lkdGgsXG4gICAgICBtYXhIZWlnaHQsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgcG9ydGFsVGFyZ2V0LFxuICAgICAgZHluYW1pY0RvbVJlbmRlcmluZyxcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbbG9jYWxWaXNpYmxlLCBzZXRMb2NhbFZpc2libGVdID0gdXNlU3RhdGUodmlzaWJsZSlcblxuICAgIC8vIFdlIGNoYW5nZSBsb2NhbCB2YWx1ZSBpZiB2aXNpYmxlIHByb3AgY2hhbmdlc1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUodmlzaWJsZSlcbiAgICB9LCBbdmlzaWJsZV0pXG5cbiAgICBjb25zdCBsb2NhbE9uQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRMb2NhbFZpc2libGUoZmFsc2UpXG4gICAgICBvbkNsb3NlPy4oKVxuICAgIH0sIFtvbkNsb3NlXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17cG9ydGFsVGFyZ2V0fVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFBvcHVwPlxuICAgIClcbiAgfSxcbilcbiJdfQ== */"));
 const ContentWrapper = ({
   title,
   onClose,
@@ -51,99 +63,38 @@ const ContentWrapper = ({
   sentiment
 }) => /* @__PURE__ */ jsxs(StyledStack, { gap: 1, children: [
   /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx(
-      Text,
-      {
-        variant: "bodyStrong",
-        as: "h3",
-        sentiment: "neutral",
-        prominence: sentiment === "neutral" ? "strong" : "stronger",
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: sentiment === "neutral" ? "ghost" : "filled",
-        sentiment: sentiment === "neutral" ? "neutral" : "primary",
-        onClick: onClose,
-        size: "small",
-        icon: "close",
-        "aria-label": "close"
-      }
-    )
+    /* @__PURE__ */ jsx(Text, { variant: "bodyStrong", as: "h3", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children: title }),
+    /* @__PURE__ */ jsx(Button, { variant: sentiment === "neutral" ? "ghost" : "filled", sentiment: sentiment === "neutral" ? "neutral" : "primary", onClick: onClose, size: "small", icon: "close", "aria-label": "close" })
   ] }),
-  typeof children === "string" ? /* @__PURE__ */ jsx(
-    Text,
-    {
-      variant: "bodySmall",
-      as: "p",
-      sentiment: "neutral",
-      prominence: sentiment === "neutral" ? "strong" : "stronger",
-      children
-    }
-  ) : children
+  typeof children === "string" ? /* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: sentiment === "neutral" ? "strong" : "stronger", children }) : children
 ] });
-const Popover = forwardRef(
-  ({
-    visible = false,
-    children,
-    placement,
-    content,
-    title,
-    sentiment = "neutral",
-    size = "medium",
-    onClose,
-    className,
-    maxWidth,
-    maxHeight,
-    "data-testid": dataTestId,
-    portalTarget,
-    dynamicDomRendering
-  }, ref) => {
-    const innerRef = useRef(null);
-    const [localVisible, setLocalVisible] = useState(visible);
-    useEffect(() => {
-      setLocalVisible(visible);
-    }, [visible]);
-    const localOnClose = useCallback(() => {
-      setLocalVisible(false);
-      onClose?.();
-    }, [onClose]);
-    return /* @__PURE__ */ jsx(
-      StyledPopup,
-      {
-        hideOnClickOutside: true,
-        debounceDelay: 0,
-        visible: localVisible,
-        placement,
-        text: /* @__PURE__ */ jsx(
-          ContentWrapper,
-          {
-            title,
-            onClose: localOnClose,
-            sentiment,
-            children: content
-          }
-        ),
-        className,
-        sentiment,
-        "data-testid": dataTestId,
-        size,
-        role: "dialog",
-        ref,
-        tabIndex: -1,
-        innerRef,
-        onClose: localOnClose,
-        maxWidth,
-        maxHeight,
-        portalTarget,
-        dynamicDomRendering,
-        children
-      }
-    );
-  }
-);
+const Popover = forwardRef(({
+  visible = false,
+  children,
+  placement,
+  content,
+  title,
+  sentiment = "neutral",
+  size = "medium",
+  onClose,
+  className,
+  maxWidth,
+  maxHeight,
+  "data-testid": dataTestId,
+  portalTarget,
+  dynamicDomRendering
+}, ref) => {
+  const innerRef = useRef(null);
+  const [localVisible, setLocalVisible] = useState(visible);
+  useEffect(() => {
+    setLocalVisible(visible);
+  }, [visible]);
+  const localOnClose = useCallback(() => {
+    setLocalVisible(false);
+    onClose?.();
+  }, [onClose]);
+  return /* @__PURE__ */ jsx(StyledPopup, { hideOnClickOutside: true, debounceDelay: 0, visible: localVisible, placement, text: /* @__PURE__ */ jsx(ContentWrapper, { title, onClose: localOnClose, sentiment, children: content }), className, sentiment, "data-testid": dataTestId, size, role: "dialog", ref, tabIndex: -1, innerRef, onClose: localOnClose, maxWidth, maxHeight, portalTarget, dynamicDomRendering, children });
+});
 export {
   Popover
 };

package/dist/components/Popup/animations.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const animation = (positions) => react.keyframes`
+  0% {
+    opacity: 0;
+    transform: ${positions.popupInitialPosition};
+  }
+  100% {
+    opacity: 1;
+    transform: ${positions.popupPosition};
+  }
+`;
+const exitAnimation = (positions) => react.keyframes`
+  0% {
+    opacity: 1;
+    transform: ${positions.popupPosition};
+  }
+  100% {
+    opacity: 0;
+    transform: ${positions.popupInitialPosition};
+  }
+`;
+exports.animation = animation;
+exports.exitAnimation = exitAnimation;