@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/PieChart/index.js

@@ -0,0 +1,101 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useTheme } from "@emotion/react";
+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";
+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 PieChart = ({
+  height = 206,
+  width = 206,
+  data = void 0,
+  emptyLegend,
+  content,
+  withLegend = false,
+  margin = DEFAULT_MARGIN,
+  chartProps = DEFAULT_CHARTPROPS
+}) => {
+  const theme = useTheme();
+  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 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]);
+  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 }),
+      content ? /* @__PURE__ */ jsx(StyledContent, { children: content }) : null
+    ] }),
+    withLegend ? /* @__PURE__ */ jsx(LegendDisplayer, {}) : null
+  ] });
+};
+export {
+  PieChart
+};

package/dist/components/PieChart/types.d.ts

@@ -0,0 +1,7 @@
+export type Data = {
+    name?: string | null;
+    needPattern?: boolean | null;
+    percent: number;
+    id: string;
+    value?: string | null;
+};

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,55 @@
+import type { ReactNode, Ref } from 'react';
+type SentimentType = 'neutral' | 'primary';
+/**
+ * Popover component is used to display additional information or actions on top of the main content of the page.
+ * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.
+ */
+export declare const Popover: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+    content: ReactNode;
+    title: string;
+    sentiment?: SentimentType | undefined;
+    visible?: boolean | undefined;
+    size?: "large" | "small" | "medium" | undefined;
+    onClose?: (() => void) | undefined;
+    className?: string | undefined;
+    'data-testid'?: string | undefined;
+    maxWidth?: string | undefined;
+    maxHeight?: string | undefined;
+    /**
+     * By default, the portal target is children container or document.body if children is a function. You can override this
+     * behavior by setting a portalTarget prop.
+     */
+    portalTarget?: HTMLElement | undefined;
+} & Pick<{
+    id?: string | undefined;
+    children: ReactNode | ((renderProps: {
+        className?: string | undefined;
+        onBlur: () => void;
+        onFocus: () => void;
+        onPointerEnter: () => void;
+        onPointerLeave: () => void;
+        ref: import("react").RefObject<HTMLDivElement>;
+    }) => ReactNode);
+    maxWidth?: string | number | undefined;
+    placement?: import("../Popup/helpers").PopupPlacement | undefined;
+    text?: ReactNode;
+    className?: string | undefined;
+    containerFullWidth?: boolean | undefined;
+    visible?: boolean | undefined;
+    innerRef?: Ref<HTMLDivElement | null> | undefined;
+    role?: string | undefined;
+    'data-testid'?: string | undefined;
+    hasArrow?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    'aria-haspopup'?: boolean | "menu" | "dialog" | "grid" | "listbox" | "tree" | "false" | "true" | undefined;
+    hideOnClickOutside?: boolean | undefined;
+    debounceDelay?: number | undefined;
+    maxHeight?: string | number | undefined;
+    disableAnimation?: boolean | undefined;
+    portalTarget?: HTMLElement | undefined;
+    dynamicDomRendering?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "placement" | "dynamicDomRendering"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Popover/index.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+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";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+const SIZES_WIDTH = {
+  small: 320,
+  medium: 420,
+  large: 520
+};
+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};
+      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(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__ */ 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" })
+  ] }),
+  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 });
+});
+export {
+  Popover
+};

package/dist/components/Popup/animations.d.ts

@@ -0,0 +1,11 @@
+export type PositionsType = {
+    arrowLeft: number;
+    arrowTop: number;
+    arrowTransform: string;
+    placement: string;
+    rotate: number;
+    popupInitialPosition: string;
+    popupPosition: string;
+};
+export declare const animation: (positions: PositionsType) => import("@emotion/react").Keyframes;
+export declare const exitAnimation: (positions: PositionsType) => import("@emotion/react").Keyframes;

package/dist/{src/components → components}/Popup/animations.js

@@ -1,6 +1,5 @@
-import { keyframes } from '@emotion/react';
-
-const animation = positions => keyframes`
+import { keyframes } from "@emotion/react";
+const animation = (positions) => keyframes`
   0% {
     opacity: 0;
     transform: ${positions.popupInitialPosition};
@@ -10,7 +9,7 @@ const animation = positions => keyframes`
     transform: ${positions.popupPosition};
   }
 `;
-const exitAnimation = positions => keyframes`
+const exitAnimation = (positions) => keyframes`
   0% {
     opacity: 1;
     transform: ${positions.popupPosition};
@@ -20,5 +19,7 @@ const exitAnimation = positions => keyframes`
     transform: ${positions.popupInitialPosition};
   }
 `;
-
-export { animation, exitAnimation };
+export {
+  animation,
+  exitAnimation
+};

package/dist/components/Popup/helpers.d.ts

@@ -0,0 +1,31 @@
+import type { RefObject } from 'react';
+export type PopupPlacement = 'top' | 'right' | 'bottom' | 'left' | 'auto';
+export declare const ARROW_WIDTH = 8;
+export declare const DEFAULT_POSITIONS: {
+    arrowLeft: number;
+    arrowTop: number;
+    arrowTransform: string;
+    placement: string;
+    rotate: number;
+    popupInitialPosition: string;
+    popupPosition: string;
+};
+type ComputePositionsTypes = {
+    placement: PopupPlacement;
+    childrenRef: RefObject<HTMLDivElement>;
+    popupRef: RefObject<HTMLDivElement>;
+    popupPortalTarget: HTMLElement;
+};
+/**
+ * This function will compute the positions of popup and arrow based on children position and popup size
+ */
+export declare const computePositions: ({ placement, childrenRef, popupRef, popupPortalTarget, }: ComputePositionsTypes) => {
+    arrowLeft: number;
+    arrowTop: number;
+    arrowTransform: string;
+    placement: string;
+    rotate: number;
+    popupInitialPosition: string;
+    popupPosition: string;
+};
+export {};

package/dist/components/Popup/helpers.js

@@ -0,0 +1,216 @@
+const ARROW_WIDTH = 8;
+const SPACE = 4;
+const TOTAL_USED_SPACE = 0;
+const DEFAULT_POSITIONS = {
+  arrowLeft: 0,
+  arrowTop: 0,
+  arrowTransform: "translate(-50%, -50)",
+  placement: "top",
+  rotate: 135,
+  popupInitialPosition: "translate3d(0px, 0px, 0)",
+  popupPosition: "translate3d(0px, 0px, 0)"
+};
+const computePlacement = ({
+  childrenStructuredRef,
+  popupStructuredRef,
+  offsetParentRect,
+  offsetParent,
+  popupPortalTarget
+}) => {
+  const {
+    top: childrenTop,
+    left: childrenLeft,
+    right: childrenRight,
+    width: childrenWidth
+  } = childrenStructuredRef;
+  const {
+    top: parentTop,
+    left: parentLeft
+  } = offsetParentRect;
+  const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
+  const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
+  const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
+  const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
+  const {
+    width: popupWidth,
+    height: popupHeight
+  } = popupStructuredRef;
+  if (overloadedChildrenTop - popupHeight - TOTAL_USED_SPACE < 0) {
+    return "bottom";
+  }
+  if (overloadedChildrenLeft - popupWidth - TOTAL_USED_SPACE < 0) {
+    return "right";
+  }
+  if (overloadedChildrenRight + popupWidth + TOTAL_USED_SPACE > window.innerWidth) {
+    return "left";
+  }
+  return "top";
+};
+const findOffsetParent = (element) => {
+  const offsetParent = element?.current?.offsetParent;
+  if (offsetParent && !["TH", "TD", "TABLE"].includes(offsetParent.tagName)) {
+    return offsetParent;
+  }
+  let currentElement = element?.current;
+  while (currentElement && currentElement.tagName !== "BODY") {
+    const {
+      position
+    } = window.getComputedStyle(currentElement);
+    if (position !== "static") {
+      return currentElement;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return document.body;
+};
+const getPopupOverflowFromParent = (position, offsetParentRect, childrenRect, popupStructuredRef) => {
+  const {
+    top: parentTop,
+    left: parentLeft,
+    right: parentRight
+  } = offsetParentRect;
+  const {
+    top: childrenTop,
+    bottom: childrenBottom,
+    left: childrenLeft,
+    right: childrenRight,
+    width: childrenWidth
+  } = childrenRect;
+  const {
+    width: popupWidth,
+    height: popupHeight
+  } = popupStructuredRef;
+  const popupHalfWidthWithArrow = popupWidth / 2 - ARROW_WIDTH;
+  const popupHalfHeightWithArrow = popupHeight / 2 - ARROW_WIDTH;
+  if (position === "top" || position === "bottom") {
+    const popupOverflowRight = childrenRight - childrenWidth / 2 + popupWidth / 2;
+    const popupOverflowLeft = childrenLeft + childrenWidth / 2 - parentLeft - popupWidth / 2;
+    if (popupOverflowRight > parentRight) {
+      if (Math.abs(popupOverflowRight - parentRight) > popupHalfWidthWithArrow) {
+        return -popupHalfWidthWithArrow;
+      }
+      return parentRight - popupOverflowRight;
+    }
+    if (popupOverflowLeft < 0) {
+      if (Math.abs(popupOverflowLeft) > popupHalfWidthWithArrow) {
+        return popupHalfWidthWithArrow;
+      }
+      return Math.abs(popupOverflowLeft);
+    }
+  }
+  if (position === "left" || position === "right") {
+    const popupOverflowTop = childrenTop - parentTop - popupHeight / 2;
+    if (popupOverflowTop < 0) {
+      if (Math.abs(childrenTop - parentTop - popupHalfHeightWithArrow) > popupHalfHeightWithArrow) {
+        return popupHalfHeightWithArrow;
+      }
+      return Math.abs(popupOverflowTop);
+    }
+    if (childrenBottom + popupHeight > window.innerHeight) {
+      return -popupHalfHeightWithArrow;
+    }
+  }
+  return 0;
+};
+const computePositions = ({
+  placement,
+  childrenRef,
+  popupRef,
+  popupPortalTarget
+}) => {
+  const childrenRect = childrenRef.current.getBoundingClientRect();
+  const offsetParent = findOffsetParent(childrenRef);
+  const offsetParentRect = offsetParent?.getBoundingClientRect() ?? {
+    top: 0,
+    left: 0,
+    right: 0
+  };
+  const popupStructuredRef = popupRef.current.getBoundingClientRect();
+  const placementBasedOnWindowSize = placement === "auto" ? computePlacement({
+    childrenStructuredRef: childrenRect,
+    popupStructuredRef,
+    offsetParentRect,
+    popupPortalTarget,
+    offsetParent
+  }) : placement;
+  const {
+    top: childrenTop,
+    left: childrenLeft,
+    right: childrenRight,
+    width: childrenWidth,
+    height: childrenHeight
+  } = childrenRect;
+  const {
+    top: parentTop,
+    left: parentLeft
+  } = offsetParentRect;
+  const {
+    width: popupWidth,
+    height: popupHeight
+  } = popupStructuredRef;
+  const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
+  const scrollTopValue = isPopupPortalTargetBody ? document.documentElement.scrollTop : offsetParent.scrollTop;
+  const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
+  const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
+  const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
+  const popupOverflow = getPopupOverflowFromParent(placementBasedOnWindowSize, offsetParentRect, childrenRect, popupStructuredRef);
+  switch (placementBasedOnWindowSize) {
+    case "bottom": {
+      const positionX = overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
+      const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + ARROW_WIDTH + SPACE;
+      return {
+        arrowLeft: popupWidth / 2 + popupOverflow * -1,
+        arrowTop: -ARROW_WIDTH - 5,
+        arrowTransform: "",
+        placement: "bottom",
+        rotate: 180,
+        popupInitialPosition: `translate3d(${positionX + popupOverflow}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
+        popupPosition: `translate3d(${positionX + popupOverflow}px, ${positionY}px, 0)`
+      };
+    }
+    case "left": {
+      const positionX = overloadedChildrenLeft - popupWidth - ARROW_WIDTH - SPACE * 2;
+      const positionY = overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
+      return {
+        arrowLeft: popupWidth + ARROW_WIDTH + 5,
+        arrowTop: popupHeight / 2 + popupOverflow * -1,
+        arrowTransform: "translate(-50%, -50%)",
+        placement: "left",
+        rotate: -90,
+        popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+        popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`
+      };
+    }
+    case "right": {
+      const positionX = overloadedChildrenRight + ARROW_WIDTH + SPACE * 2;
+      const positionY = overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
+      return {
+        arrowLeft: -ARROW_WIDTH - 5,
+        arrowTop: popupHeight / 2 + popupOverflow * -1,
+        arrowTransform: "translate(50%, -50%)",
+        placement: "right",
+        rotate: 90,
+        popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
+        popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`
+      };
+    }
+    default: {
+      const positionX = overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
+      const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - ARROW_WIDTH - SPACE;
+      return {
+        arrowLeft: popupWidth / 2 + popupOverflow * -1,
+        arrowTop: popupHeight - 1,
+        arrowTransform: "",
+        placement: "top",
+        rotate: 0,
+        popupInitialPosition: `translate3d(${positionX + popupOverflow}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
+        popupPosition: `translate3d(${positionX + popupOverflow}px, ${positionY}px, 0)`
+      };
+    }
+  }
+};
+export {
+  ARROW_WIDTH,
+  DEFAULT_POSITIONS,
+  computePositions
+};