@ultraviolet/ui 3.10.1 → 3.11.0

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

@@ -0,0 +1,168 @@
+'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 { memo, useCallback, useEffect, useId, useMemo, useState } from "react";
+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,
+			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 ? 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, {
+				amount,
+				animated,
+				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,
+				amountFree,
+				computedItemPrice,
+				computedMaxItemPrice,
+				discount,
+				formatMaximumFractionDigits,
+				longFractionDigits,
+				maxAmount,
+				maximumFractionDigits,
+				maximumFractionDigitsLong,
+				noIteration,
+				noIterationText,
+				price,
+				priceText,
+				strikeThrough,
+				unit
+			})
+		})]
+	});
+});
+
+//#endregion
+export { Item };

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

@@ -0,0 +1,3 @@
+import type { ItemLeftSideProps } from '../types';
+export declare const ItemLeftSide: ({ label, tooltipInfo, subLabel, discount, discountText, notice, isDefined, animated, children, amount, itemCallback, maxAmount, unit, textNotDefined, labelTextVariant, labelTextProminence, }: ItemLeftSideProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItemLeftSide.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,75 @@
+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 { 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
+				}),
+				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"]
+		})]
+	});
+};
+
+//#endregion
+export { ItemLeftSide };

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

@@ -0,0 +1,3 @@
+import type { ItemPriceProps } from '../types';
+export declare const ItemPrice: ({ computedItemPrice, computedMaxItemPrice, strikeThrough, noIterationText, priceText, formatMaximumFractionDigits, amount, amountFree, maxAmount, noIteration, discount, price, longFractionDigits, maximumFractionDigitsLong, maximumFractionDigits, unit, }: ItemPriceProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItemPrice.d.ts.map

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

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

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

@@ -0,0 +1,54 @@
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text } from "../../../Text/index.js";
+import { useEstimateCost } from "../EstimateCostProvider.js";
+import { calculatePrice } 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] });
+};
+
+//#endregion
+export { ItemPrice };

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

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+type LineThroughProps = ComponentProps<'span'> & {
+    isActive?: boolean;
+};
+export declare const LineThrough: ({ isActive, className, ...props }: LineThroughProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LineThrough.d.ts.map

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

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

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

@@ -0,0 +1,18 @@
+'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 { cn } from "@ultraviolet/utils";
+
+//#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));
+};
+
+//#endregion
+export { LineThrough };

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

@@ -0,0 +1,11 @@
+type NumberInputProps = {
+    amount?: number;
+    itemCallback?: (amount?: number | null, isVariant?: boolean) => void;
+    getAmountValue?: (amount?: number | null) => void;
+    minValue?: number;
+    maxValue?: number;
+    controls?: boolean;
+};
+export declare const NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/NumberInput.tsx"],"names":[],"mappings":"AAQA,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,wIAiCvB,CAAA"}

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

@@ -0,0 +1,35 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { estimateCostItemResourceName } from "./components.css.js";
+import { useOverlay } from "../OverlayContext.js";
+import { NumberInput as NumberInput$1 } from "../../../NumberInput/index.js";
+import { Regular } from "./Regular.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/EstimateCost/Components/NumberInput.tsx
+const 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: estimateCostItemResourceName(),
+		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
+export { NumberInput };

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

@@ -0,0 +1,23 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
+import { Item } from './Item';
+type RegionProps = {
+    shouldBeHidden?: boolean;
+    priceText?: ReactNode;
+    animated?: boolean;
+    isFirstElement?: boolean;
+    isLastElement?: boolean;
+    productsCallback?: {
+        add: (product: EstimateProduct) => void;
+        remove: (product: BareEstimateProduct) => void;
+    };
+    iteration?: Iteration;
+    discount?: number;
+    label: string;
+    image: string;
+    noBorder?: boolean;
+    noPrice?: boolean;
+} & Pick<ComponentProps<typeof Item>, 'hideFromOverlay' | 'style'>;
+export declare const Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, style, }: RegionProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Region.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Region.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Region.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,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,wQAgDlB,CAAA"}

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

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

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

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode } from 'react';
+type RegularProps = {
+    variant?: 'normal' | 'small' | 'big' | 'capitalized';
+    isDisabledOnOverlay?: boolean;
+    children?: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+};
+export declare const Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: RegularProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};
+//# sourceMappingURL=Regular.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Regular.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Regular.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,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,sKAmBnB,CAAA"}

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

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

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

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+type StrongProps = {
+    variant?: 'normal' | 'small' | 'big' | 'capitalized';
+    children?: ReactNode;
+    isDisabledOnOverlay?: boolean;
+    style?: CSSProperties;
+};
+export declare const Strong: import("react").MemoExoticComponent<({ variant, children, style }: StrongProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Strong.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Strong.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Strong.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,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,6HAYlB,CAAA"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { estimateCostRegular, estimateCostStrong } from "./components.css.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
+
+//#region src/components/compositions/EstimateCost/Components/Strong.tsx
+const Strong = memo(({ variant = "normal", children = null, style }) => /* @__PURE__ */ jsx("div", {
+	className: cn(estimateCostRegular({ variant }), estimateCostStrong({ variant })),
+	style,
+	children
+}));
+
+//#endregion
+export { Strong };

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

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'react';
+type UnitProps = {
+    amount?: number;
+    itemCallback?: (amount?: number, isVariant?: boolean) => void;
+    getAmountValue?: (amount?: number) => void;
+    unit?: string;
+    style?: CSSProperties;
+};
+export declare const Unit: ({ amount, itemCallback, getAmountValue, unit, style, }: UnitProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Unit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Unit.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Unit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAU1C,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,gHAwChB,CAAA"}

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

@@ -0,0 +1,50 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { estimateCostItemResourceName, estimateCostNumberInput } from "./components.css.js";
+import { useOverlay } from "../OverlayContext.js";
+import { NumberInput } from "../../../NumberInput/index.js";
+import { Regular } from "./Regular.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/EstimateCost/Components/Unit.tsx
+const Unit = ({ amount, itemCallback, getAmountValue, unit, style }) => {
+	const { isOverlay } = useOverlay();
+	const [capacity, setCapacity] = useState(amount === 0 ? void 0 : amount);
+	useEffect(() => {
+		setCapacity(amount);
+		itemCallback === null || itemCallback === void 0 || itemCallback(amount, true);
+		getAmountValue === null || getAmountValue === void 0 || getAmountValue(amount);
+	}, [
+		getAmountValue,
+		itemCallback,
+		capacity,
+		amount
+	]);
+	return isOverlay ? /* @__PURE__ */ jsx("div", {
+		className: estimateCostItemResourceName(),
+		style,
+		children: /* @__PURE__ */ jsx(Regular, { children: capacity })
+	}) : /* @__PURE__ */ jsx("div", {
+		style: _objectSpread2({ 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 === null || itemCallback === void 0 || itemCallback(newCapacity, true);
+				getAmountValue === null || getAmountValue === void 0 || getAmountValue(capacity);
+			},
+			placeholder: "00",
+			size: "small",
+			unit,
+			value: capacity
+		})
+	});
+};
+
+//#endregion
+export { Unit };

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

@@ -0,0 +1,23 @@
+import type { CSSProperties } from 'react';
+import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
+type RegionProps = {
+    shouldBeHidden?: boolean;
+    priceText?: string;
+    animated?: boolean;
+    isFirstElement?: boolean;
+    isLastElement?: boolean;
+    productsCallback?: {
+        add: (product: EstimateProduct) => void;
+        remove: (product: BareEstimateProduct) => void;
+    };
+    iteration?: Iteration;
+    discount?: number;
+    label: string;
+    image: string;
+    noBorder?: boolean;
+    noPrice?: boolean;
+    style?: CSSProperties;
+};
+export declare const Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: RegionProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Zone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zone.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Zone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAI/E,KAAK,WAAW,GAAG;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,uPA8ChB,CAAA"}