@ultraviolet/plus 3.0.0-beta.16 → 3.0.0-beta.18

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

@@ -1,34 +1,52 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+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 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
-  ] }) });
-});
+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

@@ -6,5 +6,5 @@ type RegularProps = {
     style?: CSSProperties;
     className?: string;
 };
-export declare const Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: 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,23 +1,27 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { useOverlay } from "../OverlayContext.js";
 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;
-});
+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

@@ -5,5 +5,5 @@ type StrongProps = {
     isDisabledOnOverlay?: boolean;
     style?: CSSProperties;
 };
-export declare const Strong: import("react").MemoExoticComponent<({ variant, children, style }: 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,16 +1,17 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
 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 }));
+const Strong = memo(
+  ({ variant = "normal", children = null, style }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `${estimateCostRegular({ variant })} ${estimateCostStrong({ variant })}`,
+      style,
+      children
+    }
+  )
+);
 export {
   Strong
 };

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

@@ -6,5 +6,5 @@ type UnitProps = {
     unit?: string;
     style?: CSSProperties;
 };
-export declare const Unit: ({ amount, itemCallback, getAmountValue, unit, style, }: 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,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { NumberInput } from "@ultraviolet/ui";
 import { useState, useEffect } from "react";
 import { useOverlay } from "../OverlayContext.js";
@@ -12,24 +12,31 @@ const 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("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 }) });
+  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

@@ -18,5 +18,5 @@ type RegionProps = {
     noPrice?: boolean;
     style?: CSSProperties;
 };
-export declare const Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: 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,33 +1,50 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+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 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
-  ] }) });
-});
+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/EstimateCost.d.ts

@@ -2,10 +2,10 @@ import { Text } from '@ultraviolet/ui';
 import type { ComponentProps, ReactNode } from 'react';
 import type { EstimateCostProps } from './types';
 declare const EstimateCost: {
-    ({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, discount, OverlayRight, OverlayLeft, overlayMargin, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, numberLocales, currency, style, onTotalPriceChange, }: EstimateCostProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, discount, OverlayRight, OverlayLeft, overlayMargin, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, numberLocales, currency, style, onTotalPriceChange, }: EstimateCostProps): import("react/jsx-runtime").JSX.Element;
     LineThrough: ({ isActive, className, ...props }: import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
         isActive?: boolean;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style, }: {
         amount?: number;
         amountFree?: number;
@@ -45,7 +45,7 @@ declare const EstimateCost: {
         unit?: "mb" | "gb" | "tb" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | (string & NonNullable<unknown>);
         strikeThrough?: boolean;
         style?: import("react").CSSProperties;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element>;
+    }) => import("react/jsx-runtime").JSX.Element>;
     NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: {
         amount?: number;
         itemCallback?: (amount?: number | null, isVariant?: boolean) => void;
@@ -53,28 +53,28 @@ declare const EstimateCost: {
         minValue?: number;
         maxValue?: number;
         controls?: boolean;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     Unit: ({ amount, itemCallback, getAmountValue, unit, style, }: {
         amount?: number;
         itemCallback?: (amount?: number, isVariant?: boolean) => void;
         getAmountValue?: (amount?: number) => void;
         unit?: string;
         style?: import("react").CSSProperties;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     Strong: import("react").MemoExoticComponent<({ variant, children, style }: {
         variant?: "normal" | "small" | "big" | "capitalized";
         children?: ReactNode;
         isDisabledOnOverlay?: boolean;
         style?: import("react").CSSProperties;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element>;
+    }) => import("react/jsx-runtime").JSX.Element>;
     Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: {
         variant?: "normal" | "small" | "big" | "capitalized";
         isDisabledOnOverlay?: boolean;
         children?: ReactNode;
         style?: import("react").CSSProperties;
         className?: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
-    Image: (props: ComponentProps<"img">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
+    Image: (props: ComponentProps<"img">) => import("react/jsx-runtime").JSX.Element;
     Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, style, }: {
         shouldBeHidden?: boolean;
         priceText?: ReactNode;
@@ -130,7 +130,7 @@ declare const EstimateCost: {
         unit?: "mb" | "gb" | "tb" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | (string & NonNullable<unknown>);
         strikeThrough?: boolean;
         style?: import("react").CSSProperties;
-    }, "style" | "hideFromOverlay">) => import("@emotion/react/jsx-runtime").JSX.Element>;
+    }, "style" | "hideFromOverlay">) => import("react/jsx-runtime").JSX.Element>;
     Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: {
         shouldBeHidden?: boolean;
         priceText?: string;
@@ -148,11 +148,11 @@ declare const EstimateCost: {
         noBorder?: boolean;
         noPrice?: boolean;
         style?: import("react").CSSProperties;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element>;
+    }) => import("react/jsx-runtime").JSX.Element>;
     Ellipsis: ({ children, maxWidth, "data-testid": dataTestId, }: {
         children: ReactNode;
         maxWidth?: number;
         "data-testid"?: string;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export { EstimateCost };

package/dist/components/EstimateCost/EstimateCost.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Text } from "@ultraviolet/ui";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Children } from "react";
@@ -55,7 +55,45 @@ const EstimateCost = ({
   currency = "EUR",
   style,
   onTotalPriceChange
-}) => /* @__PURE__ */ jsx(EstimateCostProvider, { currency, locales, numberLocales, children: /* @__PURE__ */ jsx(EstimateCostContent, { alert, alertTitle, alertVariant, commitmentFees, commitmentFeesContent, defaultTimeUnit, description, disableOverlayLeft, disableOverlayRight, discount, hideOverlay, hideTimeUnit, hideTotal, isBeta, locales, monthlyFees, monthlyFeesContent, monthlyFeesLabel, OverlayLeft, OverlayRight, onTotalPriceChange, overlayMargin, overlayUnit, style, timeUnits, children }) });
+}) => /* @__PURE__ */ jsx(
+  EstimateCostProvider,
+  {
+    currency,
+    locales,
+    numberLocales,
+    children: /* @__PURE__ */ jsx(
+      EstimateCostContent,
+      {
+        alert,
+        alertTitle,
+        alertVariant,
+        commitmentFees,
+        commitmentFeesContent,
+        defaultTimeUnit,
+        description,
+        disableOverlayLeft,
+        disableOverlayRight,
+        discount,
+        hideOverlay,
+        hideTimeUnit,
+        hideTotal,
+        isBeta,
+        locales,
+        monthlyFees,
+        monthlyFeesContent,
+        monthlyFeesLabel,
+        OverlayLeft,
+        OverlayRight,
+        onTotalPriceChange,
+        overlayMargin,
+        overlayUnit,
+        style,
+        timeUnits,
+        children
+      }
+    )
+  }
+);
 EstimateCost.LineThrough = LineThrough;
 EstimateCost.Item = Item;
 EstimateCost.NumberInput = NumberInput;
@@ -70,15 +108,28 @@ const Ellipsis = ({
   maxWidth = 350,
   "data-testid": dataTestId
 }) => {
-  const {
-    isOverlay
-  } = useOverlay();
+  const { isOverlay } = useOverlay();
   const text = Children.toArray(children).join("").toString();
-  return /* @__PURE__ */ jsx("div", { "data-testid": dataTestId, style: {
-    display: !isOverlay ? "inline-flex" : void 0
-  }, children: /* @__PURE__ */ jsx(Text, { as: "p", className: maxWidthText, oneLine: true, style: assignInlineVars({
-    [maxWidthTextVar]: isOverlay ? "200px" : `${maxWidth}px`
-  }), variant: "bodyStrong", children: text }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": dataTestId,
+      style: { display: !isOverlay ? "inline-flex" : void 0 },
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "p",
+          className: maxWidthText,
+          oneLine: true,
+          style: assignInlineVars({
+            [maxWidthTextVar]: isOverlay ? "200px" : `${maxWidth}px`
+          }),
+          variant: "bodyStrong",
+          children: text
+        }
+      )
+    }
+  );
 };
 EstimateCost.Ellipsis = Ellipsis;
 export {

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

@@ -1,2 +1,2 @@
 import type { EstimateCostProps } from './types';
-export declare const EstimateCostContent: ({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, hideHourlyPriceOnTotal, discount, OverlayRight, OverlayLeft, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, overlayMargin, onTotalPriceChange, style, }: EstimateCostProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const EstimateCostContent: ({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, hideHourlyPriceOnTotal, discount, OverlayRight, OverlayLeft, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, overlayMargin, onTotalPriceChange, style, }: EstimateCostProps) => import("react/jsx-runtime").JSX.Element;