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

package/dist/components/EstimateCost/Components/LineThrough.cjs

@@ -1,19 +1,11 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const react = require("@emotion/react");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const LineThrough = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["isActive"].includes(prop),
-  target: "e1d1k6i0"
-} : {
-  shouldForwardProp: (prop) => !["isActive"].includes(prop),
-  target: "e1d1k6i0",
-  label: "LineThrough"
-})(({
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const components_css = require("./components.css.cjs");
+const LineThrough = ({
   isActive,
-  theme
-}) => isActive ? /* @__PURE__ */ react.css("text-decoration-line:line-through;text-decoration-color:", theme.colors.warning.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LineThrough;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNXIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgTGluZVRocm91Z2hQcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBMaW5lVGhyb3VnaCA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaXNBY3RpdmUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPExpbmVUaHJvdWdoUHJvcHM+YFxuICAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlXG4gICAgICA/IGNzc2BcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbGluZS10aHJvdWdoO1xuICAgICAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHt0aGVtZS5jb2xvcnMud2FybmluZy5ib3JkZXJ9O1xuICAgICAgICBgXG4gICAgICA6IG51bGx9XG5gXG4iXX0= */") : null, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0VzdGltYXRlQ29zdC9Db21wb25lbnRzL0xpbmVUaHJvdWdoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG50eXBlIExpbmVUaHJvdWdoUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgTGluZVRocm91Z2ggPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2lzQWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTxMaW5lVGhyb3VnaFByb3BzPmBcbiAgJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZVxuICAgICAgPyBjc3NgXG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IGxpbmUtdGhyb3VnaDtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6ICR7dGhlbWUuY29sb3JzLndhcm5pbmcuYm9yZGVyfTtcbiAgICAgICAgYFxuICAgICAgOiBudWxsfVxuYFxuIl19 */"));
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${className ? `${className} ` : ""} ${isActive ? components_css.estimateCostLineThrough : ""}`, ...props });
 exports.LineThrough = LineThrough;

package/dist/components/EstimateCost/Components/LineThrough.d.ts

@@ -1,8 +1,6 @@
-type LineThroughProps = {
+import type { ComponentProps } from 'react';
+type LineThroughProps = ComponentProps<'span'> & {
     isActive?: boolean;
 };
-export declare const LineThrough: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & LineThroughProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const LineThrough: ({ isActive, className, ...props }: LineThroughProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EstimateCost/Components/LineThrough.js

@@ -1,17 +1,11 @@
 "use client";
-import _styled from "@emotion/styled/base";
-import { css } from "@emotion/react";
-const LineThrough = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["isActive"].includes(prop),
-  target: "e1d1k6i0"
-} : {
-  shouldForwardProp: (prop) => !["isActive"].includes(prop),
-  target: "e1d1k6i0",
-  label: "LineThrough"
-})(({
+import { jsx } from "@emotion/react/jsx-runtime";
+import { estimateCostLineThrough } from "./components.css.js";
+const LineThrough = ({
   isActive,
-  theme
-}) => isActive ? /* @__PURE__ */ css("text-decoration-line:line-through;text-decoration-color:", theme.colors.warning.border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LineThrough;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNXIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbnR5cGUgTGluZVRocm91Z2hQcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBMaW5lVGhyb3VnaCA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaXNBY3RpdmUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPExpbmVUaHJvdWdoUHJvcHM+YFxuICAkeyh7IGlzQWN0aXZlLCB0aGVtZSB9KSA9PlxuICAgIGlzQWN0aXZlXG4gICAgICA/IGNzc2BcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbGluZS10aHJvdWdoO1xuICAgICAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHt0aGVtZS5jb2xvcnMud2FybmluZy5ib3JkZXJ9O1xuICAgICAgICBgXG4gICAgICA6IG51bGx9XG5gXG4iXX0= */") : null, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvTGluZVRocm91Z2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0VzdGltYXRlQ29zdC9Db21wb25lbnRzL0xpbmVUaHJvdWdoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG50eXBlIExpbmVUaHJvdWdoUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgTGluZVRocm91Z2ggPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2lzQWN0aXZlJ10uaW5jbHVkZXMocHJvcCksXG59KTxMaW5lVGhyb3VnaFByb3BzPmBcbiAgJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZVxuICAgICAgPyBjc3NgXG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IGxpbmUtdGhyb3VnaDtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6ICR7dGhlbWUuY29sb3JzLndhcm5pbmcuYm9yZGVyfTtcbiAgICAgICAgYFxuICAgICAgOiBudWxsfVxuYFxuIl19 */"));
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("span", { className: `${className ? `${className} ` : ""} ${isActive ? estimateCostLineThrough : ""}`, ...props });
 export {
   LineThrough
 };

package/dist/components/EstimateCost/Components/NumberInput.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
-const componentStyle = require("../componentStyle.cjs");
 const OverlayContext = require("../OverlayContext.cjs");
+const components_css = require("./components.css.cjs");
 const Regular = require("./Regular.cjs");
 const NumberInput = ({
   amount,
@@ -22,7 +22,7 @@ const NumberInput = ({
   react.useEffect(() => {
     getAmountValue?.(amount);
   }, [getAmountValue, amount]);
-  return isOverlay ? /* @__PURE__ */ jsxRuntime.jsx(componentStyle.ItemResourceName, { animated: false, children: /* @__PURE__ */ jsxRuntime.jsx(Regular.Regular, { children: amount }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { controls, max: maxValue, min: minValue, onChange: (newValue) => {
+  return isOverlay ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: components_css.estimateCostItemResourceName(), children: /* @__PURE__ */ jsxRuntime.jsx(Regular.Regular, { children: amount }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { controls, max: maxValue, min: minValue, onChange: (newValue) => {
     setValue(newValue);
     itemCallback?.(newValue, true);
     getAmountValue?.(newValue);

package/dist/components/EstimateCost/Components/NumberInput.js

@@ -2,8 +2,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { NumberInput as NumberInput$1 } from "@ultraviolet/ui";
 import { useState, useEffect } from "react";
-import { ItemResourceName } from "../componentStyle.js";
 import { useOverlay } from "../OverlayContext.js";
+import { estimateCostItemResourceName } from "./components.css.js";
 import { Regular } from "./Regular.js";
 const NumberInput = ({
   amount,
@@ -20,7 +20,7 @@ const NumberInput = ({
   useEffect(() => {
     getAmountValue?.(amount);
   }, [getAmountValue, amount]);
-  return isOverlay ? /* @__PURE__ */ jsx(ItemResourceName, { animated: false, children: /* @__PURE__ */ jsx(Regular, { children: amount }) }) : /* @__PURE__ */ jsx(NumberInput$1, { controls, max: maxValue, min: minValue, onChange: (newValue) => {
+  return isOverlay ? /* @__PURE__ */ jsx("div", { className: estimateCostItemResourceName(), children: /* @__PURE__ */ jsx(Regular, { children: amount }) }) : /* @__PURE__ */ jsx(NumberInput$1, { controls, max: maxValue, min: minValue, onChange: (newValue) => {
     setValue(newValue);
     itemCallback?.(newValue, true);
     getAmountValue?.(newValue);

package/dist/components/EstimateCost/Components/Region.cjs

@@ -2,21 +2,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const EstimateCostProvider = require("../EstimateCostProvider.cjs");
+const styles_css = require("../styles.css.cjs");
 const Item = require("./Item.cjs");
 const Strong = require("./Strong.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledImage = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
-  target: "exu7lwu0"
-} : {
-  target: "exu7lwu0",
-  label: "StyledImage"
-})("width:15px;margin-right:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVnaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvQ29tcG9uZW50cy9SZWdpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFc3RpbWF0ZUNvc3QgfSBmcm9tICcuLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgQmFyZUVzdGltYXRlUHJvZHVjdCwgRXN0aW1hdGVQcm9kdWN0LCBJdGVyYXRpb24gfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5pbXBvcnQgeyBTdHJvbmcgfSBmcm9tICcuL1N0cm9uZydcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTVweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIFJlZ2lvblByb3BzID0ge1xuICBzaG91bGRCZUhpZGRlbj86IGJvb2xlYW5cbiAgcHJpY2VUZXh0PzogUmVhY3ROb2RlXG4gIGFuaW1hdGVkPzogYm9vbGVhblxuICBpc0ZpcnN0RWxlbWVudD86IGJvb2xlYW5cbiAgaXNMYXN0RWxlbWVudD86IGJvb2xlYW5cbiAgcHJvZHVjdHNDYWxsYmFjaz86IHtcbiAgICBhZGQ6IChwcm9kdWN0OiBFc3RpbWF0ZVByb2R1Y3QpID0+IHZvaWRcbiAgICByZW1vdmU6IChwcm9kdWN0OiBCYXJlRXN0aW1hdGVQcm9kdWN0KSA9PiB2b2lkXG4gIH1cbiAgaXRlcmF0aW9uPzogSXRlcmF0aW9uXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGxhYmVsOiBzdHJpbmdcbiAgaW1hZ2U6IHN0cmluZ1xuICBub0JvcmRlcj86IGJvb2xlYW5cbiAgbm9QcmljZT86IGJvb2xlYW5cbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBJdGVtPiwgJ2hpZGVGcm9tT3ZlcmxheSc+XG5cbmV4cG9ydCBjb25zdCBSZWdpb24gPSBtZW1vKFxuICAoe1xuICAgIGxhYmVsLFxuICAgIGltYWdlLFxuICAgIHNob3VsZEJlSGlkZGVuID0gZmFsc2UsXG4gICAgcHJpY2VUZXh0LFxuICAgIGFuaW1hdGVkID0gZmFsc2UsXG4gICAgaXNGaXJzdEVsZW1lbnQsXG4gICAgaXNMYXN0RWxlbWVudCxcbiAgICBwcm9kdWN0c0NhbGxiYWNrLFxuICAgIGl0ZXJhdGlvbixcbiAgICBkaXNjb3VudCxcbiAgICBub0JvcmRlcixcbiAgICBub1ByaWNlLFxuICAgIGhpZGVGcm9tT3ZlcmxheSxcbiAgfTogUmVnaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGxvY2FsZXMgfSA9IHVzZUVzdGltYXRlQ29zdCgpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEl0ZW1cbiAgICAgICAgYW5pbWF0ZWQ9e2FuaW1hdGVkfVxuICAgICAgICBkaXNjb3VudD17ZGlzY291bnR9XG4gICAgICAgIGhpZGVGcm9tT3ZlcmxheT17aGlkZUZyb21PdmVybGF5fVxuICAgICAgICBpc0ZpcnN0RWxlbWVudD17aXNGaXJzdEVsZW1lbnR9XG4gICAgICAgIGlzTGFzdEVsZW1lbnQ9e2lzTGFzdEVsZW1lbnR9XG4gICAgICAgIGl0ZXJhdGlvbj17aXRlcmF0aW9ufVxuICAgICAgICBsYWJlbD17bG9jYWxlc1snZXN0aW1hdGUuY29zdC5yZWdpb24ubGFiZWwnXX1cbiAgICAgICAgbm9Cb3JkZXI9e25vQm9yZGVyfVxuICAgICAgICBub1ByaWNlPXtub1ByaWNlfVxuICAgICAgICBwcmljZVRleHQ9e3ByaWNlVGV4dH1cbiAgICAgICAgcHJvZHVjdHNDYWxsYmFjaz17cHJvZHVjdHNDYWxsYmFja31cbiAgICAgICAgc2hvdWxkQmVIaWRkZW49e3Nob3VsZEJlSGlkZGVufVxuICAgICAgPlxuICAgICAgICA8U3Ryb25nPlxuICAgICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2xhYmVsfSBzcmM9e2ltYWdlfSAvPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHJvbmc+XG4gICAgICA8L0l0ZW0+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
 const Region = react.memo(({
   label,
   image,
@@ -30,13 +20,14 @@ const Region = react.memo(({
   discount,
   noBorder,
   noPrice,
-  hideFromOverlay
+  hideFromOverlay,
+  style
 }) => {
   const {
     locales
   } = EstimateCostProvider.useEstimateCost();
-  return /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { animated, discount, hideFromOverlay, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.region.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, children: /* @__PURE__ */ jsxRuntime.jsxs(Strong.Strong, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StyledImage, { alt: label, src: image }),
+  return /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { animated, discount, hideFromOverlay, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.region.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, style, children: /* @__PURE__ */ jsxRuntime.jsxs(Strong.Strong, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { alt: label, className: styles_css.estimateCostImage, src: image }),
     label
   ] }) });
 });

package/dist/components/EstimateCost/Components/Region.d.ts

@@ -17,6 +17,6 @@ type RegionProps = {
     image: string;
     noBorder?: boolean;
     noPrice?: boolean;
-} & Pick<ComponentProps<typeof Item>, 'hideFromOverlay'>;
-export declare const Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, }: RegionProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+} & Pick<ComponentProps<typeof Item>, 'hideFromOverlay' | 'style'>;
+export declare const Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, style, }: RegionProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/EstimateCost/Components/Region.js

@@ -1,18 +1,10 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { memo } from "react";
 import { useEstimateCost } from "../EstimateCostProvider.js";
+import { estimateCostImage } from "../styles.css.js";
 import { Item } from "./Item.js";
 import { Strong } from "./Strong.js";
-const StyledImage = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "production" ? {
-  target: "exu7lwu0"
-} : {
-  target: "exu7lwu0",
-  label: "StyledImage"
-})("width:15px;margin-right:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVnaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvQ29tcG9uZW50cy9SZWdpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFc3RpbWF0ZUNvc3QgfSBmcm9tICcuLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgQmFyZUVzdGltYXRlUHJvZHVjdCwgRXN0aW1hdGVQcm9kdWN0LCBJdGVyYXRpb24gfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5pbXBvcnQgeyBTdHJvbmcgfSBmcm9tICcuL1N0cm9uZydcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTVweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIFJlZ2lvblByb3BzID0ge1xuICBzaG91bGRCZUhpZGRlbj86IGJvb2xlYW5cbiAgcHJpY2VUZXh0PzogUmVhY3ROb2RlXG4gIGFuaW1hdGVkPzogYm9vbGVhblxuICBpc0ZpcnN0RWxlbWVudD86IGJvb2xlYW5cbiAgaXNMYXN0RWxlbWVudD86IGJvb2xlYW5cbiAgcHJvZHVjdHNDYWxsYmFjaz86IHtcbiAgICBhZGQ6IChwcm9kdWN0OiBFc3RpbWF0ZVByb2R1Y3QpID0+IHZvaWRcbiAgICByZW1vdmU6IChwcm9kdWN0OiBCYXJlRXN0aW1hdGVQcm9kdWN0KSA9PiB2b2lkXG4gIH1cbiAgaXRlcmF0aW9uPzogSXRlcmF0aW9uXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGxhYmVsOiBzdHJpbmdcbiAgaW1hZ2U6IHN0cmluZ1xuICBub0JvcmRlcj86IGJvb2xlYW5cbiAgbm9QcmljZT86IGJvb2xlYW5cbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBJdGVtPiwgJ2hpZGVGcm9tT3ZlcmxheSc+XG5cbmV4cG9ydCBjb25zdCBSZWdpb24gPSBtZW1vKFxuICAoe1xuICAgIGxhYmVsLFxuICAgIGltYWdlLFxuICAgIHNob3VsZEJlSGlkZGVuID0gZmFsc2UsXG4gICAgcHJpY2VUZXh0LFxuICAgIGFuaW1hdGVkID0gZmFsc2UsXG4gICAgaXNGaXJzdEVsZW1lbnQsXG4gICAgaXNMYXN0RWxlbWVudCxcbiAgICBwcm9kdWN0c0NhbGxiYWNrLFxuICAgIGl0ZXJhdGlvbixcbiAgICBkaXNjb3VudCxcbiAgICBub0JvcmRlcixcbiAgICBub1ByaWNlLFxuICAgIGhpZGVGcm9tT3ZlcmxheSxcbiAgfTogUmVnaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGxvY2FsZXMgfSA9IHVzZUVzdGltYXRlQ29zdCgpXG5cbiAgICByZXR1cm4gKFxuICAgICAgPEl0ZW1cbiAgICAgICAgYW5pbWF0ZWQ9e2FuaW1hdGVkfVxuICAgICAgICBkaXNjb3VudD17ZGlzY291bnR9XG4gICAgICAgIGhpZGVGcm9tT3ZlcmxheT17aGlkZUZyb21PdmVybGF5fVxuICAgICAgICBpc0ZpcnN0RWxlbWVudD17aXNGaXJzdEVsZW1lbnR9XG4gICAgICAgIGlzTGFzdEVsZW1lbnQ9e2lzTGFzdEVsZW1lbnR9XG4gICAgICAgIGl0ZXJhdGlvbj17aXRlcmF0aW9ufVxuICAgICAgICBsYWJlbD17bG9jYWxlc1snZXN0aW1hdGUuY29zdC5yZWdpb24ubGFiZWwnXX1cbiAgICAgICAgbm9Cb3JkZXI9e25vQm9yZGVyfVxuICAgICAgICBub1ByaWNlPXtub1ByaWNlfVxuICAgICAgICBwcmljZVRleHQ9e3ByaWNlVGV4dH1cbiAgICAgICAgcHJvZHVjdHNDYWxsYmFjaz17cHJvZHVjdHNDYWxsYmFja31cbiAgICAgICAgc2hvdWxkQmVIaWRkZW49e3Nob3VsZEJlSGlkZGVufVxuICAgICAgPlxuICAgICAgICA8U3Ryb25nPlxuICAgICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2xhYmVsfSBzcmM9e2ltYWdlfSAvPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHJvbmc+XG4gICAgICA8L0l0ZW0+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
 const Region = memo(({
   label,
   image,
@@ -26,13 +18,14 @@ const Region = memo(({
   discount,
   noBorder,
   noPrice,
-  hideFromOverlay
+  hideFromOverlay,
+  style
 }) => {
   const {
     locales
   } = useEstimateCost();
-  return /* @__PURE__ */ jsx(Item, { animated, discount, hideFromOverlay, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.region.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, children: /* @__PURE__ */ jsxs(Strong, { children: [
-    /* @__PURE__ */ jsx(StyledImage, { alt: label, src: image }),
+  return /* @__PURE__ */ jsx(Item, { animated, discount, hideFromOverlay, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.region.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, style, children: /* @__PURE__ */ jsxs(Strong, { children: [
+    /* @__PURE__ */ jsx("img", { alt: label, className: estimateCostImage, src: image }),
     label
   ] }) });
 });

package/dist/components/EstimateCost/Components/Regular.cjs

@@ -2,36 +2,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const react$1 = require("@emotion/react");
 const react = require("react");
 const OverlayContext = require("../OverlayContext.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledRegular = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant", "isOverlay"].includes(prop),
-  target: "e1l9k4qo0"
-} : {
-  shouldForwardProp: (prop) => !["variant", "isOverlay"].includes(prop),
-  target: "e1l9k4qo0",
-  label: "StyledRegular"
-})("display:", ({
-  isOverlay
-}) => isOverlay ? "flex" : "inline-flex", ";max-width:500px;align-items:center;font-size:16px;color:", ({
-  theme
-}) => theme.colors.neutral.textStrong, ";margin-right:4px;", ({
-  theme,
-  variant
-}) => variant === "small" && /* @__PURE__ */ react$1.css("display:block;font-size:14px;line-height:8px;color:", theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledRegular;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJPIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VPdmVybGF5IH0gZnJvbSAnLi4vT3ZlcmxheUNvbnRleHQnXG5cbnR5cGUgUmVndWxhclByb3BzID0ge1xuICB2YXJpYW50PzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ2JpZycgfCAnY2FwaXRhbGl6ZWQnXG4gIGlzRGlzYWJsZWRPbk92ZXJsYXk/OiBib29sZWFuXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRSZWd1bGFyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnaXNPdmVybGF5J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlzT3ZlcmxheTogYm9vbGVhblxuICB2YXJpYW50OiAnbm9ybWFsJyB8ICdzbWFsbCcgfCAnYmlnJyB8ICdjYXBpdGFsaXplZCdcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzT3ZlcmxheSB9KSA9PiAoaXNPdmVybGF5ID8gJ2ZsZXgnIDogJ2lubGluZS1mbGV4Jyl9O1xuICBtYXgtd2lkdGg6IDUwMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICBtYXJnaW4tcmlnaHQ6IDRweDtcblxuICAkeyh7IHRoZW1lLCB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ3NtYWxsJyAmJlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDhweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgUmVndWxhciA9IG1lbW8oXG4gICh7XG4gICAgdmFyaWFudCA9ICdub3JtYWwnLFxuICAgIGlzRGlzYWJsZWRPbk92ZXJsYXkgPSBmYWxzZSxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgY2xhc3NOYW1lLFxuICB9OiBSZWd1bGFyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlzT3ZlcmxheSB9ID0gdXNlT3ZlcmxheSgpXG5cbiAgICByZXR1cm4gIWlzRGlzYWJsZWRPbk92ZXJsYXkgfHwgIWlzT3ZlcmxheSA/IChcbiAgICAgIDxTdHlsZWRSZWd1bGFyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBpc092ZXJsYXk9e2lzT3ZlcmxheX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRSZWd1bGFyPlxuICAgICkgOiBudWxsXG4gIH0sXG4pXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VPdmVybGF5IH0gZnJvbSAnLi4vT3ZlcmxheUNvbnRleHQnXG5cbnR5cGUgUmVndWxhclByb3BzID0ge1xuICB2YXJpYW50PzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ2JpZycgfCAnY2FwaXRhbGl6ZWQnXG4gIGlzRGlzYWJsZWRPbk92ZXJsYXk/OiBib29sZWFuXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRSZWd1bGFyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnaXNPdmVybGF5J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlzT3ZlcmxheTogYm9vbGVhblxuICB2YXJpYW50OiAnbm9ybWFsJyB8ICdzbWFsbCcgfCAnYmlnJyB8ICdjYXBpdGFsaXplZCdcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzT3ZlcmxheSB9KSA9PiAoaXNPdmVybGF5ID8gJ2ZsZXgnIDogJ2lubGluZS1mbGV4Jyl9O1xuICBtYXgtd2lkdGg6IDUwMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICBtYXJnaW4tcmlnaHQ6IDRweDtcblxuICAkeyh7IHRoZW1lLCB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ3NtYWxsJyAmJlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDhweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgUmVndWxhciA9IG1lbW8oXG4gICh7XG4gICAgdmFyaWFudCA9ICdub3JtYWwnLFxuICAgIGlzRGlzYWJsZWRPbk92ZXJsYXkgPSBmYWxzZSxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgY2xhc3NOYW1lLFxuICB9OiBSZWd1bGFyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlzT3ZlcmxheSB9ID0gdXNlT3ZlcmxheSgpXG5cbiAgICByZXR1cm4gIWlzRGlzYWJsZWRPbk92ZXJsYXkgfHwgIWlzT3ZlcmxheSA/IChcbiAgICAgIDxTdHlsZWRSZWd1bGFyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBpc092ZXJsYXk9e2lzT3ZlcmxheX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRSZWd1bGFyPlxuICAgICkgOiBudWxsXG4gIH0sXG4pXG4iXX0= */"));
+const components_css = require("./components.css.cjs");
 const Regular = react.memo(({
   variant = "normal",
   isDisabledOnOverlay = false,
   children = null,
-  className
+  className,
+  style
 }) => {
   const {
     isOverlay
   } = OverlayContext.useOverlay();
-  return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsxRuntime.jsx(StyledRegular, { className, isOverlay, variant, children }) : null;
+  return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${components_css.estimateCostRegular({
+    isOverlay,
+    variant
+  })}`, style, children }) : null;
 });
 exports.Regular = Regular;

package/dist/components/EstimateCost/Components/Regular.d.ts

@@ -1,9 +1,10 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type RegularProps = {
     variant?: 'normal' | 'small' | 'big' | 'capitalized';
     isDisabledOnOverlay?: boolean;
     children?: ReactNode;
+    style?: CSSProperties;
     className?: string;
 };
-export declare const Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, }: RegularProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
+export declare const Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: RegularProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
 export {};

package/dist/components/EstimateCost/Components/Regular.js

@@ -1,34 +1,22 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { css } from "@emotion/react";
 import { memo } from "react";
 import { useOverlay } from "../OverlayContext.js";
-const StyledRegular = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant", "isOverlay"].includes(prop),
-  target: "e1l9k4qo0"
-} : {
-  shouldForwardProp: (prop) => !["variant", "isOverlay"].includes(prop),
-  target: "e1l9k4qo0",
-  label: "StyledRegular"
-})("display:", ({
-  isOverlay
-}) => isOverlay ? "flex" : "inline-flex", ";max-width:500px;align-items:center;font-size:16px;color:", ({
-  theme
-}) => theme.colors.neutral.textStrong, ";margin-right:4px;", ({
-  theme,
-  variant
-}) => variant === "small" && /* @__PURE__ */ css("display:block;font-size:14px;line-height:8px;color:", theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledRegular;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJPIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VPdmVybGF5IH0gZnJvbSAnLi4vT3ZlcmxheUNvbnRleHQnXG5cbnR5cGUgUmVndWxhclByb3BzID0ge1xuICB2YXJpYW50PzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ2JpZycgfCAnY2FwaXRhbGl6ZWQnXG4gIGlzRGlzYWJsZWRPbk92ZXJsYXk/OiBib29sZWFuXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRSZWd1bGFyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnaXNPdmVybGF5J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlzT3ZlcmxheTogYm9vbGVhblxuICB2YXJpYW50OiAnbm9ybWFsJyB8ICdzbWFsbCcgfCAnYmlnJyB8ICdjYXBpdGFsaXplZCdcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzT3ZlcmxheSB9KSA9PiAoaXNPdmVybGF5ID8gJ2ZsZXgnIDogJ2lubGluZS1mbGV4Jyl9O1xuICBtYXgtd2lkdGg6IDUwMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICBtYXJnaW4tcmlnaHQ6IDRweDtcblxuICAkeyh7IHRoZW1lLCB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ3NtYWxsJyAmJlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDhweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgUmVndWxhciA9IG1lbW8oXG4gICh7XG4gICAgdmFyaWFudCA9ICdub3JtYWwnLFxuICAgIGlzRGlzYWJsZWRPbk92ZXJsYXkgPSBmYWxzZSxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgY2xhc3NOYW1lLFxuICB9OiBSZWd1bGFyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlzT3ZlcmxheSB9ID0gdXNlT3ZlcmxheSgpXG5cbiAgICByZXR1cm4gIWlzRGlzYWJsZWRPbk92ZXJsYXkgfHwgIWlzT3ZlcmxheSA/IChcbiAgICAgIDxTdHlsZWRSZWd1bGFyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBpc092ZXJsYXk9e2lzT3ZlcmxheX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRSZWd1bGFyPlxuICAgICkgOiBudWxsXG4gIH0sXG4pXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvUmVndWxhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VPdmVybGF5IH0gZnJvbSAnLi4vT3ZlcmxheUNvbnRleHQnXG5cbnR5cGUgUmVndWxhclByb3BzID0ge1xuICB2YXJpYW50PzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ2JpZycgfCAnY2FwaXRhbGl6ZWQnXG4gIGlzRGlzYWJsZWRPbk92ZXJsYXk/OiBib29sZWFuXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRSZWd1bGFyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3ZhcmlhbnQnLCAnaXNPdmVybGF5J10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIGlzT3ZlcmxheTogYm9vbGVhblxuICB2YXJpYW50OiAnbm9ybWFsJyB8ICdzbWFsbCcgfCAnYmlnJyB8ICdjYXBpdGFsaXplZCdcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzT3ZlcmxheSB9KSA9PiAoaXNPdmVybGF5ID8gJ2ZsZXgnIDogJ2lubGluZS1mbGV4Jyl9O1xuICBtYXgtd2lkdGg6IDUwMHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmd9O1xuICBtYXJnaW4tcmlnaHQ6IDRweDtcblxuICAkeyh7IHRoZW1lLCB2YXJpYW50IH0pID0+XG4gICAgdmFyaWFudCA9PT0gJ3NtYWxsJyAmJlxuICAgIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDhweDtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICAgIGB9O1xuYFxuXG5leHBvcnQgY29uc3QgUmVndWxhciA9IG1lbW8oXG4gICh7XG4gICAgdmFyaWFudCA9ICdub3JtYWwnLFxuICAgIGlzRGlzYWJsZWRPbk92ZXJsYXkgPSBmYWxzZSxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgY2xhc3NOYW1lLFxuICB9OiBSZWd1bGFyUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGlzT3ZlcmxheSB9ID0gdXNlT3ZlcmxheSgpXG5cbiAgICByZXR1cm4gIWlzRGlzYWJsZWRPbk92ZXJsYXkgfHwgIWlzT3ZlcmxheSA/IChcbiAgICAgIDxTdHlsZWRSZWd1bGFyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBpc092ZXJsYXk9e2lzT3ZlcmxheX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRSZWd1bGFyPlxuICAgICkgOiBudWxsXG4gIH0sXG4pXG4iXX0= */"));
+import { estimateCostRegular } from "./components.css.js";
 const Regular = memo(({
   variant = "normal",
   isDisabledOnOverlay = false,
   children = null,
-  className
+  className,
+  style
 }) => {
   const {
     isOverlay
   } = useOverlay();
-  return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsx(StyledRegular, { className, isOverlay, variant, children }) : null;
+  return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${estimateCostRegular({
+    isOverlay,
+    variant
+  })}`, style, children }) : null;
 });
 export {
   Regular

package/dist/components/EstimateCost/Components/Strong.cjs

@@ -2,29 +2,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
-const Regular = require("./Regular.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledStrong = /* @__PURE__ */ _styled__default.default(Regular.Regular, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant"].includes(prop),
-  target: "e1bhvxf60"
-} : {
-  shouldForwardProp: (prop) => !["variant"].includes(prop),
-  target: "e1bhvxf60",
-  label: "StyledStrong"
-})("display:inline-flex;align-items:center;font-size:", ({
-  variant
-}) => variant === "big" ? 24 : 16, "px;", ({
-  variant
-}) => variant === "capitalized" ? `text-transform: capitalize;` : "", " color:", ({
-  theme
-}) => theme.colors.neutral.textStrong, ";font-weight:500;margin-right:4px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvU3Ryb25nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0VzdGltYXRlQ29zdC9Db21wb25lbnRzL1N0cm9uZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUmVndWxhciB9IGZyb20gJy4vUmVndWxhcidcblxudHlwZSBTdHJvbmdQcm9wcyA9IHtcbiAgdmFyaWFudD86ICdub3JtYWwnIHwgJ3NtYWxsJyB8ICdiaWcnIHwgJ2NhcGl0YWxpemVkJ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBpc0Rpc2FibGVkT25PdmVybGF5PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Ryb25nID0gc3R5bGVkKFJlZ3VsYXIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndmFyaWFudCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3Ryb25nUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAkeyh7IHZhcmlhbnQgfSkgPT4gKHZhcmlhbnQgPT09ICdiaWcnID8gMjQgOiAxNil9cHg7XG4gICR7KHsgdmFyaWFudCB9KSA9PlxuICAgIHZhcmlhbnQgPT09ICdjYXBpdGFsaXplZCcgPyBgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7YCA6ICcnfVxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nfTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBTdHJvbmcgPSBtZW1vKFxuICAoe1xuICAgIHZhcmlhbnQgPSAnbm9ybWFsJyxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgaXNEaXNhYmxlZE9uT3ZlcmxheSA9IGZhbHNlLFxuICB9OiBTdHJvbmdQcm9wcykgPT4gKFxuICAgIDxTdHlsZWRTdHJvbmcgaXNEaXNhYmxlZE9uT3ZlcmxheT17aXNEaXNhYmxlZE9uT3ZlcmxheX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRTdHJvbmc+XG4gICksXG4pXG4iXX0= */"));
+const components_css = require("./components.css.cjs");
 const Strong = react.memo(({
   variant = "normal",
   children = null,
-  isDisabledOnOverlay = false
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledStrong, { isDisabledOnOverlay, variant, children }));
+  style
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${components_css.estimateCostRegular({
+  variant
+})} ${components_css.estimateCostStrong({
+  variant
+})}`, style, children }));
 exports.Strong = Strong;
-exports.StyledStrong = StyledStrong;

package/dist/components/EstimateCost/Components/Strong.d.ts

@@ -1,16 +1,9 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type StrongProps = {
     variant?: 'normal' | 'small' | 'big' | 'capitalized';
     children?: ReactNode;
     isDisabledOnOverlay?: boolean;
+    style?: CSSProperties;
 };
-export declare const StyledStrong: import("@emotion/styled").StyledComponent<{
-    variant?: "normal" | "small" | "big" | "capitalized";
-    isDisabledOnOverlay?: boolean;
-    children?: ReactNode;
-    className?: string;
-} & {
-    theme?: import("@emotion/react").Theme;
-} & StrongProps, {}, {}>;
-export declare const Strong: import("react").MemoExoticComponent<({ variant, children, isDisabledOnOverlay, }: StrongProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Strong: import("react").MemoExoticComponent<({ variant, children, style }: StrongProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/EstimateCost/Components/Strong.js

@@ -1,28 +1,16 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { memo } from "react";
-import { Regular } from "./Regular.js";
-const StyledStrong = /* @__PURE__ */ _styled(Regular, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant"].includes(prop),
-  target: "e1bhvxf60"
-} : {
-  shouldForwardProp: (prop) => !["variant"].includes(prop),
-  target: "e1bhvxf60",
-  label: "StyledStrong"
-})("display:inline-flex;align-items:center;font-size:", ({
-  variant
-}) => variant === "big" ? 24 : 16, "px;", ({
-  variant
-}) => variant === "capitalized" ? `text-transform: capitalize;` : "", " color:", ({
-  theme
-}) => theme.colors.neutral.textStrong, ";font-weight:500;margin-right:4px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvU3Ryb25nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0VzdGltYXRlQ29zdC9Db21wb25lbnRzL1N0cm9uZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUmVndWxhciB9IGZyb20gJy4vUmVndWxhcidcblxudHlwZSBTdHJvbmdQcm9wcyA9IHtcbiAgdmFyaWFudD86ICdub3JtYWwnIHwgJ3NtYWxsJyB8ICdiaWcnIHwgJ2NhcGl0YWxpemVkJ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBpc0Rpc2FibGVkT25PdmVybGF5PzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU3Ryb25nID0gc3R5bGVkKFJlZ3VsYXIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsndmFyaWFudCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3Ryb25nUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAkeyh7IHZhcmlhbnQgfSkgPT4gKHZhcmlhbnQgPT09ICdiaWcnID8gMjQgOiAxNil9cHg7XG4gICR7KHsgdmFyaWFudCB9KSA9PlxuICAgIHZhcmlhbnQgPT09ICdjYXBpdGFsaXplZCcgPyBgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7YCA6ICcnfVxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nfTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBTdHJvbmcgPSBtZW1vKFxuICAoe1xuICAgIHZhcmlhbnQgPSAnbm9ybWFsJyxcbiAgICBjaGlsZHJlbiA9IG51bGwsXG4gICAgaXNEaXNhYmxlZE9uT3ZlcmxheSA9IGZhbHNlLFxuICB9OiBTdHJvbmdQcm9wcykgPT4gKFxuICAgIDxTdHlsZWRTdHJvbmcgaXNEaXNhYmxlZE9uT3ZlcmxheT17aXNEaXNhYmxlZE9uT3ZlcmxheX0gdmFyaWFudD17dmFyaWFudH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRTdHJvbmc+XG4gICksXG4pXG4iXX0= */"));
+import { estimateCostRegular, estimateCostStrong } from "./components.css.js";
 const Strong = memo(({
   variant = "normal",
   children = null,
-  isDisabledOnOverlay = false
-}) => /* @__PURE__ */ jsx(StyledStrong, { isDisabledOnOverlay, variant, children }));
+  style
+}) => /* @__PURE__ */ jsx("div", { className: `${estimateCostRegular({
+  variant
+})} ${estimateCostStrong({
+  variant
+})}`, style, children }));
 export {
-  Strong,
-  StyledStrong
+  Strong
 };

package/dist/components/EstimateCost/Components/Unit.cjs

@@ -2,35 +2,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
-const componentStyle = require("../componentStyle.cjs");
 const OverlayContext = require("../OverlayContext.cjs");
+const components_css = require("./components.css.cjs");
 const Regular = require("./Regular.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-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 StyledNumberInput = /* @__PURE__ */ _styled__default.default(ui.NumberInput, process.env.NODE_ENV === "production" ? {
-  target: "e1pr25uw0"
-} : {
-  target: "e1pr25uw0",
-  label: "StyledNumberInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}"
-} : {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvVW5pdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvVW5pdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUgfSBmcm9tICcuLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IHVzZU92ZXJsYXkgfSBmcm9tICcuLi9PdmVybGF5Q29udGV4dCdcbmltcG9ydCB7IFJlZ3VsYXIgfSBmcm9tICcuL1JlZ3VsYXInXG5cbmNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0KWBcbiAgLyogUmVtb3ZlcyBhcnJvd3MgZm9yIGFuIGlucHV0IHR5cGUgbnVtYmVyICovXG4gIC8qIENocm9tZSwgU2FmYXJpLCBFZGdlLCBPcGVyYSAqL1xuXG4gIGlucHV0W3R5cGU9J251bWJlciddOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICBpbnB1dFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIC8qIEZpcmVmb3ggKi9cblxuICBpbnB1dFt0eXBlPSdudW1iZXInXSB7XG4gICAgLW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG4gIH1cbmBcblxudHlwZSBVbml0UHJvcHMgPSB7XG4gIGFtb3VudD86IG51bWJlclxuICBpdGVtQ2FsbGJhY2s/OiAoYW1vdW50PzogbnVtYmVyLCBpc1ZhcmlhbnQ/OiBib29sZWFuKSA9PiB2b2lkXG4gIGdldEFtb3VudFZhbHVlPzogKGFtb3VudD86IG51bWJlcikgPT4gdm9pZFxuICB1bml0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBVbml0ID0gKHtcbiAgYW1vdW50LFxuICBpdGVtQ2FsbGJhY2ssXG4gIGdldEFtb3VudFZhbHVlLFxuICB1bml0LFxufTogVW5pdFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNPdmVybGF5IH0gPSB1c2VPdmVybGF5KClcbiAgY29uc3QgW2NhcGFjaXR5LCBzZXRDYXBhY2l0eV0gPSB1c2VTdGF0ZShhbW91bnQgPT09IDAgPyB1bmRlZmluZWQgOiBhbW91bnQpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRDYXBhY2l0eShhbW91bnQpXG4gICAgaXRlbUNhbGxiYWNrPy4oYW1vdW50LCB0cnVlKVxuICAgIGdldEFtb3VudFZhbHVlPy4oYW1vdW50KVxuICB9LCBbZ2V0QW1vdW50VmFsdWUsIGl0ZW1DYWxsYmFjaywgY2FwYWNpdHksIGFtb3VudF0pXG5cbiAgcmV0dXJuIGlzT3ZlcmxheSA/IChcbiAgICA8SXRlbVJlc291cmNlTmFtZSBhbmltYXRlZD17ZmFsc2V9PlxuICAgICAgPFJlZ3VsYXI+e2NhcGFjaXR5fTwvUmVndWxhcj5cbiAgICA8L0l0ZW1SZXNvdXJjZU5hbWU+XG4gICkgOiAoXG4gICAgPGRpdiBzdHlsZT17eyB3aWR0aDogJzE1MHB4JyB9fT5cbiAgICAgIDxTdHlsZWROdW1iZXJJbnB1dFxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIG5hbWU9XCJjYXBhY2l0eVwiXG4gICAgICAgIG9uQ2hhbmdlPXtjYXBhY2l0eVRleHQgPT4ge1xuICAgICAgICAgIGNvbnN0IG5ld0NhcGFjaXR5ID1cbiAgICAgICAgICAgIE51bWJlcihjYXBhY2l0eVRleHQpIDwgMCA/IDAgOiBOdW1iZXIoY2FwYWNpdHlUZXh0KVxuICAgICAgICAgIHNldENhcGFjaXR5KG5ld0NhcGFjaXR5KVxuICAgICAgICAgIGl0ZW1DYWxsYmFjaz8uKG5ld0NhcGFjaXR5LCB0cnVlKVxuICAgICAgICAgIGdldEFtb3VudFZhbHVlPy4oY2FwYWNpdHkpXG4gICAgICAgIH19XG4gICAgICAgIHBsYWNlaG9sZGVyPVwiMDBcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICB2YWx1ZT17Y2FwYWNpdHl9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const Unit = ({
   amount,
   itemCallback,
   getAmountValue,
-  unit
+  unit,
+  style
 }) => {
   const {
     isOverlay
@@ -41,9 +23,10 @@ const Unit = ({
     itemCallback?.(amount, true);
     getAmountValue?.(amount);
   }, [getAmountValue, itemCallback, capacity, amount]);
-  return isOverlay ? /* @__PURE__ */ jsxRuntime.jsx(componentStyle.ItemResourceName, { animated: false, children: /* @__PURE__ */ jsxRuntime.jsx(Regular.Regular, { children: capacity }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-    width: "150px"
-  }, children: /* @__PURE__ */ jsxRuntime.jsx(StyledNumberInput, { controls: false, name: "capacity", onChange: (capacityText) => {
+  return isOverlay ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: components_css.estimateCostItemResourceName(), style, children: /* @__PURE__ */ jsxRuntime.jsx(Regular.Regular, { children: capacity }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    width: "150px",
+    ...style
+  }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { className: components_css.estimateCostNumberInput, controls: false, name: "capacity", onChange: (capacityText) => {
     const newCapacity = Number(capacityText) < 0 ? 0 : Number(capacityText);
     setCapacity(newCapacity);
     itemCallback?.(newCapacity, true);

package/dist/components/EstimateCost/Components/Unit.d.ts

@@ -1,8 +1,10 @@
+import type { CSSProperties } from 'react';
 type UnitProps = {
     amount?: number;
     itemCallback?: (amount?: number, isVariant?: boolean) => void;
     getAmountValue?: (amount?: number) => void;
     unit?: string;
+    style?: CSSProperties;
 };
-export declare const Unit: ({ amount, itemCallback, getAmountValue, unit, }: UnitProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Unit: ({ amount, itemCallback, getAmountValue, unit, style, }: UnitProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EstimateCost/Components/Unit.js

@@ -1,32 +1,16 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { NumberInput } from "@ultraviolet/ui";
 import { useState, useEffect } from "react";
-import { ItemResourceName } from "../componentStyle.js";
 import { useOverlay } from "../OverlayContext.js";
+import { estimateCostItemResourceName, estimateCostNumberInput } from "./components.css.js";
 import { Regular } from "./Regular.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 StyledNumberInput = /* @__PURE__ */ _styled(NumberInput, process.env.NODE_ENV === "production" ? {
-  target: "e1pr25uw0"
-} : {
-  target: "e1pr25uw0",
-  label: "StyledNumberInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}"
-} : {
-  name: "l1y63n",
-  styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvVW5pdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvVW5pdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBOdW1iZXJJbnB1dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUgfSBmcm9tICcuLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IHVzZU92ZXJsYXkgfSBmcm9tICcuLi9PdmVybGF5Q29udGV4dCdcbmltcG9ydCB7IFJlZ3VsYXIgfSBmcm9tICcuL1JlZ3VsYXInXG5cbmNvbnN0IFN0eWxlZE51bWJlcklucHV0ID0gc3R5bGVkKE51bWJlcklucHV0KWBcbiAgLyogUmVtb3ZlcyBhcnJvd3MgZm9yIGFuIGlucHV0IHR5cGUgbnVtYmVyICovXG4gIC8qIENocm9tZSwgU2FmYXJpLCBFZGdlLCBPcGVyYSAqL1xuXG4gIGlucHV0W3R5cGU9J251bWJlciddOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICBpbnB1dFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIC8qIEZpcmVmb3ggKi9cblxuICBpbnB1dFt0eXBlPSdudW1iZXInXSB7XG4gICAgLW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG4gIH1cbmBcblxudHlwZSBVbml0UHJvcHMgPSB7XG4gIGFtb3VudD86IG51bWJlclxuICBpdGVtQ2FsbGJhY2s/OiAoYW1vdW50PzogbnVtYmVyLCBpc1ZhcmlhbnQ/OiBib29sZWFuKSA9PiB2b2lkXG4gIGdldEFtb3VudFZhbHVlPzogKGFtb3VudD86IG51bWJlcikgPT4gdm9pZFxuICB1bml0Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBVbml0ID0gKHtcbiAgYW1vdW50LFxuICBpdGVtQ2FsbGJhY2ssXG4gIGdldEFtb3VudFZhbHVlLFxuICB1bml0LFxufTogVW5pdFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaXNPdmVybGF5IH0gPSB1c2VPdmVybGF5KClcbiAgY29uc3QgW2NhcGFjaXR5LCBzZXRDYXBhY2l0eV0gPSB1c2VTdGF0ZShhbW91bnQgPT09IDAgPyB1bmRlZmluZWQgOiBhbW91bnQpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRDYXBhY2l0eShhbW91bnQpXG4gICAgaXRlbUNhbGxiYWNrPy4oYW1vdW50LCB0cnVlKVxuICAgIGdldEFtb3VudFZhbHVlPy4oYW1vdW50KVxuICB9LCBbZ2V0QW1vdW50VmFsdWUsIGl0ZW1DYWxsYmFjaywgY2FwYWNpdHksIGFtb3VudF0pXG5cbiAgcmV0dXJuIGlzT3ZlcmxheSA/IChcbiAgICA8SXRlbVJlc291cmNlTmFtZSBhbmltYXRlZD17ZmFsc2V9PlxuICAgICAgPFJlZ3VsYXI+e2NhcGFjaXR5fTwvUmVndWxhcj5cbiAgICA8L0l0ZW1SZXNvdXJjZU5hbWU+XG4gICkgOiAoXG4gICAgPGRpdiBzdHlsZT17eyB3aWR0aDogJzE1MHB4JyB9fT5cbiAgICAgIDxTdHlsZWROdW1iZXJJbnB1dFxuICAgICAgICBjb250cm9scz17ZmFsc2V9XG4gICAgICAgIG5hbWU9XCJjYXBhY2l0eVwiXG4gICAgICAgIG9uQ2hhbmdlPXtjYXBhY2l0eVRleHQgPT4ge1xuICAgICAgICAgIGNvbnN0IG5ld0NhcGFjaXR5ID1cbiAgICAgICAgICAgIE51bWJlcihjYXBhY2l0eVRleHQpIDwgMCA/IDAgOiBOdW1iZXIoY2FwYWNpdHlUZXh0KVxuICAgICAgICAgIHNldENhcGFjaXR5KG5ld0NhcGFjaXR5KVxuICAgICAgICAgIGl0ZW1DYWxsYmFjaz8uKG5ld0NhcGFjaXR5LCB0cnVlKVxuICAgICAgICAgIGdldEFtb3VudFZhbHVlPy4oY2FwYWNpdHkpXG4gICAgICAgIH19XG4gICAgICAgIHBsYWNlaG9sZGVyPVwiMDBcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB1bml0PXt1bml0fVxuICAgICAgICB2YWx1ZT17Y2FwYWNpdHl9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const Unit = ({
   amount,
   itemCallback,
   getAmountValue,
-  unit
+  unit,
+  style
 }) => {
   const {
     isOverlay
@@ -37,9 +21,10 @@ const Unit = ({
     itemCallback?.(amount, true);
     getAmountValue?.(amount);
   }, [getAmountValue, itemCallback, capacity, amount]);
-  return isOverlay ? /* @__PURE__ */ jsx(ItemResourceName, { animated: false, children: /* @__PURE__ */ jsx(Regular, { children: capacity }) }) : /* @__PURE__ */ jsx("div", { style: {
-    width: "150px"
-  }, children: /* @__PURE__ */ jsx(StyledNumberInput, { controls: false, name: "capacity", onChange: (capacityText) => {
+  return isOverlay ? /* @__PURE__ */ jsx("div", { className: estimateCostItemResourceName(), style, children: /* @__PURE__ */ jsx(Regular, { children: capacity }) }) : /* @__PURE__ */ jsx("div", { style: {
+    width: "150px",
+    ...style
+  }, children: /* @__PURE__ */ jsx(NumberInput, { className: estimateCostNumberInput, controls: false, name: "capacity", onChange: (capacityText) => {
     const newCapacity = Number(capacityText) < 0 ? 0 : Number(capacityText);
     setCapacity(newCapacity);
     itemCallback?.(newCapacity, true);

package/dist/components/EstimateCost/Components/Zone.cjs

@@ -2,21 +2,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const EstimateCostProvider = require("../EstimateCostProvider.cjs");
+const styles_css = require("../styles.css.cjs");
 const Item = require("./Item.cjs");
 const Strong = require("./Strong.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledImage = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
-  target: "e24b3x10"
-} : {
-  target: "e24b3x10",
-  label: "StyledImage"
-})("width:15px;margin-right:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvWm9uZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L0NvbXBvbmVudHMvWm9uZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFc3RpbWF0ZUNvc3QgfSBmcm9tICcuLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgQmFyZUVzdGltYXRlUHJvZHVjdCwgRXN0aW1hdGVQcm9kdWN0LCBJdGVyYXRpb24gfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5pbXBvcnQgeyBTdHJvbmcgfSBmcm9tICcuL1N0cm9uZydcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTVweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIFJlZ2lvblByb3BzID0ge1xuICBzaG91bGRCZUhpZGRlbj86IGJvb2xlYW5cbiAgcHJpY2VUZXh0Pzogc3RyaW5nXG4gIGFuaW1hdGVkPzogYm9vbGVhblxuICBpc0ZpcnN0RWxlbWVudD86IGJvb2xlYW5cbiAgaXNMYXN0RWxlbWVudD86IGJvb2xlYW5cbiAgcHJvZHVjdHNDYWxsYmFjaz86IHtcbiAgICBhZGQ6IChwcm9kdWN0OiBFc3RpbWF0ZVByb2R1Y3QpID0+IHZvaWRcbiAgICByZW1vdmU6IChwcm9kdWN0OiBCYXJlRXN0aW1hdGVQcm9kdWN0KSA9PiB2b2lkXG4gIH1cbiAgaXRlcmF0aW9uPzogSXRlcmF0aW9uXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGxhYmVsOiBzdHJpbmdcbiAgaW1hZ2U6IHN0cmluZ1xuICBub0JvcmRlcj86IGJvb2xlYW5cbiAgbm9QcmljZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFpvbmUgPSBtZW1vKFxuICAoe1xuICAgIGxhYmVsLFxuICAgIGltYWdlLFxuICAgIHNob3VsZEJlSGlkZGVuID0gZmFsc2UsXG4gICAgcHJpY2VUZXh0LFxuICAgIGFuaW1hdGVkID0gZmFsc2UsXG4gICAgaXNGaXJzdEVsZW1lbnQsXG4gICAgaXNMYXN0RWxlbWVudCxcbiAgICBwcm9kdWN0c0NhbGxiYWNrLFxuICAgIGl0ZXJhdGlvbixcbiAgICBkaXNjb3VudCxcbiAgICBub0JvcmRlcixcbiAgICBub1ByaWNlLFxuICB9OiBSZWdpb25Qcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgbG9jYWxlcyB9ID0gdXNlRXN0aW1hdGVDb3N0KClcblxuICAgIHJldHVybiAoXG4gICAgICA8SXRlbVxuICAgICAgICBhbmltYXRlZD17YW5pbWF0ZWR9XG4gICAgICAgIGRpc2NvdW50PXtkaXNjb3VudH1cbiAgICAgICAgaXNGaXJzdEVsZW1lbnQ9e2lzRmlyc3RFbGVtZW50fVxuICAgICAgICBpc0xhc3RFbGVtZW50PXtpc0xhc3RFbGVtZW50fVxuICAgICAgICBpdGVyYXRpb249e2l0ZXJhdGlvbn1cbiAgICAgICAgbGFiZWw9e2xvY2FsZXNbJ2VzdGltYXRlLmNvc3QuYXoubGFiZWwnXX1cbiAgICAgICAgbm9Cb3JkZXI9e25vQm9yZGVyfVxuICAgICAgICBub1ByaWNlPXtub1ByaWNlfVxuICAgICAgICBwcmljZVRleHQ9e3ByaWNlVGV4dH1cbiAgICAgICAgcHJvZHVjdHNDYWxsYmFjaz17cHJvZHVjdHNDYWxsYmFja31cbiAgICAgICAgc2hvdWxkQmVIaWRkZW49e3Nob3VsZEJlSGlkZGVufVxuICAgICAgPlxuICAgICAgICA8U3Ryb25nPlxuICAgICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2xhYmVsfSBzcmM9e2ltYWdlfSAvPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHJvbmc+XG4gICAgICA8L0l0ZW0+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
 const Zone = react.memo(({
   label,
   image,
@@ -29,13 +19,14 @@ const Zone = react.memo(({
   iteration,
   discount,
   noBorder,
-  noPrice
+  noPrice,
+  style
 }) => {
   const {
     locales
   } = EstimateCostProvider.useEstimateCost();
-  return /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { animated, discount, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.az.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, children: /* @__PURE__ */ jsxRuntime.jsxs(Strong.Strong, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(StyledImage, { alt: label, src: image }),
+  return /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { animated, discount, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.az.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, style, children: /* @__PURE__ */ jsxRuntime.jsxs(Strong.Strong, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { alt: label, className: styles_css.estimateCostImage, src: image }),
     label
   ] }) });
 });