@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/compositions/EstimateCost/Components/Description.js

@@ -0,0 +1,19 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/Description.tsx
+var Description;
+var init_Description = __esmMin(() => {
+	init_Text();
+	Description = memo(({ description, locales }) => description === void 0 || typeof description === "string" ? /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		variant: "body",
+		children: description || locales["estimate.cost.description"]
+	}) : description);
+});
+
+//#endregion
+init_Description();
+export { Description, init_Description };

package/dist/compositions/EstimateCost/Components/Item.d.ts

@@ -0,0 +1,118 @@
+import type { Text } from '../../../components/Text';
+import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+type ItemProps = {
+    amount?: number;
+    /**
+     * Number of items that are free. It will be deducted to price of the item.
+     */
+    amountFree?: number;
+    /**
+     * if true, zoomIn animation is triggered
+     */
+    animated?: boolean;
+    children?: ReactNode;
+    discount?: number;
+    discountText?: string;
+    /**
+     * Hide element from overlay
+     */
+    hideFromOverlay?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isDefined?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isFirstElement?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isLastElement?: boolean;
+    isPrimaryBackground?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    iteration?: Iteration;
+    /**
+     * String that is displayed on left part of the item, it defines the item
+     */
+    label?: ReactNode;
+    /**
+     * Changes label typography variant
+     */
+    labelTextVariant?: ComponentProps<typeof Text>['variant'];
+    /**
+     * Changes label typography prominence
+     */
+    labelTextProminence?: ComponentProps<typeof Text>['prominence'];
+    /**
+     * If your price has a lot of number after decimal point (ex: 0.0000076) - up 8 fraction digits
+     */
+    longFractionDigits?: boolean;
+    /**
+     * Create a range price with [amount - maxAmount] values and prices
+     */
+    maxAmount?: number;
+    /**
+     * Price per month
+     */
+    monthlyPrice?: number;
+    /**
+     * Remove border bottom of the item
+     */
+    noBorder?: boolean;
+    /**
+     * If the price of the item is not based on time enable this prop. ex: 5kg of chocolate is same price over 1 month or 1 hour.
+     */
+    noIteration?: boolean;
+    noIterationText?: string;
+    /**
+     * Remove the price on the right section of the table
+     */
+    noPrice?: boolean;
+    /**
+     * Notice to display below the label
+     */
+    notice?: string;
+    onAmountChange?: (amount: number) => void;
+    /**
+     * Hourly price for one unit
+     */
+    price?: number;
+    priceText?: ReactNode;
+    productsCallback?: {
+        add: (product: EstimateProduct) => void;
+        remove: (product: BareEstimateProduct) => void;
+    };
+    /**
+     * Hide item from overlay if screen width is small
+     */
+    shouldBeHidden?: boolean;
+    /**
+     * Display a complementary text on the right of the label
+     */
+    subLabel?: string;
+    /**
+     * Increase left padding of the item like
+     */
+    tabulation?: number;
+    /**
+     * Text to display in case of not defined value
+     */
+    textNotDefined?: string;
+    /**
+     * Display near label, an icon with a tooltip that contains your text
+     */
+    tooltipInfo?: string;
+    /**
+     * Unit of your item, examples: GB, MB, Node, Queries, etc.
+     */
+    unit?: 'mb' | 'gb' | 'tb' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | (string & NonNullable<unknown>);
+    strikeThrough?: boolean;
+    style?: CSSProperties;
+};
+export declare const 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, }: ItemProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/dist/compositions/EstimateCost/Components/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Item.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,SAAS,EAEV,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;IACzD;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAA;IAC/D;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gBAAgB,CAAC,EAAE;QACjB,GAAG,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;KAC/C,CAAA;IACD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EACD,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GAEP,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAInC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,qiBAqCZ,SAAS,6CAuMb,CAAA"}

package/dist/compositions/EstimateCost/Components/Item.js

@@ -0,0 +1,179 @@
+'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 { init_constants, maximumFractionDigits, maximumFractionDigitsLong, multiplier } from "../constants.js";
+import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
+import { calculatePrice, init_helper } from "../helper.js";
+import { init_OverlayContext, useOverlay } from "../OverlayContext.js";
+import { estimateCostStyle, init_styles_css, paddingLeftCell } from "../styles.css.js";
+import { ItemLeftSide, init_ItemLeftSide } from "./ItemLeftSide.js";
+import { ItemPrice, init_ItemPrice } from "./ItemPrice.js";
+import { memo, useCallback, useEffect, useId, useMemo, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/Item.tsx
+var Item;
+var init_Item = __esmMin(() => {
+	init_constants();
+	init_EstimateCostProvider();
+	init_helper();
+	init_OverlayContext();
+	init_styles_css();
+	init_ItemLeftSide();
+	init_ItemPrice();
+	init_objectSpread2();
+	Item = memo(({ discount = 0, priceText, discountText, label, tooltipInfo, subLabel = "", price: basePrice = 0, monthlyPrice = 0, unit: baseUnit, amount: currentAmount = 1, onAmountChange, amountFree = 0, maxAmount = 0, longFractionDigits = false, noIteration = false, noIterationText, noBorder, noPrice, isDefined = true, children = null, isFirstElement = false, isLastElement = false, isPrimaryBackground = false, productsCallback, iteration: receivedIteration, shouldBeHidden = false, hideFromOverlay = false, textNotDefined, animated = false, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style }) => {
+		const { locales } = useEstimateCost();
+		let iteration;
+		if (noIteration) iteration = _objectSpread2(_objectSpread2({}, receivedIteration !== null && receivedIteration !== void 0 ? receivedIteration : { value: 0 }), {}, { unit: "hours" });
+		else iteration = receivedIteration;
+		const price = useMemo(() => {
+			if (monthlyPrice && basePrice === 0) return monthlyPrice / multiplier.months;
+			return basePrice;
+		}, [basePrice, monthlyPrice]);
+		const unit = useMemo(() => {
+			if (!baseUnit) return locales["estimate.cost.units.gb.label"];
+			return baseUnit;
+		}, [baseUnit, locales]);
+		const { isOverlay } = useOverlay();
+		const Row = isOverlay ? "li" : "tr";
+		const Cell = isOverlay ? "div" : "td";
+		const [amount, setAmount] = useState(currentAmount);
+		const [isVariant, setIsVariant] = useState(false);
+		useEffect(() => setAmount(currentAmount), [setAmount, currentAmount]);
+		useEffect(() => onAmountChange === null || onAmountChange === void 0 ? void 0 : onAmountChange(amount), [onAmountChange, amount]);
+		const itemCallback = useCallback((localAmount, localIsVariant) => {
+			setAmount(localAmount);
+			setIsVariant(localIsVariant);
+		}, [setAmount, setIsVariant]);
+		const id = useId();
+		useEffect(() => () => productsCallback === null || productsCallback === void 0 ? void 0 : productsCallback.remove({ id }), [id, productsCallback]);
+		useEffect(() => {
+			if (!isOverlay) productsCallback === null || productsCallback === void 0 || productsCallback.add({
+				amount,
+				amountFree,
+				discount,
+				id,
+				isVariant,
+				longFractionDigits,
+				maxAmount,
+				noIteration,
+				price
+			});
+		}, [
+			price,
+			discount,
+			amount,
+			id,
+			productsCallback,
+			maxAmount,
+			noIteration,
+			isVariant,
+			amountFree,
+			isOverlay,
+			longFractionDigits
+		]);
+		const computedItemPrice = useMemo(() => {
+			var _iteration$value;
+			var _iteration$unit;
+			return calculatePrice({
+				amount,
+				amountFree,
+				discount,
+				price,
+				timeAmount: noIteration ? 1 : (_iteration$value = iteration === null || iteration === void 0 ? void 0 : iteration.value) !== null && _iteration$value !== void 0 ? _iteration$value : 1,
+				timeUnit: noIteration ? "hours" : (_iteration$unit = iteration === null || iteration === void 0 ? void 0 : iteration.unit) !== null && _iteration$unit !== void 0 ? _iteration$unit : "hours"
+			});
+		}, [
+			price,
+			amount,
+			amountFree,
+			iteration,
+			noIteration,
+			discount
+		]);
+		const computedMaxItemPrice = useMemo(() => {
+			var _iteration$value2;
+			var _iteration$unit2;
+			return calculatePrice({
+				amount: maxAmount,
+				amountFree,
+				discount,
+				price,
+				timeAmount: noIteration ? 1 : (_iteration$value2 = iteration === null || iteration === void 0 ? void 0 : iteration.value) !== null && _iteration$value2 !== void 0 ? _iteration$value2 : 1,
+				timeUnit: noIteration ? "hours" : (_iteration$unit2 = iteration === null || iteration === void 0 ? void 0 : iteration.unit) !== null && _iteration$unit2 !== void 0 ? _iteration$unit2 : "hours"
+			});
+		}, [
+			price,
+			maxAmount,
+			amountFree,
+			iteration,
+			noIteration,
+			discount
+		]);
+		const formatMaximumFractionDigits = useMemo(() => {
+			if (!(iteration === null || iteration === void 0 ? void 0 : iteration.unit)) return;
+			return longFractionDigits ? maximumFractionDigitsLong[iteration === null || iteration === void 0 ? void 0 : iteration.unit] : maximumFractionDigits[iteration === null || iteration === void 0 ? void 0 : iteration.unit];
+		}, [iteration === null || iteration === void 0 ? void 0 : iteration.unit, longFractionDigits]);
+		return /* @__PURE__ */ jsxs(Row, {
+			className: isOverlay ? estimateCostStyle.overlayRow({
+				hideFromOverlay,
+				isFirstElement,
+				shouldBeHidden
+			}) : estimateCostStyle.tr,
+			style,
+			children: [/* @__PURE__ */ jsx(Cell, {
+				className: estimateCostStyle.cell({ hasBorder: !(isLastElement || noBorder || isOverlay) }),
+				style: assignInlineVars({ [paddingLeftCell]: `${(tabulation !== null && tabulation !== void 0 ? tabulation : 0) * 8 + 16}px` }),
+				children: /* @__PURE__ */ jsx(ItemLeftSide, {
+					amount,
+					animated,
+					discount,
+					discountText,
+					isDefined,
+					itemCallback,
+					label,
+					labelTextProminence,
+					labelTextVariant,
+					maxAmount,
+					notice,
+					subLabel,
+					textNotDefined,
+					tooltipInfo,
+					unit,
+					children
+				})
+			}), isOverlay ? null : /* @__PURE__ */ jsx("td", {
+				className: cn(estimateCostStyle.cell({
+					hasBorder: !(isLastElement || noBorder),
+					primary: isPrimaryBackground
+				}), estimateCostStyle.priceCell),
+				style: assignInlineVars({ [paddingLeftCell]: "16px" }),
+				children: noPrice ? null : /* @__PURE__ */ jsx(ItemPrice, {
+					amount,
+					amountFree,
+					computedItemPrice,
+					computedMaxItemPrice,
+					discount,
+					formatMaximumFractionDigits,
+					longFractionDigits,
+					maxAmount,
+					maximumFractionDigits,
+					maximumFractionDigitsLong,
+					noIteration,
+					noIterationText,
+					price,
+					priceText,
+					strikeThrough,
+					unit
+				})
+			})]
+		});
+	});
+});
+
+//#endregion
+init_Item();
+export { Item, init_Item };

package/dist/compositions/EstimateCost/Components/ItemLeftSide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemLeftSide.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/ItemLeftSide.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AASjD,eAAO,MAAM,YAAY,mMAiBtB,iBAAiB,4CA6EnB,CAAA"}

package/dist/compositions/EstimateCost/Components/ItemLeftSide.js

@@ -0,0 +1,88 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../components/Tooltip/index.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { Badge, init_Badge } from "../../../components/Badge/index.js";
+import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
+import { init_OverlayContext, useOverlay } from "../OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { estimateCostMaxWidthText, init_components_css } from "./components.css.js";
+import { Children, cloneElement, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HelpCircleOutlineIcon } from "@ultraviolet/icons/HelpCircleOutlineIcon";
+
+//#region src/compositions/EstimateCost/Components/ItemLeftSide.tsx
+var ItemLeftSide;
+var init_ItemLeftSide = __esmMin(() => {
+	init_Badge();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_EstimateCostProvider();
+	init_OverlayContext();
+	init_styles_css();
+	init_components_css();
+	ItemLeftSide = ({ label, tooltipInfo, subLabel, discount, discountText, notice, isDefined, animated, children, amount, itemCallback, maxAmount, unit, textNotDefined, labelTextVariant, labelTextProminence }) => {
+		const LeftSide = "div";
+		const { isOverlay } = useOverlay();
+		const { locales } = useEstimateCost();
+		return /* @__PURE__ */ jsxs(LeftSide, {
+			className: isOverlay ? "" : estimateCostStyle.leftSide,
+			children: [/* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: labelTextProminence !== null && labelTextProminence !== void 0 ? labelTextProminence : "default",
+						variant: labelTextVariant !== null && labelTextVariant !== void 0 ? labelTextVariant : "body",
+						children: label
+					}),
+					tooltipInfo ? /* @__PURE__ */ jsx("div", {
+						className: estimateCostStyle.div,
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							className: estimateCostStyle.tooltip,
+							text: tooltipInfo,
+							children: /* @__PURE__ */ jsx(HelpCircleOutlineIcon, { size: "medium" })
+						})
+					}) : null,
+					subLabel && !isOverlay ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: estimateCostStyle.textItem,
+						italic: true,
+						sentiment: "primary",
+						variant: "body",
+						children: subLabel
+					}) : null,
+					discount > 0 && discountText ? /* @__PURE__ */ jsx(Badge, {
+						className: estimateCostStyle.badgeItem,
+						prominence: "strong",
+						sentiment: "warning",
+						size: "small",
+						children: discountText
+					}) : null
+				]
+			}), notice ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				className: estimateCostMaxWidthText,
+				prominence: "weak",
+				variant: "caption",
+				children: notice
+			}) : null] }), /* @__PURE__ */ jsx("div", {
+				className: estimateCostStyle.resourceName({
+					isAnimated: isOverlay && animated,
+					isOverlay
+				}),
+				children: isDefined ? Children.map(children, (child) => isValidElement(child) ? cloneElement(child, {
+					amount,
+					itemCallback,
+					maxAmount,
+					unit
+				}) : null) : textNotDefined || locales["estimate.cost.notDefined"]
+			})]
+		});
+	};
+});
+
+//#endregion
+init_ItemLeftSide();
+export { ItemLeftSide, init_ItemLeftSide };

package/dist/compositions/EstimateCost/Components/ItemPrice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemPrice.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/ItemPrice.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,UAAU,CAAA;AAUrD,eAAO,MAAM,SAAS,kQAiBnB,cAAc,4CAiEhB,CAAA"}

package/dist/compositions/EstimateCost/Components/ItemPrice.js

@@ -0,0 +1,61 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
+import { calculatePrice, init_helper } from "../helper.js";
+import { Fragment, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/ItemPrice.tsx
+var TIME_RELATED_UNIT, ItemPrice;
+var init_ItemPrice = __esmMin(() => {
+	init_Text();
+	init_EstimateCostProvider();
+	init_helper();
+	TIME_RELATED_UNIT = [
+		"seconds",
+		"minutes",
+		"hours",
+		"days",
+		"months"
+	];
+	ItemPrice = ({ computedItemPrice, computedMaxItemPrice, strikeThrough, noIterationText, priceText, formatMaximumFractionDigits, amount, amountFree, maxAmount, noIteration, discount, price, longFractionDigits, maximumFractionDigitsLong, maximumFractionDigits, unit }) => {
+		const { locales, formatNumber } = useEstimateCost();
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, {
+			as: "p",
+			placement: "right",
+			prominence: computedItemPrice === 0 && computedMaxItemPrice === 0 ? "weak" : "default",
+			sentiment: computedItemPrice === 0 && computedMaxItemPrice === 0 ? "neutral" : "primary",
+			strikeThrough,
+			variant: noIterationText ? "headingSmall" : "bodyStrong",
+			children: [
+				priceText,
+				priceText ? null : formatNumber(computedItemPrice, { maximumFractionDigits: formatMaximumFractionDigits }),
+				noIterationText ? /* @__PURE__ */ jsxs(Text, {
+					as: "span",
+					sentiment: "primary",
+					variant: "bodySmall",
+					children: ["/", noIterationText]
+				}) : null,
+				!priceText && computedMaxItemPrice > 0 ? ` - ${formatNumber(computedMaxItemPrice, { maximumFractionDigits: formatMaximumFractionDigits })}` : null
+			]
+		}), amount - amountFree !== 1 && computedItemPrice > 0 || maxAmount > 0 && computedMaxItemPrice > 0 ? /* @__PURE__ */ jsxs(Text, {
+			as: "p",
+			placement: "right",
+			variant: "body",
+			children: [
+				formatNumber(calculatePrice({
+					amount: 1,
+					discount,
+					price,
+					timeAmount: 1,
+					timeUnit: "hours"
+				}), { maximumFractionDigits: longFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours }),
+				TIME_RELATED_UNIT.includes(unit) ? locales[`estimate.cost.units.${unit}.label`].toLowerCase() : `/${unit}`,
+				noIteration ? null : `/${locales["estimate.cost.units.hours.label"].toLowerCase()}`
+			]
+		}) : null] });
+	};
+});
+
+//#endregion
+init_ItemPrice();
+export { ItemPrice, init_ItemPrice };

package/dist/compositions/EstimateCost/Components/LineThrough.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineThrough.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/LineThrough.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,sCAIrB,gBAAgB,4CAMlB,CAAA"}

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

@@ -0,0 +1,25 @@
+'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 { _objectWithoutProperties, init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.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/Components/LineThrough.tsx
+var _excluded, LineThrough;
+var init_LineThrough = __esmMin(() => {
+	init_styles_css();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = ["isActive", "className"];
+	LineThrough = (_ref) => {
+		let { isActive, className } = _ref;
+		let props = _objectWithoutProperties(_ref, _excluded);
+		return /* @__PURE__ */ jsx("span", _objectSpread2({ className: cn(className, isActive ? estimateCostStyle.lineThrough : "") }, props));
+	};
+});
+
+//#endregion
+init_LineThrough();
+export { LineThrough, init_LineThrough };

package/dist/compositions/EstimateCost/Components/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/NumberInput.tsx"],"names":[],"mappings":"AAUA,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,4EAOrB,gBAAgB,4CA0BlB,CAAA"}

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

@@ -0,0 +1,43 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_OverlayContext, useOverlay } from "../OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { NumberInput as NumberInput$1, init_NumberInput as init_NumberInput$1 } from "../../../components/NumberInput/index.js";
+import { Regular, init_Regular } from "./Regular.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/NumberInput.tsx
+var NumberInput;
+var init_NumberInput = __esmMin(() => {
+	init_NumberInput$1();
+	init_OverlayContext();
+	init_styles_css();
+	init_Regular();
+	NumberInput = ({ amount, minValue = 0, maxValue = 100, getAmountValue, itemCallback, controls = true }) => {
+		const { isOverlay } = useOverlay();
+		const [value, setValue] = useState(amount);
+		useEffect(() => {
+			getAmountValue === null || getAmountValue === void 0 || getAmountValue(amount);
+		}, [getAmountValue, amount]);
+		return isOverlay ? /* @__PURE__ */ jsx("div", {
+			className: estimateCostStyle.resourceName(),
+			children: /* @__PURE__ */ jsx(Regular, { children: amount })
+		}) : /* @__PURE__ */ jsx(NumberInput$1, {
+			controls,
+			max: maxValue,
+			min: minValue,
+			onChange: (newValue) => {
+				setValue(newValue);
+				itemCallback === null || itemCallback === void 0 || itemCallback(newValue, true);
+				getAmountValue === null || getAmountValue === void 0 || getAmountValue(newValue);
+			},
+			size: "small",
+			value
+		});
+	};
+});
+
+//#endregion
+init_NumberInput();
+export { NumberInput, init_NumberInput };

package/dist/compositions/EstimateCost/Components/Region.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Region.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Region.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,WAAW,GAAG;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE;QACjB,GAAG,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;KAC/C,CAAA;IACD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,CAAA;AAElE,eAAO,MAAM,MAAM,gNAgBd,WAAW,6CAgCf,CAAA"}

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

@@ -0,0 +1,46 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { Item, init_Item } from "./Item.js";
+import { Strong, init_Strong } from "./Strong.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/Region.tsx
+var Region;
+var init_Region = __esmMin(() => {
+	init_EstimateCostProvider();
+	init_styles_css();
+	init_Item();
+	init_Strong();
+	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: estimateCostStyle.image,
+				height: "auto",
+				src: image,
+				width: "auto"
+			}), label] })
+		});
+	});
+});
+
+//#endregion
+init_Region();
+export { Region, init_Region };

package/dist/compositions/EstimateCost/Components/Regular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Regular.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Regular.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,YAAY,GAAG;IAClB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAA;IACpD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,OAAO,sGAOf,YAAY,oDAehB,CAAA"}

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

@@ -0,0 +1,29 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_OverlayContext, useOverlay } from "../OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { memo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/Regular.tsx
+var Regular;
+var init_Regular = __esmMin(() => {
+	init_OverlayContext();
+	init_styles_css();
+	Regular = memo(({ variant = "normal", isDisabledOnOverlay = false, children = null, className, style }) => {
+		const { isOverlay } = useOverlay();
+		return isDisabledOnOverlay && isOverlay ? null : /* @__PURE__ */ jsx("div", {
+			className: cn(className, estimateCostStyle.regular({
+				isOverlay,
+				variant
+			})),
+			style,
+			children
+		});
+	});
+});
+
+//#endregion
+init_Regular();
+export { Regular, init_Regular };

package/dist/compositions/EstimateCost/Components/Strong.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Strong.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Strong.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAA;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,MAAM,qEACgC,WAAW,6CAW7D,CAAA"}