@ultraviolet/plus 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/components/EstimateCost/OverlayComponent.js

@@ -1,56 +1,16 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { CalculatorIcon } from "@ultraviolet/icons";
-import { Stack } from "@ultraviolet/ui";
+import { Stack, Badge } from "@ultraviolet/ui";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useMemo, Children, cloneElement, isValidElement } from "react";
+import { estimateCostResourceName } from "./Components/components.css.js";
 import { LineThrough } from "./Components/LineThrough.js";
 import { Strong } from "./Components/Strong.js";
-import { OverlayRow, ItemResourceName, StyledBadge } from "./componentStyle.js";
 import { multiplier, maximumFractionDigits } from "./constants.js";
 import { useEstimateCost } from "./EstimateCostProvider.js";
 import { OverlayContextProvider } from "./OverlayContext.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;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dc0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { estimateCostOverlayContainer, estimateCostList, estimateCostSideItem, estimateCostOverlayRow, estimateCostBadge, overlayMarginVar } from "./styles.css.js";
 const OverlayComponent = ({
   children,
   inView = false,
@@ -85,18 +45,22 @@ const OverlayComponent = ({
     months: totalPrice.overlayHourly * multiplier.months,
     seconds: totalPrice.overlayHourly * multiplier.seconds
   }[unit];
-  return /* @__PURE__ */ jsx(OverlayContextProvider, { value, children: /* @__PURE__ */ jsx(OverlayContainer, { "data-testid": "summary-overlay", inView, overlayMargin, children: /* @__PURE__ */ jsxs(List, { children: [
-    OverlayLeft ? /* @__PURE__ */ jsx(SideItem, { children: /* @__PURE__ */ jsx(OverlayLeft, { disabled: disableOverlayLeft, children: locales["estimate.cost.submit.label"] }) }) : null,
+  return /* @__PURE__ */ jsx(OverlayContextProvider, { value, children: /* @__PURE__ */ jsx("div", { className: estimateCostOverlayContainer({
+    inView
+  }), "data-testid": "summary-overlay", style: assignInlineVars({
+    [overlayMarginVar]: overlayMargin ?? "0"
+  }), children: /* @__PURE__ */ jsxs("ul", { className: estimateCostList, children: [
+    OverlayLeft ? /* @__PURE__ */ jsx("li", { className: estimateCostSideItem, 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("li", { className: estimateCostOverlayRow(), children: [
       /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(CalculatorIcon, { sentiment: "primary", size: "medium" }),
         locales["estimate.cost.label"]
       ] }),
-      /* @__PURE__ */ jsxs(ItemResourceName, { animated: false, children: [
+      /* @__PURE__ */ jsxs("div", { className: estimateCostResourceName(), children: [
         /* @__PURE__ */ jsx(Strong, { variant: "big", children: /* @__PURE__ */ jsxs(LineThrough, { isActive: isBeta && discount === 0, children: [
           formatNumber(overlayPrice, {
             maximumFractionDigits: maximumFractionDigits[unit]
@@ -107,13 +71,13 @@ const OverlayComponent = ({
           "/",
           locales[`estimate.cost.units.${unit}.label`]
         ] }) }),
-        isBeta ? /* @__PURE__ */ jsxs(StyledBadge, { prominence: "strong", sentiment: "warning", children: [
+        isBeta ? /* @__PURE__ */ jsxs(Badge, { className: estimateCostBadge, 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
+    OverlayRight ? /* @__PURE__ */ jsx("li", { className: estimateCostSideItem, children: /* @__PURE__ */ jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : null
   ] }) }) });
 };
 export {

package/dist/components/EstimateCost/constants.cjs

@@ -22,11 +22,7 @@ const maximumFractionDigitsLong = {
   months: 2,
   seconds: 12
 };
-const MAX_CELL_WIDTH = "70%";
-const PRICE_MAX_CELL_WIDTH = "30%";
 exports.APPROXIMATE_HOURS_IN_MONTH = APPROXIMATE_HOURS_IN_MONTH;
-exports.MAX_CELL_WIDTH = MAX_CELL_WIDTH;
-exports.PRICE_MAX_CELL_WIDTH = PRICE_MAX_CELL_WIDTH;
 exports.maximumFractionDigits = maximumFractionDigits;
 exports.maximumFractionDigitsLong = maximumFractionDigitsLong;
 exports.multiplier = multiplier;

package/dist/components/EstimateCost/constants.js

@@ -20,12 +20,8 @@ const maximumFractionDigitsLong = {
   months: 2,
   seconds: 12
 };
-const MAX_CELL_WIDTH = "70%";
-const PRICE_MAX_CELL_WIDTH = "30%";
 export {
   APPROXIMATE_HOURS_IN_MONTH,
-  MAX_CELL_WIDTH,
-  PRICE_MAX_CELL_WIDTH,
   maximumFractionDigits,
   maximumFractionDigitsLong,
   multiplier

package/dist/components/EstimateCost/styles.css.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var paddingLeftCell = "var(--uv_plus_sk5tga0)";
+var overlayMarginVar = "var(--uv_plus_sk5tga1)";
+var estimateCostImage = "uv_plus_sk5tga2";
+var estimateCostTable = { total: "uv_plus_sk5tga4 uv_plus_sk5tga3", noTotal: "uv_plus_sk5tga5 uv_plus_sk5tga3" };
+var estimateCostFeesTable = "uv_plus_sk5tga6 uv_plus_sk5tga3";
+var estimateCostPriceColumn = "uv_plus_sk5tga7";
+var estimateCostPriceCell = "uv_plus_sk5tga8";
+var estimateCostCell = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tga9", variantClassNames: { hasBorder: { true: "uv_plus_sk5tgaa" }, primary: { true: "uv_plus_sk5tgab" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostTotalPriceCell = "uv_plus_sk5tgac";
+var estimateCostEmptyTable = "uv_plus_sk5tgad";
+var estimateCostTitle = "uv_plus_sk5tgae";
+var estimateCostEmptyCell = "uv_plus_sk5tgaf";
+var estimateCostTimeCell = "uv_plus_sk5tgag";
+var estimateCostBadgeBeta = { "long": "uv_plus_sk5tgai uv_plus_sk5tgah", "short": "uv_plus_sk5tgaj uv_plus_sk5tgah" };
+var estimateCostOverlayRow = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgak", variantClassNames: { isFirstElement: { true: "uv_plus_sk5tgal" }, shouldBeHidden: { true: "uv_plus_sk5tgam" }, hideFromOverlay: { true: "uv_plus_sk5tgan" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostBadge = "uv_plus_sk5tgao";
+var estimatecostFeesText = "uv_plus_sk5tgap";
+var estimateCostText = { beta: "uv_plus_sk5tgaq", notBeta: "uv_plus_sk5tgar" };
+var estimateCostCalculatorIcon = "uv_plus_sk5tgas";
+var estimateCostPriceCellContent = "uv_plus_sk5tgat";
+var estimateCostOverlayContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgau", variantClassNames: { inView: { true: "uv_plus_sk5tgav", false: "uv_plus_sk5tgaw" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostList = "uv_plus_sk5tgax";
+var estimateCostSideItem = "uv_plus_sk5tgay";
+exports.estimateCostBadge = estimateCostBadge;
+exports.estimateCostBadgeBeta = estimateCostBadgeBeta;
+exports.estimateCostCalculatorIcon = estimateCostCalculatorIcon;
+exports.estimateCostCell = estimateCostCell;
+exports.estimateCostEmptyCell = estimateCostEmptyCell;
+exports.estimateCostEmptyTable = estimateCostEmptyTable;
+exports.estimateCostFeesTable = estimateCostFeesTable;
+exports.estimateCostImage = estimateCostImage;
+exports.estimateCostList = estimateCostList;
+exports.estimateCostOverlayContainer = estimateCostOverlayContainer;
+exports.estimateCostOverlayRow = estimateCostOverlayRow;
+exports.estimateCostPriceCell = estimateCostPriceCell;
+exports.estimateCostPriceCellContent = estimateCostPriceCellContent;
+exports.estimateCostPriceColumn = estimateCostPriceColumn;
+exports.estimateCostSideItem = estimateCostSideItem;
+exports.estimateCostTable = estimateCostTable;
+exports.estimateCostText = estimateCostText;
+exports.estimateCostTimeCell = estimateCostTimeCell;
+exports.estimateCostTitle = estimateCostTitle;
+exports.estimateCostTotalPriceCell = estimateCostTotalPriceCell;
+exports.estimatecostFeesText = estimatecostFeesText;
+exports.overlayMarginVar = overlayMarginVar;
+exports.paddingLeftCell = paddingLeftCell;

package/dist/components/EstimateCost/styles.css.d.ts

@@ -0,0 +1,76 @@
+export declare const paddingLeftCell: `var(--${string})`;
+export declare const overlayMarginVar: `var(--${string})`;
+export declare const estimateCostImage: string;
+export declare const estimateCostTable: Record<"total" | "noTotal", string>;
+export declare const estimateCostFeesTable: string;
+export declare const estimateCostPriceColumn: string;
+export declare const estimateCostPriceCell: string;
+export declare const estimateCostCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasBorder: {
+        true: {
+            selectors: {
+                '&:before': {
+                    content: "''";
+                    position: "absolute";
+                    left: number;
+                    bottom: number;
+                    height: number;
+                    width: "calc(100% - 32px)";
+                    marginLeft: `var(--${string})`;
+                    borderBottom: `1px solid var(--${string})`;
+                };
+            };
+        };
+    };
+    primary: {
+        true: {
+            background: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostTotalPriceCell: string;
+export declare const estimateCostEmptyTable: string;
+export declare const estimateCostTitle: string;
+export declare const estimateCostEmptyCell: string;
+export declare const estimateCostTimeCell: string;
+export declare const estimateCostBadgeBeta: Record<"long" | "short", string>;
+export declare const estimateCostOverlayRow: import("@vanilla-extract/recipes").RuntimeFn<{
+    isFirstElement: {
+        true: {
+            border: number;
+        };
+    };
+    shouldBeHidden: {
+        true: {
+            '@media': {
+                '(max-width: 1800px)': {
+                    display: "none";
+                };
+            };
+        };
+    };
+    hideFromOverlay: {
+        true: {
+            display: "none";
+        };
+    };
+}>;
+export declare const estimateCostBadge: string;
+export declare const estimatecostFeesText: string;
+export declare const estimateCostText: Record<"beta" | "notBeta", string>;
+export declare const estimateCostCalculatorIcon: string;
+export declare const estimateCostPriceCellContent: string;
+export declare const estimateCostOverlayContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    inView: {
+        true: {
+            bottom: "-120px";
+            boxShadow: "0";
+        };
+        false: {
+            bottom: number;
+            boxShadow: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostList: string;
+export declare const estimateCostSideItem: string;

package/dist/components/EstimateCost/styles.css.js

@@ -0,0 +1,50 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var paddingLeftCell = "var(--uv_plus_sk5tga0)";
+var overlayMarginVar = "var(--uv_plus_sk5tga1)";
+var estimateCostImage = "uv_plus_sk5tga2";
+var estimateCostTable = { total: "uv_plus_sk5tga4 uv_plus_sk5tga3", noTotal: "uv_plus_sk5tga5 uv_plus_sk5tga3" };
+var estimateCostFeesTable = "uv_plus_sk5tga6 uv_plus_sk5tga3";
+var estimateCostPriceColumn = "uv_plus_sk5tga7";
+var estimateCostPriceCell = "uv_plus_sk5tga8";
+var estimateCostCell = createRuntimeFn({ defaultClassName: "uv_plus_sk5tga9", variantClassNames: { hasBorder: { true: "uv_plus_sk5tgaa" }, primary: { true: "uv_plus_sk5tgab" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostTotalPriceCell = "uv_plus_sk5tgac";
+var estimateCostEmptyTable = "uv_plus_sk5tgad";
+var estimateCostTitle = "uv_plus_sk5tgae";
+var estimateCostEmptyCell = "uv_plus_sk5tgaf";
+var estimateCostTimeCell = "uv_plus_sk5tgag";
+var estimateCostBadgeBeta = { "long": "uv_plus_sk5tgai uv_plus_sk5tgah", "short": "uv_plus_sk5tgaj uv_plus_sk5tgah" };
+var estimateCostOverlayRow = createRuntimeFn({ defaultClassName: "uv_plus_sk5tgak", variantClassNames: { isFirstElement: { true: "uv_plus_sk5tgal" }, shouldBeHidden: { true: "uv_plus_sk5tgam" }, hideFromOverlay: { true: "uv_plus_sk5tgan" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostBadge = "uv_plus_sk5tgao";
+var estimatecostFeesText = "uv_plus_sk5tgap";
+var estimateCostText = { beta: "uv_plus_sk5tgaq", notBeta: "uv_plus_sk5tgar" };
+var estimateCostCalculatorIcon = "uv_plus_sk5tgas";
+var estimateCostPriceCellContent = "uv_plus_sk5tgat";
+var estimateCostOverlayContainer = createRuntimeFn({ defaultClassName: "uv_plus_sk5tgau", variantClassNames: { inView: { true: "uv_plus_sk5tgav", false: "uv_plus_sk5tgaw" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostList = "uv_plus_sk5tgax";
+var estimateCostSideItem = "uv_plus_sk5tgay";
+export {
+  estimateCostBadge,
+  estimateCostBadgeBeta,
+  estimateCostCalculatorIcon,
+  estimateCostCell,
+  estimateCostEmptyCell,
+  estimateCostEmptyTable,
+  estimateCostFeesTable,
+  estimateCostImage,
+  estimateCostList,
+  estimateCostOverlayContainer,
+  estimateCostOverlayRow,
+  estimateCostPriceCell,
+  estimateCostPriceCellContent,
+  estimateCostPriceColumn,
+  estimateCostSideItem,
+  estimateCostTable,
+  estimateCostText,
+  estimateCostTimeCell,
+  estimateCostTitle,
+  estimateCostTotalPriceCell,
+  estimatecostFeesText,
+  overlayMarginVar,
+  paddingLeftCell
+};

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

@@ -1,5 +1,5 @@
 import type { Alert } from '@ultraviolet/ui';
-import type { ComponentProps, JSX, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, JSX, ReactNode } from 'react';
 import type EstimateCostLocales from './locales/en';
 export type EstimateCostProps = {
     /**
@@ -105,6 +105,7 @@ export type EstimateCostProps = {
      * To find out all currencies checkout https://en.wikipedia.org/wiki/ISO_4217#List_of_ISO_4217_currency_codes section "Code" of the table.
      */
     currency?: string;
+    style?: CSSProperties;
     /**
      * Defines the way we display numbers depending on locale (ex: 1,000.00 or 1 000,00).
      * To understand better please read https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales

package/dist/components/FAQ/index.cjs

@@ -28,10 +28,11 @@ const FAQ = ({
   illustrationText,
   title,
   description,
-  notes
+  notes,
+  style
 }) => {
   const ProductIconUsed = productIconName ? ProductIcon__namespace[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: styles_css.faq, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "row", gap: 2, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: styles_css.faq, style, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "row", gap: 2, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       !productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", children: illustrationText.toString() }) : null,
       ProductIconUsed ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconUsed, { size: "xlarge" }) : null

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

@@ -1,4 +1,5 @@
 import * as ProductIcon from '@ultraviolet/icons/product';
+import type { CSSProperties } from 'react';
 import type { PascalToCamelCaseWithoutSuffix } from '../../types';
 type FAQProps = {
     description: string;
@@ -6,6 +7,7 @@ type FAQProps = {
     illustrationText?: number | string;
     notes?: string;
     title: string;
+    style?: CSSProperties;
 };
-export declare const FAQ: ({ productIconName, illustrationText, title, description, notes, }: FAQProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FAQ: ({ productIconName, illustrationText, title, description, notes, style, }: FAQProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FAQ/index.js

@@ -8,10 +8,11 @@ const FAQ = ({
   illustrationText,
   title,
   description,
-  notes
+  notes,
+  style
 }) => {
   const ProductIconUsed = productIconName ? ProductIcon[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
-  return /* @__PURE__ */ jsx(Card, { className: faq, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
+  return /* @__PURE__ */ jsx(Card, { className: faq, style, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
     /* @__PURE__ */ jsxs("div", { children: [
       !productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, { sentiment: "primary", children: illustrationText.toString() }) : null,
       ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "xlarge" }) : null

package/dist/components/InfoTable/InfoTable.cjs

@@ -10,10 +10,11 @@ const InfoTable = ({
   children,
   width,
   className,
+  style,
   "data-testid": dataTestId
 }) => /* @__PURE__ */ jsxRuntime.jsx(context.InfoTableContext.Provider, { value: {
   width
-}, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: `${className ? `${className} ` : ""}${styles_css.dl}`, "data-testid": dataTestId, children }) });
+}, children: /* @__PURE__ */ jsxRuntime.jsx("dl", { className: `${className ? `${className} ` : ""}${styles_css.dl}`, "data-testid": dataTestId, style, children }) });
 InfoTable.Row = Row.InfoTableRow;
 InfoTable.Cell = Cell.InfoTableCell;
 exports.InfoTable = InfoTable;

package/dist/components/InfoTable/InfoTable.d.ts

@@ -1,24 +1,27 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type InfoTableProps = {
     children: ReactNode;
     width?: string;
     className?: string;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
 /**
  * Use this component to display offers.
  * Create rows with `InfoTable.Row` and place cells within each row using `InfoTable.Cell`.
  */
 export declare const InfoTable: {
-    ({ children, width, className, "data-testid": dataTestId, }: InfoTableProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    Row: ({ children, templateColumns }: {
+    ({ children, width, className, style, "data-testid": dataTestId, }: InfoTableProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Row: ({ children, templateColumns, style, }: {
         children: ReactNode;
         templateColumns: string;
+        style?: CSSProperties;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Cell: ({ children, title, multiline, }: {
+    Cell: ({ children, title, multiline, style, }: {
         children: ReactNode;
         title: ReactNode;
         multiline?: boolean;
+        style?: CSSProperties;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/InfoTable/InfoTable.js

@@ -8,10 +8,11 @@ const InfoTable = ({
   children,
   width,
   className,
+  style,
   "data-testid": dataTestId
 }) => /* @__PURE__ */ jsx(InfoTableContext.Provider, { value: {
   width
-}, children: /* @__PURE__ */ jsx("dl", { className: `${className ? `${className} ` : ""}${dl}`, "data-testid": dataTestId, children }) });
+}, children: /* @__PURE__ */ jsx("dl", { className: `${className ? `${className} ` : ""}${dl}`, "data-testid": dataTestId, style, children }) });
 InfoTable.Row = InfoTableRow;
 InfoTable.Cell = InfoTableCell;
 export {

package/dist/components/InfoTable/components/Cell.cjs

@@ -7,8 +7,9 @@ const styles_css = require("../styles.css.cjs");
 const InfoTableCell = ({
   children,
   title,
-  multiline = false
-}) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: "0.5", minWidth: "0", width: "100%", children: [
+  multiline = false,
+  style
+}) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: "0.5", minWidth: "0", style, width: "100%", children: [
   /* @__PURE__ */ jsxRuntime.jsx("dt", { className: styles_css.term, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: title }) }),
   /* @__PURE__ */ jsxRuntime.jsx("dd", { className: styles_css.desc, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", className: styles_css.cellText, oneLine: !multiline, prominence: "default", sentiment: "neutral", variant: "body", children }) })
 ] });

package/dist/components/InfoTable/components/Cell.d.ts

@@ -1,8 +1,9 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type CellProps = {
     children: ReactNode;
     title: ReactNode;
     multiline?: boolean;
+    style?: CSSProperties;
 };
-export declare const InfoTableCell: ({ children, title, multiline, }: CellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InfoTableCell: ({ children, title, multiline, style, }: CellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoTable/components/Cell.js

@@ -5,8 +5,9 @@ import { term, desc, cellText } from "../styles.css.js";
 const InfoTableCell = ({
   children,
   title,
-  multiline = false
-}) => /* @__PURE__ */ jsxs(Stack, { gap: "0.5", minWidth: "0", width: "100%", children: [
+  multiline = false,
+  style
+}) => /* @__PURE__ */ jsxs(Stack, { gap: "0.5", minWidth: "0", style, width: "100%", children: [
   /* @__PURE__ */ jsx("dt", { className: term, children: /* @__PURE__ */ jsx(Text, { as: "div", prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: title }) }),
   /* @__PURE__ */ jsx("dd", { className: desc, children: /* @__PURE__ */ jsx(Text, { as: "div", className: cellText, oneLine: !multiline, prominence: "default", sentiment: "neutral", variant: "body", children }) })
 ] });

package/dist/components/InfoTable/components/Row.cjs

@@ -9,13 +9,17 @@ const context = require("../context.cjs");
 const styles_css = require("../styles.css.cjs");
 const InfoTableRow = ({
   children,
-  templateColumns
+  templateColumns,
+  style
 }) => {
   const {
     width
   } = react.useContext(context.InfoTableContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Row, { className: styles_css.infoTableRow, style: dynamic.assignInlineVars({
-    [styles_css.rowWidth]: width ?? "100%"
-  }), templateColumns, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Row, { className: styles_css.infoTableRow, style: {
+    ...dynamic.assignInlineVars({
+      [styles_css.rowWidth]: width ?? "100%"
+    }),
+    ...style
+  }, templateColumns, children });
 };
 exports.InfoTableRow = InfoTableRow;

package/dist/components/InfoTable/components/Row.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type RowProps = {
     children: ReactNode;
     templateColumns: string;
+    style?: CSSProperties;
 };
-export declare const InfoTableRow: ({ children, templateColumns }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InfoTableRow: ({ children, templateColumns, style, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoTable/components/Row.js

@@ -7,14 +7,18 @@ import { InfoTableContext } from "../context.js";
 import { infoTableRow, rowWidth } from "../styles.css.js";
 const InfoTableRow = ({
   children,
-  templateColumns
+  templateColumns,
+  style
 }) => {
   const {
     width
   } = useContext(InfoTableContext);
-  return /* @__PURE__ */ jsx(Row, { className: infoTableRow, style: assignInlineVars({
-    [rowWidth]: width ?? "100%"
-  }), templateColumns, children });
+  return /* @__PURE__ */ jsx(Row, { className: infoTableRow, style: {
+    ...assignInlineVars({
+      [rowWidth]: width ?? "100%"
+    }),
+    ...style
+  }, templateColumns, children });
 };
 export {
   InfoTableRow