@ultraviolet/ui 3.11.1 → 3.12.0

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

@@ -1,168 +1,179 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { estimateCostTr } from "./components.css.js";
-import { maximumFractionDigits, maximumFractionDigitsLong, multiplier } from "../constants.js";
-import { useEstimateCost } from "../EstimateCostProvider.js";
-import { calculatePrice } from "../helper.js";
-import { useOverlay } from "../OverlayContext.js";
-import { estimateCostCell, estimateCostOverlayRow, estimateCostPriceCell, paddingLeftCell } from "../styles.css.js";
-import { ItemLeftSide } from "./ItemLeftSide.js";
-import { ItemPrice } from "./ItemPrice.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.115.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";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/compositions/EstimateCost/Components/Item.tsx
-const 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,
+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,
-			isVariant,
-			longFractionDigits,
+			productsCallback,
 			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,
+			isVariant,
 			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 ? estimateCostOverlayRow({
-			hideFromOverlay,
-			isFirstElement,
-			shouldBeHidden
-		}) : estimateCostTr,
-		style,
-		children: [/* @__PURE__ */ jsx(Cell, {
-			className: estimateCostCell({ hasBorder: !(isLastElement || noBorder || isOverlay) }),
-			style: assignInlineVars({ [paddingLeftCell]: `${(tabulation !== null && tabulation !== void 0 ? tabulation : 0) * 8 + 16}px` }),
-			children: /* @__PURE__ */ jsx(ItemLeftSide, {
+			isOverlay,
+			longFractionDigits
+		]);
+		const computedItemPrice = useMemo(() => {
+			var _iteration$value;
+			var _iteration$unit;
+			return calculatePrice({
 				amount,
-				animated,
+				amountFree,
 				discount,
-				discountText,
-				isDefined,
-				itemCallback,
-				label,
-				labelTextProminence,
-				labelTextVariant,
-				maxAmount,
-				notice,
-				subLabel,
-				textNotDefined,
-				tooltipInfo,
-				unit,
-				children
-			})
-		}), isOverlay ? null : /* @__PURE__ */ jsx("td", {
-			className: cn(estimateCostCell({
-				hasBorder: !(isLastElement || noBorder),
-				primary: isPrimaryBackground
-			}), estimateCostPriceCell),
-			style: assignInlineVars({ [paddingLeftCell]: "16px" }),
-			children: noPrice ? null : /* @__PURE__ */ jsx(ItemPrice, {
-				amount,
+				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,
-				computedItemPrice,
-				computedMaxItemPrice,
 				discount,
-				formatMaximumFractionDigits,
-				longFractionDigits,
-				maxAmount,
-				maximumFractionDigits,
-				maximumFractionDigitsLong,
-				noIteration,
-				noIterationText,
 				price,
-				priceText,
-				strikeThrough,
-				unit
-			})
-		})]
+				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
-export { Item };
+init_Item();
+export { Item, init_Item };

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

@@ -1 +1 @@
-{"version":3,"file":"ItemLeftSide.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/ItemLeftSide.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAkBjD,eAAO,MAAM,YAAY,gQA8FxB,CAAA"}
+{"version":3,"file":"ItemLeftSide.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/ItemLeftSide.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAUjD,eAAO,MAAM,YAAY,gQA8FxB,CAAA"}

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

@@ -1,75 +1,88 @@
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../../Stack/index.js";
-import { Tooltip } from "../../../Tooltip/index.js";
-import { Text } from "../../../Text/index.js";
-import { Badge } from "../../../Badge/index.js";
-import { estimateCostBadgeItem, estimateCostLeftSide, estimateCostMaxWidthText, estimateCostResourceName, estimateCostTextItem, estimateCostTooltip, styledDiv } from "./components.css.js";
-import { useEstimateCost } from "../EstimateCostProvider.js";
-import { useOverlay } from "../OverlayContext.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { Badge, init_Badge } from "../../../Badge/index.js";
+import { estimateCostMaxWidthText, init_components_css } from "./components.css.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 { Children, cloneElement, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HelpCircleOutlineIcon } from "@ultraviolet/icons/HelpCircleOutlineIcon";
 
 //#region src/components/compositions/EstimateCost/Components/ItemLeftSide.tsx
-const 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 ? "" : estimateCostLeftSide,
-		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
+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
 				}),
-				tooltipInfo ? /* @__PURE__ */ jsx("div", {
-					className: styledDiv,
-					children: /* @__PURE__ */ jsx(Tooltip, {
-						className: estimateCostTooltip,
-						text: tooltipInfo,
-						children: /* @__PURE__ */ jsx(HelpCircleOutlineIcon, { size: "medium" })
-					})
-				}) : null,
-				subLabel && !isOverlay ? /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					className: estimateCostTextItem,
-					italic: true,
-					sentiment: "primary",
-					variant: "body",
-					children: subLabel
-				}) : null,
-				discount > 0 && discountText ? /* @__PURE__ */ jsx(Badge, {
-					className: estimateCostBadgeItem,
-					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: estimateCostResourceName({
-				isAnimated: isOverlay && animated,
-				isOverlay
-			}),
-			children: isDefined ? Children.map(children, (child) => isValidElement(child) ? cloneElement(child, {
-				amount,
-				itemCallback,
-				maxAmount,
-				unit
-			}) : null) : textNotDefined || locales["estimate.cost.notDefined"]
-		})]
-	});
-};
+				children: isDefined ? Children.map(children, (child) => isValidElement(child) ? cloneElement(child, {
+					amount,
+					itemCallback,
+					maxAmount,
+					unit
+				}) : null) : textNotDefined || locales["estimate.cost.notDefined"]
+			})]
+		});
+	};
+});
 
 //#endregion
-export { ItemLeftSide };
+init_ItemLeftSide();
+export { ItemLeftSide, init_ItemLeftSide };

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

@@ -1,54 +1,61 @@
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Text } from "../../../Text/index.js";
-import { useEstimateCost } from "../EstimateCostProvider.js";
-import { calculatePrice } from "../helper.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../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/components/compositions/EstimateCost/Components/ItemPrice.tsx
-const TIME_RELATED_UNIT = [
-	"seconds",
-	"minutes",
-	"hours",
-	"days",
-	"months"
-];
-const 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] });
-};
+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
-export { ItemPrice };
+init_ItemPrice();
+export { ItemPrice, init_ItemPrice };

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

@@ -1,18 +1,25 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
-import { estimateCostLineThrough } from "./components.css.js";
-import { jsx } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.115.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/components/compositions/EstimateCost/Components/LineThrough.tsx
-const _excluded = ["isActive", "className"];
-const LineThrough = (_ref) => {
-	let { isActive, className } = _ref;
-	let props = _objectWithoutProperties(_ref, _excluded);
-	return /* @__PURE__ */ jsx("span", _objectSpread2({ className: cn(className, isActive ? estimateCostLineThrough : "") }, props));
-};
+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
-export { LineThrough };
+init_LineThrough();
+export { LineThrough, init_LineThrough };