@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

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

@@ -21,5 +21,5 @@ type FormatNumberOption = {
     minimumSignificantDigits?: number;
     maximumSignificantDigits?: number;
 };
-export declare const EstimateCostProvider: ({ children, locales, currency, numberLocales, }: EstimateCostProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const EstimateCostProvider: ({ children, locales, currency, numberLocales, }: EstimateCostProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EstimateCost/EstimateCostProvider.js

@@ -1,11 +1,8 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useMemo, useCallback, createContext, useContext } from "react";
 import EstimateCostLocales from "./locales/en.js";
-const EstimateCostContext = createContext({
-  formatNumber: () => "",
-  locales: EstimateCostLocales
-});
+const EstimateCostContext = createContext({ formatNumber: () => "", locales: EstimateCostLocales });
 const useEstimateCost = () => useContext(EstimateCostContext);
 const EstimateCostProvider = ({
   children,
@@ -13,22 +10,28 @@ const EstimateCostProvider = ({
   currency,
   numberLocales
 }) => {
-  const newLocales = useMemo(() => locales ? {
-    ...EstimateCostLocales,
-    ...locales
-  } : EstimateCostLocales, [locales]);
-  const formatNumber = useCallback((number, options) => {
-    const numberFormat = new Intl.NumberFormat(numberLocales, {
-      currency,
-      style: "currency",
-      ...options
-    });
-    return numberFormat.format(number);
-  }, [currency, numberLocales]);
-  const value = useMemo(() => ({
-    formatNumber,
-    locales: newLocales
-  }), [formatNumber, newLocales]);
+  const newLocales = useMemo(
+    () => locales ? { ...EstimateCostLocales, ...locales } : EstimateCostLocales,
+    [locales]
+  );
+  const formatNumber = useCallback(
+    (number, options) => {
+      const numberFormat = new Intl.NumberFormat(numberLocales, {
+        currency,
+        style: "currency",
+        ...options
+      });
+      return numberFormat.format(number);
+    },
+    [currency, numberLocales]
+  );
+  const value = useMemo(
+    () => ({
+      formatNumber,
+      locales: newLocales
+    }),
+    [formatNumber, newLocales]
+  );
   return /* @__PURE__ */ jsx(EstimateCostContext.Provider, { value, children });
 };
 export {

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

@@ -22,5 +22,5 @@ type OverlayComponentProps = {
     };
     overlayMargin?: string;
 };
-export declare const OverlayComponent: ({ children, inView, discount, OverlayRight, disableOverlayRight, OverlayLeft, disableOverlayLeft, totalPrice, unit, isBeta, overlayMargin, }: OverlayComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OverlayComponent: ({ children, inView, discount, OverlayRight, disableOverlayRight, OverlayLeft, disableOverlayLeft, totalPrice, unit, isBeta, overlayMargin, }: OverlayComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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 { jsx, jsxs } from "react/jsx-runtime";
 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,
@@ -64,13 +24,8 @@ const OverlayComponent = ({
   isBeta = false,
   overlayMargin
 }) => {
-  const {
-    locales,
-    formatNumber
-  } = useEstimateCost();
-  const value = useMemo(() => ({
-    isOverlay: true
-  }), []);
+  const { locales, formatNumber } = useEstimateCost();
+  const value = useMemo(() => ({ isOverlay: true }), []);
   const totalOverlayPrice = {
     days: totalPrice.maxOverlayHourly * multiplier.days,
     hours: totalPrice.maxOverlayHourly,
@@ -85,36 +40,57 @@ 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,
-    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, { 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__ */ 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
+  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("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("div", { className: estimateCostResourceName(), 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(
+              Badge,
+              {
+                className: estimateCostBadge,
+                prominence: "strong",
+                sentiment: "warning",
+                children: [
+                  discount > 0 ? discount * 100 : "",
+                  locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]
+                ]
+              }
+            ) : null
+          ] })
+        ] }),
+        OverlayRight ? /* @__PURE__ */ jsx("li", { className: estimateCostSideItem, children: /* @__PURE__ */ jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : 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

@@ -8,5 +8,5 @@ type OverlayContextProviderProps = {
         isOverlay: boolean;
     };
 };
-export declare const OverlayContextProvider: ({ children, value, }: OverlayContextProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OverlayContextProvider: ({ children, value, }: OverlayContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EstimateCost/OverlayContext.js

@@ -1,9 +1,7 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const OverlayContext = createContext({
-  isOverlay: false
-});
+const OverlayContext = createContext({ isOverlay: false });
 const useOverlay = () => useContext(OverlayContext);
 const OverlayContextProvider = ({
   children,

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.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.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("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FAQ/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as ProductIcon from "@ultraviolet/icons/product";
 import { Card, Stack, Bullet, Text } from "@ultraviolet/ui";
 import { faq } from "./styles.css.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.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("react/jsx-runtime").JSX.Element;
+    Row: ({ children, templateColumns, style, }: {
         children: ReactNode;
         templateColumns: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Cell: ({ children, title, multiline, }: {
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, title, multiline, style, }: {
         children: ReactNode;
         title: ReactNode;
         multiline?: boolean;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/InfoTable/InfoTable.js

@@ -1,28 +1,24 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { InfoTableCell } from "./components/Cell.js";
-import { StyledRow, InfoTableRow } from "./components/Row.js";
-const StyledDl = /* @__PURE__ */ _styled("dl", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["width"].includes(prop),
-  target: "e1pfb1240"
-} : {
-  shouldForwardProp: (prop) => !["width"].includes(prop),
-  target: "e1pfb1240",
-  label: "StyledDl"
-})("display:flex;font-size:", ({
-  theme
-}) => theme.typography.body.fontSize, ";line-height:", ({
-  theme
-}) => theme.typography.body.lineHeight, ";flex-direction:column;align-items:start;margin:0;width:100%;", StyledRow, "{width:", ({
-  width
-}) => width ?? "100%", ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL0luZm9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3NCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvSW5mb1RhYmxlL0luZm9UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSW5mb1RhYmxlQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgSW5mb1RhYmxlUm93LCBTdHlsZWRSb3cgfSBmcm9tICcuL2NvbXBvbmVudHMvUm93J1xuXG5jb25zdCBTdHlsZWREbCA9IHN0eWxlZCgnZGwnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHdpZHRoPzogc3RyaW5nIH0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5LmZvbnRTaXplfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5LmxpbmVIZWlnaHR9O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIG1hcmdpbjogMDtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHtTdHlsZWRSb3d9IHtcbiAgICB3aWR0aDogJHsoeyB3aWR0aCB9KSA9PiB3aWR0aCA/PyAnMTAwJSd9O1xuICB9XG5gXG5cbnR5cGUgSW5mb1RhYmxlUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgd2lkdGg/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBVc2UgdGhpcyBjb21wb25lbnQgdG8gZGlzcGxheSBvZmZlcnMuXG4gKiBDcmVhdGUgcm93cyB3aXRoIGBJbmZvVGFibGUuUm93YCBhbmQgcGxhY2UgY2VsbHMgd2l0aGluIGVhY2ggcm93IHVzaW5nIGBJbmZvVGFibGUuQ2VsbGAuXG4gKi9cbmV4cG9ydCBjb25zdCBJbmZvVGFibGUgPSAoe1xuICBjaGlsZHJlbixcbiAgd2lkdGgsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEluZm9UYWJsZVByb3BzKSA9PiAoXG4gIDxTdHlsZWREbCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IHdpZHRoPXt3aWR0aH0+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZERsPlxuKVxuXG5JbmZvVGFibGUuUm93ID0gSW5mb1RhYmxlUm93XG5JbmZvVGFibGUuQ2VsbCA9IEluZm9UYWJsZUNlbGxcbiJdfQ== */"));
+import { InfoTableRow } from "./components/Row.js";
+import { InfoTableContext } from "./context.js";
+import { dl } from "./styles.css.js";
 const InfoTable = ({
   children,
   width,
   className,
+  style,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsx(StyledDl, { className, "data-testid": dataTestId, width, children });
+}) => /* @__PURE__ */ jsx(InfoTableContext.Provider, { value: { width }, 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.d.ts

@@ -1,12 +1,9 @@
-import type { ReactNode } from 'react';
-export declare const Term: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+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("react/jsx-runtime").JSX.Element;
 export {};