@ultraviolet/plus 3.0.0-beta.8 → 3.0.0

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

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

@@ -1,17 +1,17 @@
 "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 "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.d.ts

@@ -6,5 +6,5 @@ type NumberInputProps = {
     maxValue?: number;
     controls?: boolean;
 };
-export declare const NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: NumberInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "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,
@@ -13,18 +13,26 @@ const NumberInput = ({
   itemCallback,
   controls = true
 }) => {
-  const {
-    isOverlay
-  } = useOverlay();
+  const { isOverlay } = useOverlay();
   const [value, setValue] = useState(amount);
   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) => {
-    setValue(newValue);
-    itemCallback?.(newValue, true);
-    getAmountValue?.(newValue);
-  }, size: "small", value });
+  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);
+      },
+      size: "small",
+      value
+    }
+  );
 };
 export {
   NumberInput

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

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

@@ -1,41 +1,52 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 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,
-  shouldBeHidden = false,
-  priceText,
-  animated = false,
-  isFirstElement,
-  isLastElement,
-  productsCallback,
-  iteration,
-  discount,
-  noBorder,
-  noPrice,
-  hideFromOverlay
-}) => {
-  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 }),
-    label
-  ] }) });
-});
+const Region = memo(
+  ({
+    label,
+    image,
+    shouldBeHidden = false,
+    priceText,
+    animated = false,
+    isFirstElement,
+    isLastElement,
+    productsCallback,
+    iteration,
+    discount,
+    noBorder,
+    noPrice,
+    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,
+        style,
+        children: /* @__PURE__ */ jsxs(Strong, { children: [
+          /* @__PURE__ */ jsx("img", { alt: label, className: estimateCostImage, src: image }),
+          label
+        ] })
+      }
+    );
+  }
+);
 export {
   Region
 };

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

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

@@ -1,35 +1,27 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { css } from "@emotion/react";
+import { jsx } from "react/jsx-runtime";
 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= */"));
-const Regular = memo(({
-  variant = "normal",
-  isDisabledOnOverlay = false,
-  children = null,
-  className
-}) => {
-  const {
-    isOverlay
-  } = useOverlay();
-  return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsx(StyledRegular, { className, isOverlay, variant, children }) : null;
-});
+import { estimateCostRegular } from "./components.css.js";
+const Regular = memo(
+  ({
+    variant = "normal",
+    isDisabledOnOverlay = false,
+    children = null,
+    className,
+    style
+  }) => {
+    const { isOverlay } = useOverlay();
+    return !isDisabledOnOverlay || !isOverlay ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${className ? `${className} ` : ""}${estimateCostRegular({ isOverlay, variant })}`,
+        style,
+        children
+      }
+    ) : null;
+  }
+);
 export {
   Regular
 };

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

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

@@ -1,28 +1,17 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 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= */"));
-const Strong = memo(({
-  variant = "normal",
-  children = null,
-  isDisabledOnOverlay = false
-}) => /* @__PURE__ */ jsx(StyledStrong, { isDisabledOnOverlay, variant, children }));
+import { estimateCostRegular, estimateCostStrong } from "./components.css.js";
+const Strong = memo(
+  ({ variant = "normal", children = null, style }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${estimateCostRegular({ variant })} ${estimateCostStrong({ variant })}`,
+      style,
+      children
+    }
+  )
+);
 export {
-  Strong,
-  StyledStrong
+  Strong
 };

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

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

@@ -1,50 +1,42 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 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
-  } = useOverlay();
+  const { isOverlay } = useOverlay();
   const [capacity, setCapacity] = useState(amount === 0 ? void 0 : amount);
   useEffect(() => {
     setCapacity(amount);
     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) => {
-    const newCapacity = Number(capacityText) < 0 ? 0 : Number(capacityText);
-    setCapacity(newCapacity);
-    itemCallback?.(newCapacity, true);
-    getAmountValue?.(capacity);
-  }, placeholder: "00", size: "small", unit, value: capacity }) });
+  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);
+        getAmountValue?.(capacity);
+      },
+      placeholder: "00",
+      size: "small",
+      unit,
+      value: capacity
+    }
+  ) });
 };
 export {
   Unit

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

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
 type RegionProps = {
     shouldBeHidden?: boolean;
@@ -15,6 +16,7 @@ type RegionProps = {
     image: string;
     noBorder?: boolean;
     noPrice?: boolean;
+    style?: CSSProperties;
 };
-export declare const Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, }: RegionProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: RegionProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,40 +1,50 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 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: "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 = memo(({
-  label,
-  image,
-  shouldBeHidden = false,
-  priceText,
-  animated = false,
-  isFirstElement,
-  isLastElement,
-  productsCallback,
-  iteration,
-  discount,
-  noBorder,
-  noPrice
-}) => {
-  const {
-    locales
-  } = useEstimateCost();
-  return /* @__PURE__ */ jsx(Item, { animated, discount, isFirstElement, isLastElement, iteration, label: locales["estimate.cost.az.label"], noBorder, noPrice, priceText, productsCallback, shouldBeHidden, children: /* @__PURE__ */ jsxs(Strong, { children: [
-    /* @__PURE__ */ jsx(StyledImage, { alt: label, src: image }),
-    label
-  ] }) });
-});
+const Zone = memo(
+  ({
+    label,
+    image,
+    shouldBeHidden = false,
+    priceText,
+    animated = false,
+    isFirstElement,
+    isLastElement,
+    productsCallback,
+    iteration,
+    discount,
+    noBorder,
+    noPrice,
+    style
+  }) => {
+    const { locales } = useEstimateCost();
+    return /* @__PURE__ */ jsx(
+      Item,
+      {
+        animated,
+        discount,
+        isFirstElement,
+        isLastElement,
+        iteration,
+        label: locales["estimate.cost.az.label"],
+        noBorder,
+        noPrice,
+        priceText,
+        productsCallback,
+        shouldBeHidden,
+        style,
+        children: /* @__PURE__ */ jsxs(Strong, { children: [
+          /* @__PURE__ */ jsx("img", { alt: label, className: estimateCostImage, src: image }),
+          label
+        ] })
+      }
+    );
+  }
+);
 export {
   Zone
 };

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

@@ -0,0 +1,77 @@
+export declare const maxWidthTextVar: `var(--${string})`;
+export declare const maxWidthText: string;
+export declare const estimateCostImage: string;
+export declare const estimateCostTr: string;
+export declare const styledDiv: string;
+export declare const estimateCostLeftSide: string;
+export declare const estimateCostItemResourceName: import("@vanilla-extract/recipes").RuntimeFn<{
+    animated: {
+        true: {
+            animation: `800ms ${string}`;
+        };
+    };
+}>;
+export declare const estimateCostResourceName: import("@vanilla-extract/recipes").RuntimeFn<{
+    isOverlay: {
+        true: {
+            textAlign: "initial";
+            height: `var(--${string})`;
+            display: "flex";
+            flexDirection: "column";
+            WebkitBoxPack: "center";
+            justifyContent: "center";
+        };
+        false: {
+            textAlign: "right";
+        };
+    };
+    isAnimated: {
+        true: {
+            animation: `${string} 800ms`;
+        };
+    };
+}>;
+export declare const estimateCostBadgeItem: string;
+export declare const estimateCostTextItem: string;
+export declare const estimateCostMaxWidthText: string;
+export declare const estimateCostTooltip: string;
+export declare const estimateCostLineThrough: string;
+export declare const estimateCostRegular: import("@vanilla-extract/recipes").RuntimeFn<{
+    isOverlay: {
+        true: {
+            display: "flex";
+        };
+        false: {
+            display: "inline-flex";
+        };
+    };
+    variant: {
+        normal: {};
+        big: {};
+        capitalized: {};
+        small: {
+            display: "block";
+            fontSize: number;
+            lineHeight: number;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostStrong: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        normal: {
+            fontSize: number;
+        };
+        big: {
+            fontSize: number;
+        };
+        capitalized: {
+            fontSize: number;
+            textTransform: "capitalize";
+        };
+        small: {
+            fontSize: number;
+        };
+    };
+}>;
+export declare const estimateCostNumberInput: string;