@ultraviolet/plus 0.15.0 → 0.15.2

package/dist/components/EstimateCost/OverlayComponent.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Stack, Icon } from "@ultraviolet/ui";
+import { useMemo, Children, isValidElement, cloneElement } from "react";
+import { LineThrough } from "./Components/LineThrough.js";
+import { Strong } from "./Components/Strong.js";
+import { useEstimateCost } from "./EstimateCostProvider.js";
+import { OverlayContextProvider } from "./OverlayContext.js";
+import { OverlayRow, ItemResourceName, StyledBadge } from "./componentStyle.js";
+import { multiplier, maximumFractionDigits } from "./constants.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 OverlayContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["inView", "overlayMargin"].includes(prop),
+  target: "e1p62vjs2"
+} : {
+  shouldForwardProp: (prop) => !["inView", "overlayMargin"].includes(prop),
+  target: "e1p62vjs2",
+  label: "OverlayContainer"
+})("position:fixed;left:0;right:0;bottom:", ({
+  inView
+}) => inView ? -120 : 0, "px;height:120px;background-color:", ({
+  theme
+}) => theme.colors.neutral.background, ";margin:", ({
+  overlayMargin
+}) => overlayMargin || "0", ";display:flex;justify-content:center;box-shadow:", ({
+  inView,
+  theme
+}) => inView ? "0" : theme.shadows.defaultShadow, ";transition:bottom 0.3s,box-shadow 0.3s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0VzdGltYXRlQ29zdC9PdmVybGF5Q29tcG9uZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiwgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IHVzZUVzdGltYXRlQ29zdCB9IGZyb20gJy4vRXN0aW1hdGVDb3N0UHJvdmlkZXInXG5pbXBvcnQgeyBPdmVybGF5Q29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9PdmVybGF5Q29udGV4dCdcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgc2Vjb25kczogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5zZWNvbmRzLFxuICAgIG1vbnRoczogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5tb250aHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBpblZpZXc9e2luVmlld31cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdW1tYXJ5LW92ZXJsYXlcIlxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjYWxjdWxhdG9yXCIgY29sb3I9XCJwcmltYXJ5XCIgc2l6ZT17MjB9IC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
+const List = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "e1p62vjs1"
+} : {
+  target: "e1p62vjs1",
+  label: "List"
+})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:", ({
+  theme
+}) => theme.space["3"], " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCc0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24sIFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50LCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5lVGhyb3VnaCB9IGZyb20gJy4vQ29tcG9uZW50cy9MaW5lVGhyb3VnaCdcbmltcG9ydCB7IFN0cm9uZyB9IGZyb20gJy4vQ29tcG9uZW50cy9TdHJvbmcnXG5pbXBvcnQgeyB1c2VFc3RpbWF0ZUNvc3QgfSBmcm9tICcuL0VzdGltYXRlQ29zdFByb3ZpZGVyJ1xuaW1wb3J0IHsgT3ZlcmxheUNvbnRleHRQcm92aWRlciB9IGZyb20gJy4vT3ZlcmxheUNvbnRleHQnXG5pbXBvcnQgeyBJdGVtUmVzb3VyY2VOYW1lLCBPdmVybGF5Um93LCBTdHlsZWRCYWRnZSB9IGZyb20gJy4vY29tcG9uZW50U3R5bGUnXG5pbXBvcnQgeyBtYXhpbXVtRnJhY3Rpb25EaWdpdHMsIG11bHRpcGxpZXIgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB0eXBlIHsgVW5pdHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBPdmVybGF5Q29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2luVmlldycsICdvdmVybGF5TWFyZ2luJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGluVmlldz86IGJvb2xlYW47IG92ZXJsYXlNYXJnaW4/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogJHsoeyBpblZpZXcgfSkgPT4gKGluVmlldyA/IC0xMjAgOiAwKX1weDtcbiAgaGVpZ2h0OiAxMjBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgbWFyZ2luOiAkeyh7IG92ZXJsYXlNYXJnaW4gfSkgPT4gb3ZlcmxheU1hcmdpbiB8fCAnMCd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogJHsoeyBpblZpZXcsIHRoZW1lIH0pID0+XG4gICAgaW5WaWV3ID8gJzAnIDogdGhlbWUuc2hhZG93cy5kZWZhdWx0U2hhZG93fTtcbiAgdHJhbnNpdGlvbjpcbiAgICBib3R0b20gMC4zcyxcbiAgICBib3gtc2hhZG93IDAuM3M7XG5gXG5cbmNvbnN0IExpc3QgPSBzdHlsZWQudWxgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX0gMDtcbmBcblxuY29uc3QgU2lkZUl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDEycHggMDtcbiAgbWluLXdpZHRoOiAxNThweDtcbmBcblxudHlwZSBFeHRyYVByb3BzID0ge1xuICBpc0ZpcnN0RWxlbWVudD86IGJvb2xlYW5cbiAgaXNMYXN0RWxlbWVudD86IGJvb2xlYW5cbn1cblxudHlwZSBPdmVybGF5Q29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGlzYWJsZU92ZXJsYXlMZWZ0PzogYm9vbGVhblxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0PzogYm9vbGVhblxuICBkaXNjb3VudD86IG51bWJlclxuICBpblZpZXc/OiBib29sZWFuXG4gIGlzQmV0YT86IGJvb2xlYW5cbiAgdW5pdDogVW5pdHNcbiAgT3ZlcmxheUxlZnQ/OiAocHJvcHM6IHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH0pID0+IEpTWC5FbGVtZW50XG4gIE92ZXJsYXlSaWdodD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH0pID0+IEpTWC5FbGVtZW50XG4gIHRvdGFsUHJpY2U6IHtcbiAgICBtYXhPdmVybGF5SG91cmx5OiBudW1iZXJcbiAgICBvdmVybGF5SG91cmx5OiBudW1iZXJcbiAgfVxuICBvdmVybGF5TWFyZ2luPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5Q29tcG9uZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGluVmlldyA9IGZhbHNlLFxuICBkaXNjb3VudCA9IDEsXG4gIE92ZXJsYXlSaWdodCxcbiAgZGlzYWJsZU92ZXJsYXlSaWdodCA9IGZhbHNlLFxuICBPdmVybGF5TGVmdCxcbiAgZGlzYWJsZU92ZXJsYXlMZWZ0ID0gZmFsc2UsXG4gIHRvdGFsUHJpY2UsXG4gIHVuaXQgPSAnaG91cnMnLFxuICBpc0JldGEgPSBmYWxzZSxcbiAgb3ZlcmxheU1hcmdpbixcbn06IE92ZXJsYXlDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IGxvY2FsZXMsIGZvcm1hdE51bWJlciB9ID0gdXNlRXN0aW1hdGVDb3N0KClcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oKCkgPT4gKHsgaXNPdmVybGF5OiB0cnVlIH0pLCBbXSlcblxuICBjb25zdCB0b3RhbE92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgc2Vjb25kczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5zZWNvbmRzLFxuICAgIG1vbnRoczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5tb250aHMsXG4gIH1bdW5pdF1cblxuICBjb25zdCBvdmVybGF5UHJpY2UgPSB7XG4gICAgZGF5czogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5kYXlzLFxuICAgIGhvdXJzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHksXG4gICAgbWludXRlczogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5taW51dGVzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICB9W3VuaXRdXG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheUNvbnRleHRQcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPE92ZXJsYXlDb250YWluZXJcbiAgICAgICAgaW5WaWV3PXtpblZpZXd9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3VtbWFyeS1vdmVybGF5XCJcbiAgICAgICAgb3ZlcmxheU1hcmdpbj17b3ZlcmxheU1hcmdpbn1cbiAgICAgID5cbiAgICAgICAgPExpc3Q+XG4gICAgICAgICAge092ZXJsYXlMZWZ0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheUxlZnQgZGlzYWJsZWQ9e2Rpc2FibGVPdmVybGF5TGVmdH0+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ2VzdGltYXRlLmNvc3Quc3VibWl0LmxhYmVsJ119XG4gICAgICAgICAgICAgIDwvT3ZlcmxheUxlZnQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCwgaW5kZXgpID0+XG4gICAgICAgICAgICBpc1ZhbGlkRWxlbWVudDxFeHRyYVByb3BzPihjaGlsZClcbiAgICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICAgICAgIGlzRmlyc3RFbGVtZW50OiBpbmRleCA9PT0gMCxcbiAgICAgICAgICAgICAgICAgIGlzTGFzdEVsZW1lbnQ6IGluZGV4ID09PSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgLSAxLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIDogbnVsbCxcbiAgICAgICAgICApfVxuICAgICAgICAgIDxPdmVybGF5Um93PlxuICAgICAgICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezF9PlxuICAgICAgICAgICAgICA8SWNvbiBuYW1lPVwiY2FsY3VsYXRvclwiIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9ezIwfSAvPlxuICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5sYWJlbCddfVxuICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDxJdGVtUmVzb3VyY2VOYW1lIGFuaW1hdGVkPXtmYWxzZX0+XG4gICAgICAgICAgICAgIDxTdHJvbmcgdmFyaWFudD1cImJpZ1wiPlxuICAgICAgICAgICAgICAgIDxMaW5lVGhyb3VnaCBpc0FjdGl2ZT17aXNCZXRhICYmIGRpc2NvdW50ID09PSAwfT5cbiAgICAgICAgICAgICAgICAgIHtmb3JtYXROdW1iZXIob3ZlcmxheVByaWNlLCB7XG4gICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICB7dG90YWxPdmVybGF5UHJpY2UgPiAwXG4gICAgICAgICAgICAgICAgICAgID8gYCAtICR7Zm9ybWF0TnVtYmVyKHRvdGFsT3ZlcmxheVByaWNlLCB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXhpbXVtRnJhY3Rpb25EaWdpdHM6IG1heGltdW1GcmFjdGlvbkRpZ2l0c1t1bml0XSxcbiAgICAgICAgICAgICAgICAgICAgICB9KX1gXG4gICAgICAgICAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgIC97bG9jYWxlc1tgZXN0aW1hdGUuY29zdC51bml0cy4ke3VuaXR9LmxhYmVsYF19XG4gICAgICAgICAgICAgICAgPC9MaW5lVGhyb3VnaD5cbiAgICAgICAgICAgICAgPC9TdHJvbmc+XG4gICAgICAgICAgICAgIHtpc0JldGEgPyAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhZGdlIHByb21pbmVuY2U9XCJzdHJvbmdcIiBzZW50aW1lbnQ9XCJ3YXJuaW5nXCI+XG4gICAgICAgICAgICAgICAgICB7ZGlzY291bnQgPiAwID8gZGlzY291bnQgKiAxMDAgOiAnJ31cbiAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgbG9jYWxlc1tcbiAgICAgICAgICAgICAgICAgICAgICBgZXN0aW1hdGUuY29zdC5iZXRhLiR7ZGlzY291bnQgPiAwID8gJ2Rpc2NvdW50JyA6ICdmcmVlJ31gXG4gICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvSXRlbVJlc291cmNlTmFtZT5cbiAgICAgICAgICA8L092ZXJsYXlSb3c+XG4gICAgICAgICAge092ZXJsYXlSaWdodCA/IChcbiAgICAgICAgICAgIDxTaWRlSXRlbT5cbiAgICAgICAgICAgICAgPE92ZXJsYXlSaWdodCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlSaWdodH0+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ2VzdGltYXRlLmNvc3Quc3VibWl0LmxhYmVsJ119XG4gICAgICAgICAgICAgIDwvT3ZlcmxheVJpZ2h0PlxuICAgICAgICAgICAgPC9TaWRlSXRlbT5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9MaXN0PlxuICAgICAgPC9PdmVybGF5Q29udGFpbmVyPlxuICAgIDwvT3ZlcmxheUNvbnRleHRQcm92aWRlcj5cbiAgKVxufVxuIl19 */"));
+const SideItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e1p62vjs0"
+} : {
+  target: "e1p62vjs0",
+  label: "SideItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "wpiop9",
+  styles: "display:flex;padding:12px 0;min-width:158px"
+} : {
+  name: "wpiop9",
+  styles: "display:flex;padding:12px 0;min-width:158px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24sIFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50LCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5lVGhyb3VnaCB9IGZyb20gJy4vQ29tcG9uZW50cy9MaW5lVGhyb3VnaCdcbmltcG9ydCB7IFN0cm9uZyB9IGZyb20gJy4vQ29tcG9uZW50cy9TdHJvbmcnXG5pbXBvcnQgeyB1c2VFc3RpbWF0ZUNvc3QgfSBmcm9tICcuL0VzdGltYXRlQ29zdFByb3ZpZGVyJ1xuaW1wb3J0IHsgT3ZlcmxheUNvbnRleHRQcm92aWRlciB9IGZyb20gJy4vT3ZlcmxheUNvbnRleHQnXG5pbXBvcnQgeyBJdGVtUmVzb3VyY2VOYW1lLCBPdmVybGF5Um93LCBTdHlsZWRCYWRnZSB9IGZyb20gJy4vY29tcG9uZW50U3R5bGUnXG5pbXBvcnQgeyBtYXhpbXVtRnJhY3Rpb25EaWdpdHMsIG11bHRpcGxpZXIgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB0eXBlIHsgVW5pdHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBPdmVybGF5Q29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2luVmlldycsICdvdmVybGF5TWFyZ2luJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGluVmlldz86IGJvb2xlYW47IG92ZXJsYXlNYXJnaW4/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogJHsoeyBpblZpZXcgfSkgPT4gKGluVmlldyA/IC0xMjAgOiAwKX1weDtcbiAgaGVpZ2h0OiAxMjBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgbWFyZ2luOiAkeyh7IG92ZXJsYXlNYXJnaW4gfSkgPT4gb3ZlcmxheU1hcmdpbiB8fCAnMCd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogJHsoeyBpblZpZXcsIHRoZW1lIH0pID0+XG4gICAgaW5WaWV3ID8gJzAnIDogdGhlbWUuc2hhZG93cy5kZWZhdWx0U2hhZG93fTtcbiAgdHJhbnNpdGlvbjpcbiAgICBib3R0b20gMC4zcyxcbiAgICBib3gtc2hhZG93IDAuM3M7XG5gXG5cbmNvbnN0IExpc3QgPSBzdHlsZWQudWxgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX0gMDtcbmBcblxuY29uc3QgU2lkZUl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDEycHggMDtcbiAgbWluLXdpZHRoOiAxNThweDtcbmBcblxudHlwZSBFeHRyYVByb3BzID0ge1xuICBpc0ZpcnN0RWxlbWVudD86IGJvb2xlYW5cbiAgaXNMYXN0RWxlbWVudD86IGJvb2xlYW5cbn1cblxudHlwZSBPdmVybGF5Q29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGlzYWJsZU92ZXJsYXlMZWZ0PzogYm9vbGVhblxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0PzogYm9vbGVhblxuICBkaXNjb3VudD86IG51bWJlclxuICBpblZpZXc/OiBib29sZWFuXG4gIGlzQmV0YT86IGJvb2xlYW5cbiAgdW5pdDogVW5pdHNcbiAgT3ZlcmxheUxlZnQ/OiAocHJvcHM6IHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH0pID0+IEpTWC5FbGVtZW50XG4gIE92ZXJsYXlSaWdodD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH0pID0+IEpTWC5FbGVtZW50XG4gIHRvdGFsUHJpY2U6IHtcbiAgICBtYXhPdmVybGF5SG91cmx5OiBudW1iZXJcbiAgICBvdmVybGF5SG91cmx5OiBudW1iZXJcbiAgfVxuICBvdmVybGF5TWFyZ2luPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5Q29tcG9uZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGluVmlldyA9IGZhbHNlLFxuICBkaXNjb3VudCA9IDEsXG4gIE92ZXJsYXlSaWdodCxcbiAgZGlzYWJsZU92ZXJsYXlSaWdodCA9IGZhbHNlLFxuICBPdmVybGF5TGVmdCxcbiAgZGlzYWJsZU92ZXJsYXlMZWZ0ID0gZmFsc2UsXG4gIHRvdGFsUHJpY2UsXG4gIHVuaXQgPSAnaG91cnMnLFxuICBpc0JldGEgPSBmYWxzZSxcbiAgb3ZlcmxheU1hcmdpbixcbn06IE92ZXJsYXlDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IGxvY2FsZXMsIGZvcm1hdE51bWJlciB9ID0gdXNlRXN0aW1hdGVDb3N0KClcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oKCkgPT4gKHsgaXNPdmVybGF5OiB0cnVlIH0pLCBbXSlcblxuICBjb25zdCB0b3RhbE92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm1heE92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgc2Vjb25kczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5zZWNvbmRzLFxuICAgIG1vbnRoczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5tb250aHMsXG4gIH1bdW5pdF1cblxuICBjb25zdCBvdmVybGF5UHJpY2UgPSB7XG4gICAgZGF5czogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5kYXlzLFxuICAgIGhvdXJzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHksXG4gICAgbWludXRlczogdG90YWxQcmljZS5vdmVybGF5SG91cmx5ICogbXVsdGlwbGllci5taW51dGVzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICB9W3VuaXRdXG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheUNvbnRleHRQcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPE92ZXJsYXlDb250YWluZXJcbiAgICAgICAgaW5WaWV3PXtpblZpZXd9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3VtbWFyeS1vdmVybGF5XCJcbiAgICAgICAgb3ZlcmxheU1hcmdpbj17b3ZlcmxheU1hcmdpbn1cbiAgICAgID5cbiAgICAgICAgPExpc3Q+XG4gICAgICAgICAge092ZXJsYXlMZWZ0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheUxlZnQgZGlzYWJsZWQ9e2Rpc2FibGVPdmVybGF5TGVmdH0+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ2VzdGltYXRlLmNvc3Quc3VibWl0LmxhYmVsJ119XG4gICAgICAgICAgICAgIDwvT3ZlcmxheUxlZnQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCwgaW5kZXgpID0+XG4gICAgICAgICAgICBpc1ZhbGlkRWxlbWVudDxFeHRyYVByb3BzPihjaGlsZClcbiAgICAgICAgICAgICAgPyBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICAgICAgIGlzRmlyc3RFbGVtZW50OiBpbmRleCA9PT0gMCxcbiAgICAgICAgICAgICAgICAgIGlzTGFzdEVsZW1lbnQ6IGluZGV4ID09PSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgLSAxLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIDogbnVsbCxcbiAgICAgICAgICApfVxuICAgICAgICAgIDxPdmVybGF5Um93PlxuICAgICAgICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezF9PlxuICAgICAgICAgICAgICA8SWNvbiBuYW1lPVwiY2FsY3VsYXRvclwiIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9ezIwfSAvPlxuICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5sYWJlbCddfVxuICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDxJdGVtUmVzb3VyY2VOYW1lIGFuaW1hdGVkPXtmYWxzZX0+XG4gICAgICAgICAgICAgIDxTdHJvbmcgdmFyaWFudD1cImJpZ1wiPlxuICAgICAgICAgICAgICAgIDxMaW5lVGhyb3VnaCBpc0FjdGl2ZT17aXNCZXRhICYmIGRpc2NvdW50ID09PSAwfT5cbiAgICAgICAgICAgICAgICAgIHtmb3JtYXROdW1iZXIob3ZlcmxheVByaWNlLCB7XG4gICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICB7dG90YWxPdmVybGF5UHJpY2UgPiAwXG4gICAgICAgICAgICAgICAgICAgID8gYCAtICR7Zm9ybWF0TnVtYmVyKHRvdGFsT3ZlcmxheVByaWNlLCB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXhpbXVtRnJhY3Rpb25EaWdpdHM6IG1heGltdW1GcmFjdGlvbkRpZ2l0c1t1bml0XSxcbiAgICAgICAgICAgICAgICAgICAgICB9KX1gXG4gICAgICAgICAgICAgICAgICAgIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgIC97bG9jYWxlc1tgZXN0aW1hdGUuY29zdC51bml0cy4ke3VuaXR9LmxhYmVsYF19XG4gICAgICAgICAgICAgICAgPC9MaW5lVGhyb3VnaD5cbiAgICAgICAgICAgICAgPC9TdHJvbmc+XG4gICAgICAgICAgICAgIHtpc0JldGEgPyAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhZGdlIHByb21pbmVuY2U9XCJzdHJvbmdcIiBzZW50aW1lbnQ9XCJ3YXJuaW5nXCI+XG4gICAgICAgICAgICAgICAgICB7ZGlzY291bnQgPiAwID8gZGlzY291bnQgKiAxMDAgOiAnJ31cbiAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgbG9jYWxlc1tcbiAgICAgICAgICAgICAgICAgICAgICBgZXN0aW1hdGUuY29zdC5iZXRhLiR7ZGlzY291bnQgPiAwID8gJ2Rpc2NvdW50JyA6ICdmcmVlJ31gXG4gICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvSXRlbVJlc291cmNlTmFtZT5cbiAgICAgICAgICA8L092ZXJsYXlSb3c+XG4gICAgICAgICAge092ZXJsYXlSaWdodCA/IChcbiAgICAgICAgICAgIDxTaWRlSXRlbT5cbiAgICAgICAgICAgICAgPE92ZXJsYXlSaWdodCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlSaWdodH0+XG4gICAgICAgICAgICAgICAge2xvY2FsZXNbJ2VzdGltYXRlLmNvc3Quc3VibWl0LmxhYmVsJ119XG4gICAgICAgICAgICAgIDwvT3ZlcmxheVJpZ2h0PlxuICAgICAgICAgICAgPC9TaWRlSXRlbT5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9MaXN0PlxuICAgICAgPC9PdmVybGF5Q29udGFpbmVyPlxuICAgIDwvT3ZlcmxheUNvbnRleHRQcm92aWRlcj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const OverlayComponent = ({
+  children,
+  inView = false,
+  discount = 1,
+  OverlayRight,
+  disableOverlayRight = false,
+  OverlayLeft,
+  disableOverlayLeft = false,
+  totalPrice,
+  unit = "hours",
+  isBeta = false,
+  overlayMargin
+}) => {
+  const {
+    locales,
+    formatNumber
+  } = useEstimateCost();
+  const value = useMemo(() => ({
+    isOverlay: true
+  }), []);
+  const totalOverlayPrice = {
+    days: totalPrice.maxOverlayHourly * multiplier.days,
+    hours: totalPrice.maxOverlayHourly,
+    minutes: totalPrice.maxOverlayHourly * multiplier.minutes,
+    seconds: totalPrice.maxOverlayHourly * multiplier.seconds,
+    months: totalPrice.maxOverlayHourly * multiplier.months
+  }[unit];
+  const overlayPrice = {
+    days: totalPrice.overlayHourly * multiplier.days,
+    hours: totalPrice.overlayHourly,
+    minutes: totalPrice.overlayHourly * multiplier.minutes,
+    seconds: totalPrice.overlayHourly * multiplier.seconds,
+    months: totalPrice.overlayHourly * multiplier.months
+  }[unit];
+  return /* @__PURE__ */ jsx(OverlayContextProvider, { value, children: /* @__PURE__ */ jsx(OverlayContainer, { inView, "data-testid": "summary-overlay", overlayMargin, children: /* @__PURE__ */ jsxs(List, { children: [
+    OverlayLeft ? /* @__PURE__ */ jsx(SideItem, { children: /* @__PURE__ */ jsx(OverlayLeft, { disabled: disableOverlayLeft, children: locales["estimate.cost.submit.label"] }) }) : null,
+    Children.map(children, (child, index) => isValidElement(child) ? cloneElement(child, {
+      isFirstElement: index === 0,
+      isLastElement: index === Children.count(children) - 1
+    }) : null),
+    /* @__PURE__ */ jsxs(OverlayRow, { children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, children: [
+        /* @__PURE__ */ jsx(Icon, { name: "calculator", color: "primary", size: 20 }),
+        locales["estimate.cost.label"]
+      ] }),
+      /* @__PURE__ */ jsxs(ItemResourceName, { animated: false, children: [
+        /* @__PURE__ */ jsx(Strong, { variant: "big", children: /* @__PURE__ */ jsxs(LineThrough, { isActive: isBeta && discount === 0, children: [
+          formatNumber(overlayPrice, {
+            maximumFractionDigits: maximumFractionDigits[unit]
+          }),
+          totalOverlayPrice > 0 ? ` - ${formatNumber(totalOverlayPrice, {
+            maximumFractionDigits: maximumFractionDigits[unit]
+          })}` : null,
+          "/",
+          locales[`estimate.cost.units.${unit}.label`]
+        ] }) }),
+        isBeta ? /* @__PURE__ */ jsxs(StyledBadge, { prominence: "strong", sentiment: "warning", children: [
+          discount > 0 ? discount * 100 : "",
+          locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]
+        ] }) : null
+      ] })
+    ] }),
+    OverlayRight ? /* @__PURE__ */ jsx(SideItem, { children: /* @__PURE__ */ jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : null
+  ] }) }) });
+};
+export {
+  OverlayComponent
+};

package/dist/components/EstimateCost/OverlayContext.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export declare const useOverlay: () => {
+    isOverlay: boolean;
+};
+type OverlayContextProviderProps = {
+    children: ReactNode;
+    value: {
+        isOverlay: boolean;
+    };
+};
+export declare const OverlayContextProvider: ({ children, value, }: OverlayContextProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EstimateCost/OverlayContext.js

@@ -0,0 +1,14 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext } from "react";
+const OverlayContext = createContext({
+  isOverlay: false
+});
+const useOverlay = () => useContext(OverlayContext);
+const OverlayContextProvider = ({
+  children,
+  value
+}) => /* @__PURE__ */ jsx(OverlayContext.Provider, { value, children });
+export {
+  OverlayContextProvider,
+  useOverlay
+};

package/dist/components/EstimateCost/componentStyle.d.ts

@@ -0,0 +1,107 @@
+/// <reference types="react" />
+import type { Theme } from '@emotion/react';
+export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    noTotal: boolean;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const StyledFeesTable: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const PriceCol: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, {}>;
+export declare const PriceCell: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const Cell: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    hasBorder?: boolean | undefined;
+    tabulation?: number | undefined;
+    primary?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const TotalPriceCell: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    hasBorder?: boolean | undefined;
+    tabulation?: number | undefined;
+    primary?: boolean | undefined;
+} & import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const EmptyTable: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const EmptyCell: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const TimeCell: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BadgeBeta: import("@emotion/styled").StyledComponent<{
+    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
+    size?: "small" | "large" | "medium" | undefined;
+    prominence?: "strong" | "default" | undefined;
+    icon?: "address" | "search" | "filter" | "view" | "anchor" | "id" | "download" | "alert" | "open-in-new" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "cancel" | "check" | "close" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "sort" | "south" | "switch_orga" | "x" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    children: import("react").ReactNode;
+    'data-testid'?: string | undefined;
+} & {
+    theme?: Theme | undefined;
+} & {
+    long: boolean;
+}, {}, {}>;
+export declare const StyledTr: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    isFirstElement?: boolean | undefined;
+    shouldBeHidden?: boolean | undefined;
+    hideFromOverlay?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const OverlayRow: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    isFirstElement?: boolean | undefined;
+    shouldBeHidden?: boolean | undefined;
+    hideFromOverlay?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledLeftSide: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemResourceName: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    animated: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
+    size?: "small" | "large" | "medium" | undefined;
+    prominence?: "strong" | "default" | undefined;
+    icon?: "address" | "search" | "filter" | "view" | "anchor" | "id" | "download" | "alert" | "open-in-new" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "cancel" | "check" | "close" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "sort" | "south" | "switch_orga" | "x" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+    children: import("react").ReactNode;
+    'data-testid'?: string | undefined;
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;