@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1,21 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.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/Strong.tsx
+var Strong;
+var init_Strong = __esmMin(() => {
+	init_styles_css();
+	Strong = memo(({ variant = "normal", children = null, style }) => /* @__PURE__ */ jsx("div", {
+		className: cn(estimateCostStyle.regular({ variant }), estimateCostStyle.strong({ variant })),
+		style,
+		children
+	}));
+});
+
+//#endregion
+init_Strong();
+export { Strong, init_Strong };

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

@@ -0,0 +1,5 @@
+import type { LocalesType } from '../types';
+export declare const Title: import("react").MemoExoticComponent<({ locales }: {
+    locales: LocalesType;
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Title.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,KAAK,oDAAsB;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,6CAS9D,CAAA"}

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

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
+
+//#region src/compositions/EstimateCost/Components/Title.tsx
+var Title;
+var init_Title = __esmMin(() => {
+	init_styles_css();
+	Title = memo(({ locales }) => /* @__PURE__ */ jsxs("h3", {
+		className: estimateCostStyle.title,
+		children: [/* @__PURE__ */ jsx(CalculatorIcon, {
+			className: estimateCostStyle.calculatorIcon,
+			sentiment: "primary",
+			size: "medium"
+		}), locales === null || locales === void 0 ? void 0 : locales["estimate.cost.label"]]
+	}));
+});
+
+//#endregion
+init_Title();
+export { Title, init_Title };

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

@@ -0,0 +1,3 @@
+import type { TotalContentProps } from '../types';
+export declare const Total: ({ isBeta, discount, totalValue, totalPrice, totalMaxValue, hideHourlyPriceOnTotal, isLongFractionDigits, }: TotalContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Total.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Total.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Total.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,eAAO,MAAM,KAAK,+GAQf,iBAAiB,4CAmFnB,CAAA"}

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

@@ -0,0 +1,77 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { Badge, init_Badge } from "../../../components/Badge/index.js";
+import { init_constants, maximumFractionDigits, maximumFractionDigitsLong } from "../constants.js";
+import { init_EstimateCostProvider, useEstimateCost } from "../EstimateCostProvider.js";
+import { estimateCostStyle, init_styles_css, paddingLeftCell } from "../styles.css.js";
+import { LineThrough, init_LineThrough } from "./LineThrough.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Components/Total.tsx
+var Total;
+var init_Total = __esmMin(() => {
+	init_Badge();
+	init_Text();
+	init_constants();
+	init_EstimateCostProvider();
+	init_styles_css();
+	init_LineThrough();
+	Total = ({ isBeta, discount, totalValue, totalPrice, totalMaxValue, hideHourlyPriceOnTotal, isLongFractionDigits }) => {
+		const { formatNumber, locales } = useEstimateCost();
+		const localeBeta = locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`];
+		return /* @__PURE__ */ jsxs("table", {
+			cellPadding: "0",
+			cellSpacing: "0",
+			className: estimateCostStyle.emptyTable,
+			children: [/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostStyle.priceColumn })] }), /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+				"aria-label": "control",
+				className: estimateCostStyle.emptyCell
+			}), /* @__PURE__ */ jsxs("td", {
+				className: cn(estimateCostStyle.cell({
+					hasBorder: false,
+					primary: false
+				}), estimateCostStyle.totalPriceCell),
+				style: assignInlineVars({ [paddingLeftCell]: "16px" }),
+				children: [
+					isBeta ? /* @__PURE__ */ jsx(Badge, {
+						className: estimateCostStyle.badgeBeta[localeBeta.length > 25 ? "long" : "short"],
+						prominence: "strong",
+						sentiment: "warning",
+						children: `${discount > 0 ? discount * 100 : ""}
+                          ${localeBeta}`
+					}) : null,
+					/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						className: estimateCostStyle.text({ beta: isBeta }),
+						sentiment: "primary",
+						variant: "heading",
+						children: /* @__PURE__ */ jsxs(LineThrough, {
+							isActive: isBeta && (discount === 0 || discount >= 1),
+							children: [totalValue, totalPrice.maxTotal > 0 ? ` - ${totalMaxValue}` : null]
+						})
+					}),
+					hideHourlyPriceOnTotal && totalPrice.hourly > 0 && totalPrice.hourly !== totalPrice.total && totalPrice.total > 0 ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						placement: "right",
+						variant: "body",
+						children: /* @__PURE__ */ jsxs(LineThrough, {
+							isActive: isBeta && (discount === 0 || discount >= 1),
+							children: [
+								formatNumber(totalPrice.hourly, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours }),
+								totalPrice.maxHourly > 0 ? ` - ${formatNumber(totalPrice.maxHourly, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours })}` : null,
+								"/",
+								locales["estimate.cost.units.hours.label"].toLowerCase()
+							]
+						})
+					}) : null
+				]
+			})] }) })]
+		});
+	};
+});
+
+//#endregion
+init_Total();
+export { Total, init_Total };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Unit.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Unit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,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,2DAMd,SAAS,4CAkCX,CAAA"}

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

@@ -0,0 +1,59 @@
+'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_OverlayContext, useOverlay } from "../OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "../styles.css.js";
+import { NumberInput, init_NumberInput } 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/Unit.tsx
+var Unit;
+var init_Unit = __esmMin(() => {
+	init_NumberInput();
+	init_OverlayContext();
+	init_styles_css();
+	init_Regular();
+	init_objectSpread2();
+	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: estimateCostStyle.resourceName(),
+			style,
+			children: /* @__PURE__ */ jsx(Regular, { children: capacity })
+		}) : /* @__PURE__ */ jsx("div", {
+			style: _objectSpread2({ width: "150px" }, style),
+			children: /* @__PURE__ */ jsx(NumberInput, {
+				className: estimateCostStyle.numberInput,
+				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
+init_Unit();
+export { Unit, init_Unit };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zone.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/Zone.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,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,+LAeZ,WAAW,6CA+Bf,CAAA"}

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

@@ -0,0 +1,45 @@
+'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/Zone.tsx
+var Zone;
+var init_Zone = __esmMin(() => {
+	init_EstimateCostProvider();
+	init_styles_css();
+	init_Item();
+	init_Strong();
+	Zone = memo(({ label, image, shouldBeHidden = false, priceText, animated = false, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style }) => {
+		const { locales } = useEstimateCost();
+		return /* @__PURE__ */ jsx(Item, {
+			animated,
+			discount,
+			isFirstElement,
+			isLastElement,
+			iteration,
+			label: locales["estimate.cost.az.label"],
+			noBorder,
+			noPrice,
+			priceText,
+			productsCallback,
+			shouldBeHidden,
+			style,
+			children: /* @__PURE__ */ jsxs(Strong, { children: [/* @__PURE__ */ jsx("img", {
+				alt: label,
+				className: estimateCostStyle.image,
+				height: "auto",
+				src: image,
+				width: "auto"
+			}), label] })
+		});
+	});
+});
+
+//#endregion
+init_Zone();
+export { Zone, init_Zone };

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.css.d.ts","sourceRoot":"","sources":["../../../../src/compositions/EstimateCost/Components/components.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAE1C,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAEF,eAAO,MAAM,EAAE,QAAY,CAAA;AAE3B,eAAO,MAAM,GAAG,QAA4C,CAAA;AAE5D,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;EAkB3B,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;EAyBvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAEnB,CAAA;AAEF,eAAO,MAAM,wBAAwB,QAEnC,CAAA;AAEF,eAAO,MAAM,OAAO,QAAuC,CAAA;AAE3D,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;EAiClB,CAAA;AAEF,eAAO,MAAM,MAAM;;;YAcX,QAAQ;;;;;;;YAOR,QAAQ;;;YAGR,QAAQ;;;EAId,CAAA;AAEF,eAAO,MAAM,WAAW,QAQtB,CAAA"}

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

@@ -0,0 +1,69 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_components_css_ts_vanilla } from "./components.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/EstimateCost/Components/components.css.ts
+var maxWidthTextVar, itemResourceName, resourceName, estimateCostMaxWidthText, regular, strong;
+var init_components_css = __esmMin(() => {
+	init_animationsVanillaExtract_css_ts_vanilla();
+	init_components_css_ts_vanilla();
+	maxWidthTextVar = "var(--uv_1oy0ow40)";
+	itemResourceName = createRuntimeFn({
+		defaultClassName: "uv_1oy0ow46",
+		variantClassNames: { animated: { true: "uv_1oy0ow47" } },
+		defaultVariants: { animated: false },
+		compoundVariants: []
+	});
+	resourceName = createRuntimeFn({
+		defaultClassName: "uv_1oy0ow48",
+		variantClassNames: {
+			isAnimated: { true: "uv_1oy0ow49" },
+			isOverlay: {
+				false: "uv_1oy0ow4a",
+				true: "uv_1oy0ow4b"
+			}
+		},
+		defaultVariants: {
+			isAnimated: false,
+			isOverlay: false
+		},
+		compoundVariants: []
+	});
+	estimateCostMaxWidthText = "uv_1oy0ow4e";
+	regular = createRuntimeFn({
+		defaultClassName: "uv_1oy0ow4h",
+		variantClassNames: {
+			isOverlay: {
+				false: "uv_1oy0ow4i",
+				true: "uv_1oy0ow4j"
+			},
+			variant: {
+				big: "uv_1oy0ow4k",
+				capitalized: "uv_1oy0ow4l",
+				normal: "uv_1oy0ow4m",
+				small: "uv_1oy0ow4n"
+			}
+		},
+		defaultVariants: {
+			isOverlay: false,
+			variant: "normal"
+		},
+		compoundVariants: []
+	});
+	strong = createRuntimeFn({
+		defaultClassName: "uv_1oy0ow4o",
+		variantClassNames: { variant: {
+			big: "uv_1oy0ow4p",
+			capitalized: "uv_1oy0ow4q",
+			normal: "uv_1oy0ow4r",
+			small: "uv_1oy0ow4s"
+		} },
+		defaultVariants: { variant: "normal" },
+		compoundVariants: []
+	});
+});
+
+//#endregion
+init_components_css();
+export { estimateCostMaxWidthText, init_components_css, maxWidthTextVar };

package/dist/compositions/EstimateCost/Components/components.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/EstimateCost/Components/components.css.ts.vanilla.css
+var init_components_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_components_css_ts_vanilla();
+export { init_components_css_ts_vanilla };

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare const Ellipsis: ({ children, maxWidth, 'data-testid': dataTestId, }: {
+    children: ReactNode;
+    maxWidth?: number;
+    'data-testid'?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Ellipsis.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsis.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/Ellipsis.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,QAAQ,uDAIlB;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,4CAuBA,CAAA"}

package/dist/compositions/EstimateCost/Ellipsis.js

@@ -0,0 +1,37 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { init_OverlayContext, useOverlay } from "./OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "./styles.css.js";
+import { init_components_css, maxWidthTextVar } from "./Components/components.css.js";
+import { Children } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/EstimateCost/Ellipsis.tsx
+var Ellipsis;
+var init_Ellipsis = __esmMin(() => {
+	init_Text();
+	init_components_css();
+	init_OverlayContext();
+	init_styles_css();
+	Ellipsis = ({ children, maxWidth = 350, "data-testid": dataTestId }) => {
+		const { isOverlay } = useOverlay();
+		const text = Children.toArray(children).join("").toString();
+		return /* @__PURE__ */ jsx("div", {
+			"data-testid": dataTestId,
+			style: { display: isOverlay ? void 0 : "inline-flex" },
+			children: /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				className: estimateCostStyle.maxWidthText,
+				oneLine: true,
+				style: assignInlineVars({ [maxWidthTextVar]: isOverlay ? "200px" : `${maxWidth}px` }),
+				variant: "bodyStrong",
+				children: text
+			})
+		});
+	};
+});
+
+//#endregion
+init_Ellipsis();
+export { Ellipsis, init_Ellipsis };

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

@@ -0,0 +1 @@
+{"version":3,"file":"EstimateCostContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/EstimateCostContent.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAEV,iBAAiB,EAIlB,MAAM,SAAS,CAAA;AAIhB,eAAO,MAAM,mBAAmB,mZA6B7B,iBAAiB,4CAkRnB,CAAA"}

package/dist/compositions/EstimateCost/EstimateCostContent.js

@@ -0,0 +1,219 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { init_constants, maximumFractionDigits, maximumFractionDigitsLong } from "./constants.js";
+import en_default, { init_en } from "./locales/en.js";
+import { init_EstimateCostProvider, useEstimateCost } from "./EstimateCostProvider.js";
+import { calculatePrice, init_helper } from "./helper.js";
+import { OverlayContextProvider, init_OverlayContext } from "./OverlayContext.js";
+import { estimateCostStyle, init_styles_css } from "./styles.css.js";
+import { Item, init_Item } from "./Components/Item.js";
+import { Alert, init_Alert } from "../../components/Alert/index.js";
+import { CompactEstimateCost, init_CompactEstimateCost } from "./CompactEstimateCost.js";
+import { ChildrenComponent, init_Children } from "./Components/Children.js";
+import { Description, init_Description } from "./Components/Description.js";
+import { Total, init_Total } from "./Components/Total.js";
+import { OverlayComponent, init_OverlayComponent } from "./OverlayComponent.js";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useInView } from "react-intersection-observer";
+
+//#region src/compositions/EstimateCost/EstimateCostContent.tsx
+var DEFAULT_UNIT_LIST, EstimateCostContent;
+var init_EstimateCostContent = __esmMin(() => {
+	init_Alert();
+	init_Stack();
+	init_Text();
+	init_CompactEstimateCost();
+	init_Children();
+	init_Description();
+	init_Item();
+	init_Total();
+	init_constants();
+	init_EstimateCostProvider();
+	init_helper();
+	init_en();
+	init_OverlayComponent();
+	init_OverlayContext();
+	init_styles_css();
+	DEFAULT_UNIT_LIST = [
+		"hours",
+		"days",
+		"months"
+	];
+	EstimateCostContent = ({ description, alert, alertTitle, alertVariant = "warning", defaultTimeUnit = "hours", timeUnits = DEFAULT_UNIT_LIST, hideOverlay = false, disableOverlayLeft = false, disableOverlayRight = false, hideTimeUnit = false, hideTotal = false, hideHourlyPriceOnTotal = false, discount = 0, OverlayRight, OverlayLeft, isBeta = false, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit = "hours", children = null, locales = en_default, overlayMargin, onTotalPriceChange, style, compact }) => {
+		const [ref, inView] = useInView();
+		const { formatNumber } = useEstimateCost();
+		const [products, setProducts] = useState([]);
+		const [totalPrice, setTotalPrice] = useState({
+			hourly: 0,
+			maxHourly: 0,
+			maxOverlayHourly: 0,
+			maxTotal: 0,
+			overlayHourly: 0,
+			total: 0
+		});
+		const [iteration, setIteration] = useState({
+			unit: defaultTimeUnit !== null && defaultTimeUnit !== void 0 ? defaultTimeUnit : "hours",
+			value: 1
+		});
+		const [isLongFractionDigits, setIsLongFractionDigits] = useState(false);
+		const providerValue = useMemo(() => ({ isOverlay: false }), []);
+		const totalValue = useMemo(() => formatNumber(totalPrice.total < 0 ? 0 : totalPrice.total, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong[iteration.unit] : maximumFractionDigits[iteration.unit] }), [
+			formatNumber,
+			isLongFractionDigits,
+			iteration.unit,
+			totalPrice.total
+		]);
+		const totalMaxValue = useMemo(() => formatNumber(totalPrice.maxTotal < 0 ? 0 : totalPrice.maxTotal, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong[iteration.unit] : maximumFractionDigits[iteration.unit] }), [
+			formatNumber,
+			isLongFractionDigits,
+			iteration.unit,
+			totalPrice.maxTotal
+		]);
+		const productsCallback = useMemo(() => ({
+			add: (newProduct) => {
+				setProducts((total) => {
+					if (total.find((product) => product.id === newProduct.id)) return total.map((product) => product.id === newProduct.id ? newProduct : product);
+					return [...total, newProduct];
+				});
+			},
+			remove: ({ id }) => {
+				setProducts((total) => total.filter((product) => product.id !== id));
+			}
+		}), [setProducts]);
+		useEffect(() => {
+			const isMaxAmountInProducts = products.find((product) => product.maxAmount);
+			setIsLongFractionDigits(!!products.find((product) => product.longFractionDigits));
+			setTotalPrice({
+				hourly: products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.amount - product.amountFree, 0)), 0),
+				maxHourly: isMaxAmountInProducts ? products.reduce((acc, product) => acc && product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.maxAmount - product.amountFree, 0), 0) : 0,
+				maxOverlayHourly: isMaxAmountInProducts ? products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.maxAmount - product.amountFree, 0)), 0) : 0,
+				maxTotal: isMaxAmountInProducts ? products.reduce((acc, product) => acc + calculatePrice({
+					amount: product.maxAmount || product.amount,
+					amountFree: product.amountFree,
+					discount: product.discount,
+					price: product.price,
+					timeAmount: product.noIteration ? 1 : iteration.value,
+					timeUnit: product.noIteration ? "hours" : iteration.unit
+				}), 0) : 0,
+				overlayHourly: products.reduce((acc, product) => acc + (product.noIteration ? 0 : (product.price - product.price * product.discount) * Math.max(product.amount - product.amountFree, 0)), 0),
+				total: hideTotal ? 0 : products.reduce((acc, product) => acc + calculatePrice({
+					amount: product.amount,
+					amountFree: product.amountFree,
+					discount: product.discount,
+					price: product.price,
+					timeAmount: product.noIteration ? 1 : iteration.value,
+					timeUnit: product.noIteration ? "hours" : iteration.unit
+				}), 0)
+			});
+			onTotalPriceChange === null || onTotalPriceChange === void 0 || onTotalPriceChange({
+				total: totalPrice.total,
+				totalMax: totalPrice.maxTotal > 0 ? totalPrice.maxTotal : void 0
+			});
+		}, [
+			hideTotal,
+			products,
+			iteration,
+			setTotalPrice,
+			onTotalPriceChange,
+			totalPrice.total,
+			totalPrice.maxTotal,
+			totalValue,
+			totalMaxValue
+		]);
+		useEffect(() => {
+			if (hideTimeUnit && (iteration.value > 1 || iteration.unit !== (defaultTimeUnit !== null && defaultTimeUnit !== void 0 ? defaultTimeUnit : "hours"))) setIteration({
+				unit: defaultTimeUnit !== null && defaultTimeUnit !== void 0 ? defaultTimeUnit : "hours",
+				value: 1
+			});
+		}, [
+			hideTimeUnit,
+			iteration,
+			defaultTimeUnit
+		]);
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [compact ? /* @__PURE__ */ jsx(CompactEstimateCost, {
+			iteration,
+			label: locales["estimate.cost.label"],
+			totalPrice
+		}) : null, /* @__PURE__ */ jsxs(Stack, {
+			className: estimateCostStyle.content[compact ? "compact" : "default"],
+			gap: 2,
+			style,
+			children: [
+				hideOverlay ? null : /* @__PURE__ */ jsx(OverlayComponent, {
+					disableOverlayLeft,
+					disableOverlayRight,
+					discount,
+					inView,
+					isBeta,
+					OverlayLeft,
+					OverlayRight,
+					overlayMargin,
+					totalPrice,
+					unit: overlayUnit,
+					children
+				}),
+				description === false ? null : /* @__PURE__ */ jsx(Description, {
+					description,
+					locales
+				}),
+				alert ? /* @__PURE__ */ jsx(Alert, {
+					sentiment: alertVariant,
+					title: alertTitle,
+					children: alert
+				}) : null,
+				/* @__PURE__ */ jsx(OverlayContextProvider, {
+					value: providerValue,
+					children: /* @__PURE__ */ jsxs("div", { children: [
+						children ? /* @__PURE__ */ jsx(ChildrenComponent, {
+							defaultTimeUnit,
+							discount,
+							hideTimeUnit,
+							hideTotal,
+							iteration,
+							productsCallback,
+							ref,
+							setIteration,
+							timeUnits,
+							children
+						}) : null,
+						hideTotal ? null : /* @__PURE__ */ jsx(Total, {
+							discount,
+							hideHourlyPriceOnTotal,
+							isBeta,
+							isLongFractionDigits,
+							totalMaxValue,
+							totalPrice,
+							totalValue
+						}),
+						commitmentFees !== void 0 || monthlyFees !== void 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							className: estimateCostStyle.feesText,
+							variant: "headingSmall",
+							children: locales[`estimate.cost.fees.${commitmentFees ? "oneTime" : "monthly"}.title`]
+						}), /* @__PURE__ */ jsx("table", {
+							className: estimateCostStyle.feesTable,
+							children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx(Item, {
+								isLastElement: true,
+								label: commitmentFees ? locales["estimate.cost.fees.commitment"] : monthlyFeesLabel,
+								noIteration: true,
+								price: commitmentFees || monthlyFees,
+								productsCallback: {
+									add: () => {},
+									remove: () => {}
+								},
+								children: commitmentFees ? commitmentFeesContent : monthlyFeesContent
+							}) })
+						})] }) : null
+					] })
+				})
+			]
+		})] });
+	};
+});
+
+//#endregion
+init_EstimateCostContent();
+export { EstimateCostContent, init_EstimateCostContent };

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

@@ -0,0 +1,26 @@
+import EstimateCostLocales from './locales/en';
+import type { ReactNode } from 'react';
+export declare const useEstimateCost: () => {
+    locales: Record<keyof typeof EstimateCostLocales, string>;
+    formatNumber: (number: number, options: FormatNumberOption) => string;
+};
+type EstimateCostProviderProps = {
+    children: ReactNode;
+    locales?: Record<keyof typeof EstimateCostLocales, string>;
+    currency?: string;
+    numberLocales?: string;
+};
+type FormatNumberOption = {
+    currencyDisplay?: 'symbol' | 'code' | 'name';
+    unit?: string;
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    useGrouping?: boolean;
+    minimumIntegerDigits?: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    minimumSignificantDigits?: number;
+    maximumSignificantDigits?: number;
+};
+export declare const EstimateCostProvider: ({ children, locales, currency, numberLocales, }: EstimateCostProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EstimateCostProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EstimateCostProvider.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/EstimateCostProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,eAAO,MAAM,eAAe;aALjB,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC;kBAC3C,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,MAAM;CAIH,CAAA;AAEpE,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,oBAAoB,oDAK9B,yBAAyB,4CAiC3B,CAAA"}