@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/compositions/EstimateCost/EstimateCostProvider.js

@@ -0,0 +1,39 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import en_default, { init_en } from "./locales/en.js";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/EstimateCostProvider.tsx
+var EstimateCostContext, useEstimateCost, EstimateCostProvider;
+var init_EstimateCostProvider = __esmMin(() => {
+	init_en();
+	init_objectSpread2();
+	EstimateCostContext = createContext({
+		formatNumber: () => "",
+		locales: en_default
+	});
+	useEstimateCost = () => useContext(EstimateCostContext);
+	EstimateCostProvider = ({ children, locales, currency, numberLocales }) => {
+		const newLocales = useMemo(() => locales ? _objectSpread2(_objectSpread2({}, en_default), locales) : en_default, [locales]);
+		const formatNumber = useCallback((number, options) => {
+			return new Intl.NumberFormat(numberLocales, _objectSpread2({
+				currency,
+				style: "currency"
+			}, options)).format(number);
+		}, [currency, numberLocales]);
+		const value = useMemo(() => ({
+			formatNumber,
+			locales: newLocales
+		}), [formatNumber, newLocales]);
+		return /* @__PURE__ */ jsx(EstimateCostContext.Provider, {
+			value,
+			children
+		});
+	};
+});
+
+//#endregion
+init_EstimateCostProvider();
+export { EstimateCostProvider, init_EstimateCostProvider, useEstimateCost };

package/dist/compositions/EstimateCost/Image.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+export declare const Image: (props: ComponentProps<'img'>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/dist/compositions/EstimateCost/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,KAAK,UAAW,cAAc,CAAC,KAAK,CAAC,4CAUjD,CAAA"}

package/dist/compositions/EstimateCost/Image.js

@@ -0,0 +1,21 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { estimateCostStyle, init_styles_css } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Image.tsx
+var Image;
+var init_Image = __esmMin(() => {
+	init_styles_css();
+	init_objectSpread2();
+	Image = (props) => /* @__PURE__ */ jsx("img", _objectSpread2(_objectSpread2({
+		alt: props.alt,
+		height: props.height,
+		width: props.width
+	}, props), {}, { className: cn(props.className, estimateCostStyle.image) }));
+});
+
+//#endregion
+init_Image();
+export { Image, init_Image };

package/dist/compositions/EstimateCost/OverlayComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayComponent.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/OverlayComponent.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAO3C,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,KAAK,CAAA;IACX,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,QAAQ,EAAE,SAAS,CAAA;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,KAAK,GAAG,CAAC,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,KAAK,GAAG,CAAC,OAAO,CAAA;IACjB,UAAU,EAAE;QACV,gBAAgB,EAAE,MAAM,CAAA;QACxB,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,gBAAgB,iJAY1B,qBAAqB,4CA4FvB,CAAA"}

package/dist/compositions/EstimateCost/OverlayComponent.js

@@ -0,0 +1,111 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Badge, init_Badge } from "../../components/Badge/index.js";
+import { init_constants, maximumFractionDigits, multiplier } from "./constants.js";
+import { init_EstimateCostProvider, useEstimateCost } from "./EstimateCostProvider.js";
+import { OverlayContextProvider, init_OverlayContext } from "./OverlayContext.js";
+import { estimateCostStyle, init_styles_css, overlayMarginVar } from "./styles.css.js";
+import { LineThrough, init_LineThrough } from "./Components/LineThrough.js";
+import { Strong, init_Strong } from "./Components/Strong.js";
+import { Children, cloneElement, isValidElement, useMemo } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
+
+//#region src/compositions/EstimateCost/OverlayComponent.tsx
+var OverlayComponent;
+var init_OverlayComponent = __esmMin(() => {
+	init_Badge();
+	init_Stack();
+	init_LineThrough();
+	init_Strong();
+	init_constants();
+	init_EstimateCostProvider();
+	init_OverlayContext();
+	init_styles_css();
+	OverlayComponent = ({ children, inView = false, discount = 1, OverlayRight, disableOverlayRight = false, OverlayLeft, disableOverlayLeft = false, totalPrice, unit = "hours", isBeta = false, overlayMargin }) => {
+		const { locales, formatNumber } = useEstimateCost();
+		const value = useMemo(() => ({ isOverlay: true }), []);
+		const totalOverlayPrice = {
+			days: totalPrice.maxOverlayHourly * multiplier.days,
+			hours: totalPrice.maxOverlayHourly,
+			minutes: totalPrice.maxOverlayHourly * multiplier.minutes,
+			months: totalPrice.maxOverlayHourly * multiplier.months,
+			seconds: totalPrice.maxOverlayHourly * multiplier.seconds
+		}[unit];
+		const overlayPrice = {
+			days: totalPrice.overlayHourly * multiplier.days,
+			hours: totalPrice.overlayHourly,
+			minutes: totalPrice.overlayHourly * multiplier.minutes,
+			months: totalPrice.overlayHourly * multiplier.months,
+			seconds: totalPrice.overlayHourly * multiplier.seconds
+		}[unit];
+		return /* @__PURE__ */ jsx(OverlayContextProvider, {
+			value,
+			children: /* @__PURE__ */ jsx("div", {
+				className: estimateCostStyle.overlayContainer({ inView }),
+				"data-testid": "summary-overlay",
+				style: assignInlineVars({ [overlayMarginVar]: overlayMargin !== null && overlayMargin !== void 0 ? overlayMargin : "0" }),
+				children: /* @__PURE__ */ jsxs("ul", {
+					className: estimateCostStyle.list,
+					children: [
+						OverlayLeft ? /* @__PURE__ */ jsx("li", {
+							className: estimateCostStyle.sideItem,
+							children: /* @__PURE__ */ jsx(OverlayLeft, {
+								disabled: disableOverlayLeft,
+								children: locales["estimate.cost.submit.label"]
+							})
+						}) : null,
+						Children.map(children, (child, index) => isValidElement(child) ? cloneElement(child, {
+							isFirstElement: index === 0,
+							isLastElement: index === Children.count(children) - 1
+						}) : null),
+						/* @__PURE__ */ jsxs("li", {
+							className: estimateCostStyle.overlayRow(),
+							children: [/* @__PURE__ */ jsxs(Stack, {
+								alignItems: "center",
+								direction: "row",
+								gap: 1,
+								children: [/* @__PURE__ */ jsx(CalculatorIcon, {
+									sentiment: "primary",
+									size: "medium"
+								}), locales["estimate.cost.label"]]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: estimateCostStyle.resourceName(),
+								children: [/* @__PURE__ */ jsx(Strong, {
+									variant: "big",
+									children: /* @__PURE__ */ jsxs(LineThrough, {
+										isActive: isBeta && discount === 0,
+										children: [
+											formatNumber(overlayPrice, { maximumFractionDigits: maximumFractionDigits[unit] }),
+											totalOverlayPrice > 0 ? ` - ${formatNumber(totalOverlayPrice, { maximumFractionDigits: maximumFractionDigits[unit] })}` : null,
+											"/",
+											locales[`estimate.cost.units.${unit}.label`]
+										]
+									})
+								}), isBeta ? /* @__PURE__ */ jsxs(Badge, {
+									className: estimateCostStyle.badge,
+									prominence: "strong",
+									sentiment: "warning",
+									children: [discount > 0 ? discount * 100 : "", locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]]
+								}) : null]
+							})]
+						}),
+						OverlayRight ? /* @__PURE__ */ jsx("li", {
+							className: estimateCostStyle.sideItem,
+							children: /* @__PURE__ */ jsx(OverlayRight, {
+								disabled: disableOverlayRight,
+								children: locales["estimate.cost.submit.label"]
+							})
+						}) : null
+					]
+				})
+			})
+		});
+	};
+});
+
+//#endregion
+init_OverlayComponent();
+export { OverlayComponent, init_OverlayComponent };

package/dist/compositions/EstimateCost/OverlayContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContext.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/OverlayContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,UAAU;;CAAmC,CAAA;AAE1D,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,sBAAsB,yBAGhC,2BAA2B,4CAE7B,CAAA"}

package/dist/compositions/EstimateCost/OverlayContext.js

@@ -0,0 +1,19 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/OverlayContext.tsx
+var OverlayContext, useOverlay, OverlayContextProvider;
+var init_OverlayContext = __esmMin(() => {
+	OverlayContext = createContext({ isOverlay: false });
+	useOverlay = () => useContext(OverlayContext);
+	OverlayContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(OverlayContext.Provider, {
+		value,
+		children
+	});
+});
+
+//#endregion
+init_OverlayContext();
+export { OverlayContextProvider, init_OverlayContext, useOverlay };

package/dist/compositions/EstimateCost/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,eAAO,MAAM,0BAA0B,MAAM,CAAA;AAI7C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMnC,CAAA;AAIV,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAM9C,CAAA;AAEV,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMlD,CAAA;AAEV,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,oBAAoB,QAAQ,CAAA"}

package/dist/compositions/EstimateCost/constants.js

@@ -0,0 +1,32 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/EstimateCost/constants.ts
+var APPROXIMATE_HOURS_IN_MONTH, multiplier, maximumFractionDigits, maximumFractionDigitsLong;
+var init_constants = __esmMin(() => {
+	APPROXIMATE_HOURS_IN_MONTH = 730;
+	multiplier = {
+		days: 24,
+		hours: 1,
+		minutes: 1 / 60,
+		months: 730,
+		seconds: 1 / 60 / 60
+	};
+	maximumFractionDigits = {
+		days: 3,
+		hours: 5,
+		minutes: 8,
+		months: 2,
+		seconds: 10
+	};
+	maximumFractionDigitsLong = {
+		days: 4,
+		hours: 8,
+		minutes: 10,
+		months: 2,
+		seconds: 12
+	};
+});
+
+//#endregion
+init_constants();
+export { init_constants, maximumFractionDigits, maximumFractionDigitsLong, multiplier };

package/dist/compositions/EstimateCost/helper.d.ts

@@ -0,0 +1,10 @@
+import type { Units } from './types';
+export declare const calculatePrice: ({ price, amount, amountFree, timeUnit, timeAmount, discount, }: {
+    price: number;
+    amount: number;
+    amountFree?: number;
+    timeUnit: Units;
+    timeAmount: number;
+    discount?: number;
+}) => number;
+//# sourceMappingURL=helper.d.ts.map

package/dist/compositions/EstimateCost/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/helper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,eAAO,MAAM,cAAc,mEAOxB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,WAQA,CAAA"}

package/dist/compositions/EstimateCost/helper.js

@@ -0,0 +1,16 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_constants, multiplier } from "./constants.js";
+
+//#region src/compositions/EstimateCost/helper.ts
+var calculatePrice;
+var init_helper = __esmMin(() => {
+	init_constants();
+	calculatePrice = ({ price, amount, amountFree = 0, timeUnit, timeAmount, discount = 0 }) => {
+		const nonNanTimeAmount = Number.isNaN(timeAmount) ? 0 : timeAmount;
+		return (price - price * discount) * (nonNanTimeAmount * multiplier[timeUnit]) * Math.max(amount - amountFree, 0);
+	};
+});
+
+//#endregion
+init_helper();
+export { calculatePrice, init_helper };

package/dist/compositions/EstimateCost/index.d.ts

@@ -0,0 +1,176 @@
+import estimateCostDefaultLocales from './locales/en';
+import type { EstimateCostProps } from './types';
+export declare function 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, compact, numberLocales, currency, style, onTotalPriceChange }: EstimateCostProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EstimateCost {
+    var LineThrough: ({ isActive, className, ...props }: import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+        isActive?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var 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;
+        animated?: boolean;
+        children?: import("react").ReactNode;
+        discount?: number;
+        discountText?: string;
+        hideFromOverlay?: boolean;
+        isDefined?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        isPrimaryBackground?: boolean;
+        iteration?: import("./types").Iteration;
+        label?: import("react").ReactNode;
+        labelTextVariant?: "body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeSmall" | "codeSmallStrong" | "codeSmallStronger" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger";
+        labelTextProminence?: "default" | "strong" | "stronger" | "weak" | undefined;
+        longFractionDigits?: boolean;
+        maxAmount?: number;
+        monthlyPrice?: number;
+        noBorder?: boolean;
+        noIteration?: boolean;
+        noIterationText?: string;
+        noPrice?: boolean;
+        notice?: string;
+        onAmountChange?: (amount: number) => void;
+        price?: number;
+        priceText?: import("react").ReactNode;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        };
+        shouldBeHidden?: boolean;
+        subLabel?: string;
+        tabulation?: number;
+        textNotDefined?: string;
+        tooltipInfo?: string;
+        unit?: 'mb' | 'gb' | 'tb' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | (string & NonNullable<unknown>);
+        strikeThrough?: boolean;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: {
+        amount?: number;
+        itemCallback?: (amount?: number | null, isVariant?: boolean) => void;
+        getAmountValue?: (amount?: number | null) => void;
+        minValue?: number;
+        maxValue?: number;
+        controls?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var 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("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Strong: import("react").MemoExoticComponent<({ variant, children, style }: {
+        variant?: 'normal' | 'small' | 'big' | 'capitalized';
+        children?: import("react").ReactNode;
+        isDisabledOnOverlay?: boolean;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: {
+        variant?: 'normal' | 'small' | 'big' | 'capitalized';
+        isDisabledOnOverlay?: boolean;
+        children?: import("react").ReactNode;
+        style?: import("react").CSSProperties;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
+}
+export declare namespace EstimateCost {
+    var Image: (props: import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, style, }: {
+        shouldBeHidden?: boolean;
+        priceText?: import("react").ReactNode;
+        animated?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        };
+        iteration?: import("./types").Iteration;
+        discount?: number;
+        label: string;
+        image: string;
+        noBorder?: boolean;
+        noPrice?: boolean;
+    } & Pick<{
+        amount?: number;
+        amountFree?: number;
+        animated?: boolean;
+        children?: import("react").ReactNode;
+        discount?: number;
+        discountText?: string;
+        hideFromOverlay?: boolean;
+        isDefined?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        isPrimaryBackground?: boolean;
+        iteration?: import("./types").Iteration;
+        label?: import("react").ReactNode;
+        labelTextVariant?: "body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeSmall" | "codeSmallStrong" | "codeSmallStronger" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger";
+        labelTextProminence?: "default" | "strong" | "stronger" | "weak" | undefined;
+        longFractionDigits?: boolean;
+        maxAmount?: number;
+        monthlyPrice?: number;
+        noBorder?: boolean;
+        noIteration?: boolean;
+        noIterationText?: string;
+        noPrice?: boolean;
+        notice?: string;
+        onAmountChange?: (amount: number) => void;
+        price?: number;
+        priceText?: import("react").ReactNode;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        };
+        shouldBeHidden?: boolean;
+        subLabel?: string;
+        tabulation?: number;
+        textNotDefined?: string;
+        tooltipInfo?: string;
+        unit?: 'mb' | 'gb' | 'tb' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | (string & NonNullable<unknown>);
+        strikeThrough?: boolean;
+        style?: import("react").CSSProperties;
+    }, "hideFromOverlay" | "style">) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: {
+        shouldBeHidden?: boolean;
+        priceText?: string;
+        animated?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        };
+        iteration?: import("./types").Iteration;
+        discount?: number;
+        label: string;
+        image: string;
+        noBorder?: boolean;
+        noPrice?: boolean;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Ellipsis: ({ children, maxWidth, 'data-testid': dataTestId, }: {
+        children: import("react").ReactNode;
+        maxWidth?: number;
+        'data-testid'?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export { estimateCostDefaultLocales };
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/EstimateCost/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/index.tsx"],"names":[],"mappings":"AAcA,OAAO,0BAA0B,MAAM,cAAc,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAS,MAAM,SAAS,CAAA;qCAI1B,EAC3B,WAAW,EACX,KAAK,EACL,UAAU,EACV,YAAwB,EACxB,eAAyB,EACzB,SAA6B,EAC7B,WAAmB,EACnB,kBAA0B,EAC1B,mBAA2B,EAC3B,YAAoB,EACpB,SAAiB,EACjB,QAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,MAAc,EACd,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,WAAqB,EACrB,QAAe,EACf,OAAoC,EACpC,OAAO,EACP,aAAuB,EACvB,QAAgB,EAChB,KAAK,EACL,kBAAkB,EACnB,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DpB,OAAO,EAAE,0BAA0B,EAAE,CAAA"}

package/dist/compositions/EstimateCost/index.js

@@ -0,0 +1,87 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import en_default, { init_en } from "./locales/en.js";
+import { EstimateCostProvider, init_EstimateCostProvider } from "./EstimateCostProvider.js";
+import { Item, init_Item } from "./Components/Item.js";
+import { LineThrough, init_LineThrough } from "./Components/LineThrough.js";
+import { Regular, init_Regular } from "./Components/Regular.js";
+import { NumberInput, init_NumberInput } from "./Components/NumberInput.js";
+import { Strong, init_Strong } from "./Components/Strong.js";
+import { Region, init_Region } from "./Components/Region.js";
+import { Unit, init_Unit } from "./Components/Unit.js";
+import { Zone, init_Zone } from "./Components/Zone.js";
+import { Ellipsis, init_Ellipsis } from "./Ellipsis.js";
+import { EstimateCostContent, init_EstimateCostContent } from "./EstimateCostContent.js";
+import { Image, init_Image } from "./Image.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/index.tsx
+var DEFAULT_UNIT_LIST, EstimateCost;
+var init_EstimateCost = __esmMin(() => {
+	init_Item();
+	init_LineThrough();
+	init_NumberInput();
+	init_Region();
+	init_Regular();
+	init_Strong();
+	init_Unit();
+	init_Zone();
+	init_Ellipsis();
+	init_EstimateCostContent();
+	init_EstimateCostProvider();
+	init_Image();
+	init_en();
+	DEFAULT_UNIT_LIST = [
+		"hours",
+		"days",
+		"months"
+	];
+	EstimateCost = ({ description, alert, alertTitle, alertVariant = "warning", defaultTimeUnit = "hours", timeUnits = DEFAULT_UNIT_LIST, hideOverlay = false, disableOverlayLeft = false, disableOverlayRight = false, hideTimeUnit = false, hideTotal = false, discount = 0, OverlayRight, OverlayLeft, overlayMargin, isBeta = false, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit = "hours", children = null, locales = en_default, compact, numberLocales = "en-EN", currency = "EUR", style, onTotalPriceChange }) => /* @__PURE__ */ jsx(EstimateCostProvider, {
+		currency,
+		locales,
+		numberLocales,
+		children: /* @__PURE__ */ jsx(EstimateCostContent, {
+			alert,
+			alertTitle,
+			alertVariant,
+			commitmentFees,
+			commitmentFeesContent,
+			compact,
+			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;
+	EstimateCost.Unit = Unit;
+	EstimateCost.Strong = Strong;
+	EstimateCost.Regular = Regular;
+	EstimateCost.Image = Image;
+	EstimateCost.Region = Region;
+	EstimateCost.Zone = Zone;
+	EstimateCost.Ellipsis = Ellipsis;
+});
+
+//#endregion
+init_EstimateCost();
+export { EstimateCost, en_default as estimateCostDefaultLocales, init_EstimateCost };

package/dist/compositions/EstimateCost/locales/en.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    readonly 'estimate.cost.az.label': 'Availability Zone';
+    readonly 'estimate.cost.beta.badge': 'Beta Version';
+    readonly 'estimate.cost.beta.discount': '% off during Beta';
+    readonly 'estimate.cost.beta.free': 'Free During Beta';
+    readonly 'estimate.cost.description': 'This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.';
+    readonly 'estimate.cost.fees.commitment': 'Commitment Fees';
+    readonly 'estimate.cost.fees.monthly.title': 'Each month';
+    readonly 'estimate.cost.fees.oneTime.title': 'One time fees';
+    readonly 'estimate.cost.label': 'Estimated cost';
+    readonly 'estimate.cost.notDefined': 'Not defined';
+    readonly 'estimate.cost.region.label': 'Region';
+    readonly 'estimate.cost.submit.label': 'Create';
+    readonly 'estimate.cost.units.days.label': 'Day(s)';
+    readonly 'estimate.cost.units.gb.label': 'GB';
+    readonly 'estimate.cost.units.hours.label': 'Hour(s)';
+    readonly 'estimate.cost.units.minutes.label': 'Minute(s)';
+    readonly 'estimate.cost.units.months.label': 'Month(s)';
+    readonly 'estimate.cost.units.seconds.label': 'Second(s)';
+    readonly 'estimate.cost.units.years.label': 'Year(s)';
+};
+export default _default;
+//# sourceMappingURL=en.d.ts.map

package/dist/compositions/EstimateCost/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/locales/en.ts"],"names":[],"mappings":";aACE,wBAAwB,EAAE,mBAAmB;aAC7C,0BAA0B,EAAE,cAAc;aAC1C,6BAA6B,EAAE,mBAAmB;aAClD,yBAAyB,EAAE,kBAAkB;aAC7C,2BAA2B,EACzB,uPAAuP;aACzP,+BAA+B,EAAE,iBAAiB;aAClD,kCAAkC,EAAE,YAAY;aAChD,kCAAkC,EAAE,eAAe;aACnD,qBAAqB,EAAE,gBAAgB;aACvC,0BAA0B,EAAE,aAAa;aACzC,4BAA4B,EAAE,QAAQ;aACtC,4BAA4B,EAAE,QAAQ;aACtC,gCAAgC,EAAE,QAAQ;aAC1C,8BAA8B,EAAE,IAAI;aACpC,iCAAiC,EAAE,SAAS;aAC5C,mCAAmC,EAAE,WAAW;aAChD,kCAAkC,EAAE,UAAU;aAC9C,mCAAmC,EAAE,WAAW;aAChD,iCAAiC,EAAE,SAAS;;AApB9C,wBAqBU"}

package/dist/compositions/EstimateCost/locales/en.js

@@ -0,0 +1,31 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/EstimateCost/locales/en.ts
+var en_default;
+var init_en = __esmMin(() => {
+	en_default = {
+		"estimate.cost.az.label": "Availability Zone",
+		"estimate.cost.beta.badge": "Beta Version",
+		"estimate.cost.beta.discount": "% off during Beta",
+		"estimate.cost.beta.free": "Free During Beta",
+		"estimate.cost.description": "This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.",
+		"estimate.cost.fees.commitment": "Commitment Fees",
+		"estimate.cost.fees.monthly.title": "Each month",
+		"estimate.cost.fees.oneTime.title": "One time fees",
+		"estimate.cost.label": "Estimated cost",
+		"estimate.cost.notDefined": "Not defined",
+		"estimate.cost.region.label": "Region",
+		"estimate.cost.submit.label": "Create",
+		"estimate.cost.units.days.label": "Day(s)",
+		"estimate.cost.units.gb.label": "GB",
+		"estimate.cost.units.hours.label": "Hour(s)",
+		"estimate.cost.units.minutes.label": "Minute(s)",
+		"estimate.cost.units.months.label": "Month(s)",
+		"estimate.cost.units.seconds.label": "Second(s)",
+		"estimate.cost.units.years.label": "Year(s)"
+	};
+});
+
+//#endregion
+init_en();
+export { en_default as default, init_en };

package/dist/compositions/EstimateCost/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/styles.css.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAC1C,eAAO,MAAM,gBAAgB,oBAAc,CAAA;AAgP3C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;YArLxB,IAAI;gBACF,UAAU;;;;;;;;;;;;;;;;;YAyEZ,IAAI;gBACF,MAAM;;;;;;;;;;;;;;;;;YA+BR,IAAI;gBACF,UAAU;;;;;;;;;gBA4BV,MAAM;gBACN,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFhB,CAAA"}