@ultraviolet/plus 3.5.2 → 3.6.0

package/dist/components/EstimateCost/EstimateCostContent.js

@@ -1,289 +0,0 @@
-'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import en_default from "./locales/en.js";
-import { maximumFractionDigits, maximumFractionDigitsLong } from "./constants.js";
-import { useEstimateCost } from "./EstimateCostProvider.js";
-import { calculatePrice } from "./helper.js";
-import { OverlayContextProvider } from "./OverlayContext.js";
-import { estimateCostBadgeBeta, estimateCostCalculatorIcon, estimateCostCell, estimateCostCompact, estimateCostCompactText, estimateCostContent, estimateCostEmptyCell, estimateCostEmptyTable, estimateCostFeesTable, estimateCostPriceCell, estimateCostPriceCellContent, estimateCostPriceColumn, estimateCostTable, estimateCostText, estimateCostTimeCell, estimateCostTitle, estimateCostTotalPriceCell, estimatecostFeesText, paddingLeftCell } from "./styles.css.js";
-import { Item } from "./Components/Item.js";
-import { LineThrough } from "./Components/LineThrough.js";
-import { CustomUnitInput } from "./Components/CustomUnitInput.js";
-import { OverlayComponent } from "./OverlayComponent.js";
-import { Alert, Badge, Stack, Text } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { Children, cloneElement, isValidElement, memo, useEffect, useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
-import { useInView } from "react-intersection-observer";
-
-//#region src/components/EstimateCost/EstimateCostContent.tsx
-const DEFAULT_UNIT_LIST = [
-	"hours",
-	"days",
-	"months"
-];
-const DescriptionComponent = memo(({ description, locales }) => description === void 0 || typeof description === "string" ? /* @__PURE__ */ jsx(Text, {
-	as: "span",
-	variant: "body",
-	children: description || locales["estimate.cost.description"]
-}) : description);
-const TitleComponent = memo(({ locales }) => /* @__PURE__ */ jsxs("h3", {
-	className: estimateCostTitle,
-	children: [/* @__PURE__ */ jsx(CalculatorIcon, {
-		className: estimateCostCalculatorIcon,
-		sentiment: "primary",
-		size: "medium"
-	}), locales === null || locales === void 0 ? void 0 : locales["estimate.cost.label"]]
-}));
-const 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 { formatNumber } = useEstimateCost();
-	const [ref, inView] = useInView();
-	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, { children: [compact ? /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "center",
-		className: estimateCostCompact,
-		direction: "row",
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ jsxs(Text, {
-			as: "p",
-			className: estimateCostCompactText,
-			variant: "bodyStrong",
-			children: [/* @__PURE__ */ jsx(CalculatorIcon, {
-				sentiment: "primary",
-				size: "medium"
-			}), locales["estimate.cost.label"]]
-		}), /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			children: [/* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				variant: "headingSmallStrong",
-				children: ["€", totalPrice.total]
-			}), /* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				variant: "bodyStrong",
-				children: ["/", iteration.unit.length > 1 && iteration.unit.endsWith("s") ? iteration.unit.slice(0, -1) : iteration.unit]
-			})]
-		})]
-	}) : null, /* @__PURE__ */ jsxs(Stack, {
-		className: estimateCostContent[compact ? "compact" : "default"],
-		gap: 2,
-		style,
-		children: [
-			hideOverlay ? null : /* @__PURE__ */ jsx(OverlayComponent, {
-				disableOverlayLeft,
-				disableOverlayRight,
-				discount,
-				inView,
-				isBeta,
-				OverlayLeft,
-				OverlayRight,
-				overlayMargin,
-				totalPrice,
-				unit: overlayUnit !== null && overlayUnit !== void 0 ? overlayUnit : "hours",
-				children
-			}),
-			description === false ? null : /* @__PURE__ */ jsx(DescriptionComponent, {
-				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__ */ jsxs("table", {
-						cellPadding: "0",
-						cellSpacing: "0",
-						className: estimateCostTable[hideTotal ? "noTotal" : "total"],
-						"data-testid": "summary",
-						ref,
-						children: [
-							/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostPriceColumn })] }),
-							hideTimeUnit ? null : /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(TitleComponent, { locales }) }), /* @__PURE__ */ jsx("th", {
-								className: cn(estimateCostPriceCellContent, estimateCostPriceCell),
-								children: /* @__PURE__ */ jsx("div", {
-									className: estimateCostTimeCell,
-									children: /* @__PURE__ */ jsx(CustomUnitInput, {
-										defaultTimeUnit,
-										iteration,
-										setIteration,
-										timeUnits
-									})
-								})
-							})] }) }),
-							/* @__PURE__ */ jsx("tbody", { children: Children.map(children, (child, index) => isValidElement(child) ? cloneElement(child, {
-								discount: discount && !child.props.discount ? discount : child.props.discount,
-								isLastElement: index === Children.count(children) - 1,
-								iteration,
-								productsCallback
-							}) : child) })
-						]
-					}) : null,
-					hideTotal ? null : /* @__PURE__ */ jsxs("table", {
-						cellPadding: "0",
-						cellSpacing: "0",
-						className: estimateCostEmptyTable,
-						children: [/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostPriceColumn })] }), /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
-							"aria-label": "control",
-							className: estimateCostEmptyCell
-						}), /* @__PURE__ */ jsxs("td", {
-							className: cn(estimateCostCell({
-								hasBorder: false,
-								primary: false
-							}), estimateCostTotalPriceCell),
-							style: assignInlineVars({ [paddingLeftCell]: "16px" }),
-							children: [
-								isBeta ? /* @__PURE__ */ jsx(Badge, {
-									className: estimateCostBadgeBeta[locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`].length > 25 ? "long" : "short"],
-									prominence: "strong",
-									sentiment: "warning",
-									children: `${discount > 0 ? discount * 100 : ""}
-                          ${locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]}`
-								}) : null,
-								/* @__PURE__ */ jsx(Text, {
-									as: "h3",
-									className: estimateCostText[isBeta ? "beta" : "notBeta"],
-									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
-							]
-						})] }) })]
-					}),
-					commitmentFees !== void 0 || monthlyFees !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-						as: "h3",
-						className: estimatecostFeesText,
-						variant: "headingSmall",
-						children: locales[`estimate.cost.fees.${commitmentFees ? "oneTime" : "monthly"}.title`]
-					}), /* @__PURE__ */ jsx("table", {
-						className: estimateCostFeesTable,
-						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
-export { EstimateCostContent };

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

@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-import EstimateCostLocales from './locales/en';
-export declare const useEstimateCost: () => {
-    locales: Record<"estimate.cost.az.label" | "estimate.cost.beta.badge" | "estimate.cost.beta.discount" | "estimate.cost.beta.free" | "estimate.cost.description" | "estimate.cost.fees.commitment" | "estimate.cost.fees.monthly.title" | "estimate.cost.fees.oneTime.title" | "estimate.cost.label" | "estimate.cost.notDefined" | "estimate.cost.region.label" | "estimate.cost.submit.label" | "estimate.cost.units.days.label" | "estimate.cost.units.gb.label" | "estimate.cost.units.hours.label" | "estimate.cost.units.minutes.label" | "estimate.cost.units.months.label" | "estimate.cost.units.seconds.label" | "estimate.cost.units.years.label", 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/components/EstimateCost/EstimateCostProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EstimateCostProvider.d.ts","sourceRoot":"","sources":["../../../src/components/EstimateCost/EstimateCostProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,mBAAmB,MAAM,cAAc,CAAA;AAQ9C,eAAO,MAAM,eAAe;;;CAAwC,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,yHAsChC,CAAA"}

package/dist/components/EstimateCost/EstimateCostProvider.js

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

package/dist/components/EstimateCost/OverlayComponent.d.ts

@@ -1,27 +0,0 @@
-import type { JSX, ReactNode } from 'react';
-import type { Units } from './types';
-type OverlayComponentProps = {
-    children: ReactNode;
-    disableOverlayLeft?: boolean;
-    disableOverlayRight?: boolean;
-    discount?: number;
-    inView?: boolean;
-    isBeta?: boolean;
-    unit: Units;
-    OverlayLeft?: (props: {
-        children: ReactNode;
-        disabled?: boolean;
-    }) => JSX.Element;
-    OverlayRight?: (props: {
-        children?: ReactNode;
-        disabled?: boolean;
-    }) => JSX.Element;
-    totalPrice: {
-        maxOverlayHourly: number;
-        overlayHourly: number;
-    };
-    overlayMargin?: string;
-};
-export declare const OverlayComponent: ({ children, inView, discount, OverlayRight, disableOverlayRight, OverlayLeft, disableOverlayLeft, totalPrice, unit, isBeta, overlayMargin, }: OverlayComponentProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=OverlayComponent.d.ts.map

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

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

package/dist/components/EstimateCost/OverlayComponent.js

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

package/dist/components/EstimateCost/OverlayContext.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const useOverlay: () => {
-    isOverlay: boolean;
-};
-type OverlayContextProviderProps = {
-    children: ReactNode;
-    value: {
-        isOverlay: boolean;
-    };
-};
-export declare const OverlayContextProvider: ({ children, value, }: OverlayContextProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=OverlayContext.d.ts.map

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

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

package/dist/components/EstimateCost/OverlayContext.js

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

package/dist/components/EstimateCost/constants.d.ts

@@ -1,8 +0,0 @@
-import type { Units } from './types';
-export declare const APPROXIMATE_HOURS_IN_MONTH = 730;
-export declare const multiplier: Record<Units, number>;
-export declare const maximumFractionDigits: Record<Units, number>;
-export declare const maximumFractionDigitsLong: Record<Units, number>;
-export declare const MAX_CELL_WIDTH = "70%";
-export declare const PRICE_MAX_CELL_WIDTH = "30%";
-//# sourceMappingURL=constants.d.ts.map

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

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

package/dist/components/EstimateCost/constants.js

@@ -1,26 +0,0 @@
-//#region src/components/EstimateCost/constants.ts
-const APPROXIMATE_HOURS_IN_MONTH = 730;
-const multiplier = {
-	days: 24,
-	hours: 1,
-	minutes: 1 / 60,
-	months: 730,
-	seconds: 1 / 60 / 60
-};
-const maximumFractionDigits = {
-	days: 3,
-	hours: 5,
-	minutes: 8,
-	months: 2,
-	seconds: 10
-};
-const maximumFractionDigitsLong = {
-	days: 4,
-	hours: 8,
-	minutes: 10,
-	months: 2,
-	seconds: 12
-};
-
-//#endregion
-export { maximumFractionDigits, maximumFractionDigitsLong, multiplier };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/EstimateCost/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,eAAO,MAAM,cAAc;;;;;;;YAsB1B,CAAA"}

package/dist/components/EstimateCost/helper.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/components/EstimateCost/locales/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,wBAqBU"}

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

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