@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/EstimateCost/Image.js

@@ -1,21 +1,23 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { estimateCostStyle, init_styles_css } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/EstimateCost/Image.tsx
 var Image;
-var init_Image = __esmMin(() => {
-	init_styles_css();
-	init_objectSpread2();
-	Image = (props) => /* @__PURE__ */ jsx("img", _objectSpread2(_objectSpread2({
-		alt: props.alt,
-		height: props.height,
-		width: props.width
-	}, props), {}, { className: cn(props.className, estimateCostStyle.image) }));
-	Image.displayName = "EstimateCost.Image";
-});
+function init_Image() {
+	return (init_Image = __esmMin(() => {
+		init_styles_css();
+		init_objectSpread2();
+		Image = (props) => /* @__PURE__ */ jsx("img", _objectSpread2(_objectSpread2({
+			alt: props.alt,
+			height: props.height,
+			width: props.width
+		}, props), {}, { className: cn(props.className, estimateCostStyle.image) }));
+		Image.displayName = "EstimateCost.Image";
+	}))();
+}
 
 //#endregion
 init_Image();

package/dist/compositions/EstimateCost/OverlayComponent.js

@@ -15,96 +15,98 @@ import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
 
 //#region src/compositions/EstimateCost/OverlayComponent.tsx
 var OverlayComponent;
-var init_OverlayComponent = __esmMin(() => {
-	init_Badge();
-	init_Stack();
-	init_LineThrough();
-	init_Strong();
-	init_constants();
-	init_EstimateCostProvider();
-	init_OverlayContext();
-	init_styles_css();
-	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: estimateCostStyle.overlayContainer({ inView }),
-				"data-testid": "summary-overlay",
-				style: assignInlineVars({ [overlayMarginVar]: overlayMargin !== null && overlayMargin !== void 0 ? overlayMargin : "0" }),
-				children: /* @__PURE__ */ jsxs("ul", {
-					className: estimateCostStyle.list,
-					children: [
-						OverlayLeft ? /* @__PURE__ */ jsx("li", {
-							className: estimateCostStyle.sideItem,
-							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: estimateCostStyle.overlayRow(),
-							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: estimateCostStyle.resourceName(),
-								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: estimateCostStyle.badge,
-									prominence: "strong",
-									sentiment: "warning",
-									children: [discount > 0 ? discount * 100 : "", locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]]
-								}) : null]
-							})]
-						}),
-						OverlayRight ? /* @__PURE__ */ jsx("li", {
-							className: estimateCostStyle.sideItem,
-							children: /* @__PURE__ */ jsx(OverlayRight, {
-								disabled: disableOverlayRight,
-								children: locales["estimate.cost.submit.label"]
-							})
-						}) : null
-					]
+function init_OverlayComponent() {
+	return (init_OverlayComponent = __esmMin(() => {
+		init_Badge();
+		init_Stack();
+		init_LineThrough();
+		init_Strong();
+		init_constants();
+		init_EstimateCostProvider();
+		init_OverlayContext();
+		init_styles_css();
+		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: estimateCostStyle.overlayContainer({ inView }),
+					"data-testid": "summary-overlay",
+					style: assignInlineVars({ [overlayMarginVar]: overlayMargin !== null && overlayMargin !== void 0 ? overlayMargin : "0" }),
+					children: /* @__PURE__ */ jsxs("ul", {
+						className: estimateCostStyle.list,
+						children: [
+							OverlayLeft ? /* @__PURE__ */ jsx("li", {
+								className: estimateCostStyle.sideItem,
+								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: estimateCostStyle.overlayRow(),
+								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: estimateCostStyle.resourceName(),
+									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: estimateCostStyle.badge,
+										prominence: "strong",
+										sentiment: "warning",
+										children: [discount > 0 ? discount * 100 : "", locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]]
+									}) : null]
+								})]
+							}),
+							OverlayRight ? /* @__PURE__ */ jsx("li", {
+								className: estimateCostStyle.sideItem,
+								children: /* @__PURE__ */ jsx(OverlayRight, {
+									disabled: disableOverlayRight,
+									children: locales["estimate.cost.submit.label"]
+								})
+							}) : null
+						]
+					})
 				})
-			})
-		});
-	};
-});
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_OverlayComponent();

package/dist/compositions/EstimateCost/OverlayContext.js

@@ -5,14 +5,16 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/EstimateCost/OverlayContext.tsx
 var OverlayContext, useOverlay, OverlayContextProvider;
-var init_OverlayContext = __esmMin(() => {
-	OverlayContext = createContext({ isOverlay: false });
-	useOverlay = () => useContext(OverlayContext);
-	OverlayContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(OverlayContext.Provider, {
-		value,
-		children
-	});
-});
+function init_OverlayContext() {
+	return (init_OverlayContext = __esmMin(() => {
+		OverlayContext = createContext({ isOverlay: false });
+		useOverlay = () => useContext(OverlayContext);
+		OverlayContextProvider = ({ children, value }) => /* @__PURE__ */ jsx(OverlayContext.Provider, {
+			value,
+			children
+		});
+	}))();
+}
 
 //#endregion
 init_OverlayContext();

package/dist/compositions/EstimateCost/constants.js

@@ -2,30 +2,32 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/EstimateCost/constants.ts
 var APPROXIMATE_HOURS_IN_MONTH, multiplier, maximumFractionDigits, maximumFractionDigitsLong;
-var init_constants = __esmMin(() => {
-	APPROXIMATE_HOURS_IN_MONTH = 730;
-	multiplier = {
-		days: 24,
-		hours: 1,
-		minutes: 1 / 60,
-		months: 730,
-		seconds: 1 / 60 / 60
-	};
-	maximumFractionDigits = {
-		days: 3,
-		hours: 5,
-		minutes: 8,
-		months: 2,
-		seconds: 10
-	};
-	maximumFractionDigitsLong = {
-		days: 4,
-		hours: 8,
-		minutes: 10,
-		months: 2,
-		seconds: 12
-	};
-});
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		APPROXIMATE_HOURS_IN_MONTH = 730;
+		multiplier = {
+			days: 24,
+			hours: 1,
+			minutes: 1 / 60,
+			months: 730,
+			seconds: 1 / 60 / 60
+		};
+		maximumFractionDigits = {
+			days: 3,
+			hours: 5,
+			minutes: 8,
+			months: 2,
+			seconds: 10
+		};
+		maximumFractionDigitsLong = {
+			days: 4,
+			hours: 8,
+			minutes: 10,
+			months: 2,
+			seconds: 12
+		};
+	}))();
+}
 
 //#endregion
 init_constants();

package/dist/compositions/EstimateCost/helper.js

@@ -3,13 +3,15 @@ import { init_constants, multiplier } from "./constants.js";
 
 //#region src/compositions/EstimateCost/helper.ts
 var calculatePrice;
-var init_helper = __esmMin(() => {
-	init_constants();
-	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);
-	};
-});
+function init_helper() {
+	return (init_helper = __esmMin(() => {
+		init_constants();
+		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
 init_helper();

package/dist/compositions/EstimateCost/index.js

@@ -1,89 +1,5 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import en_default, { init_en } from "./locales/en.js";
-import { EstimateCostProvider, init_EstimateCostProvider } from "./EstimateCostProvider.js";
-import { Item, init_Item } from "./Components/Item.js";
-import { LineThrough, init_LineThrough } from "./Components/LineThrough.js";
-import { Regular, init_Regular } from "./Components/Regular.js";
-import { NumberInput, init_NumberInput } from "./Components/NumberInput.js";
-import { Strong, init_Strong } from "./Components/Strong.js";
-import { Region, init_Region } from "./Components/Region.js";
-import { Unit, init_Unit } from "./Components/Unit.js";
-import { Zone, init_Zone } from "./Components/Zone.js";
-import { Ellipsis, init_Ellipsis } from "./Ellipsis.js";
-import { EstimateCostContent, init_EstimateCostContent } from "./EstimateCostContent.js";
-import { Image, init_Image } from "./Image.js";
-import { jsx } from "react/jsx-runtime";
+import { EstimateCost, init_EstimateCost } from "../../_virtual/EstimateCost.js";
 
-//#region src/compositions/EstimateCost/index.tsx
-var DEFAULT_UNIT_LIST, EstimateCost;
-var init_EstimateCost = __esmMin(() => {
-	init_Item();
-	init_LineThrough();
-	init_NumberInput();
-	init_Region();
-	init_Regular();
-	init_Strong();
-	init_Unit();
-	init_Zone();
-	init_Ellipsis();
-	init_EstimateCostContent();
-	init_EstimateCostProvider();
-	init_Image();
-	init_en();
-	DEFAULT_UNIT_LIST = [
-		"hours",
-		"days",
-		"months"
-	];
-	EstimateCost = ({ description, alert, alertTitle, alertVariant = "warning", defaultTimeUnit = "hours", timeUnits = DEFAULT_UNIT_LIST, hideOverlay = false, disableOverlayLeft = false, disableOverlayRight = false, hideTimeUnit = false, hideTotal = false, discount = 0, OverlayRight, OverlayLeft, overlayMargin, isBeta = false, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit = "hours", children = null, locales = en_default, compact, numberLocales = "en-EN", currency = "EUR", style, onTotalPriceChange, backgroundProminence = "default" }) => /* @__PURE__ */ jsx(EstimateCostProvider, {
-		currency,
-		locales,
-		numberLocales,
-		children: /* @__PURE__ */ jsx(EstimateCostContent, {
-			alert,
-			alertTitle,
-			alertVariant,
-			backgroundProminence,
-			commitmentFees,
-			commitmentFeesContent,
-			compact,
-			defaultTimeUnit,
-			description,
-			disableOverlayLeft,
-			disableOverlayRight,
-			discount,
-			hideOverlay,
-			hideTimeUnit,
-			hideTotal,
-			isBeta,
-			locales,
-			monthlyFees,
-			monthlyFeesContent,
-			monthlyFeesLabel,
-			OverlayLeft,
-			OverlayRight,
-			onTotalPriceChange,
-			overlayMargin,
-			overlayUnit,
-			style,
-			timeUnits,
-			children
-		})
-	});
-	EstimateCost.LineThrough = LineThrough;
-	EstimateCost.Item = Item;
-	EstimateCost.NumberInput = NumberInput;
-	EstimateCost.Unit = Unit;
-	EstimateCost.Strong = Strong;
-	EstimateCost.Regular = Regular;
-	EstimateCost.Image = Image;
-	EstimateCost.Region = Region;
-	EstimateCost.Zone = Zone;
-	EstimateCost.Ellipsis = Ellipsis;
-	EstimateCost.displayName = "EstimateCost";
-});
-
-//#endregion
 init_EstimateCost();
-export { EstimateCost, en_default as estimateCostDefaultLocales, init_EstimateCost };
+export { EstimateCost, en_default as estimateCostDefaultLocales };

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

@@ -2,29 +2,31 @@ import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/EstimateCost/locales/en.ts
 var en_default;
-var init_en = __esmMin(() => {
-	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)"
-	};
-});
+function init_en() {
+	return (init_en = __esmMin(() => {
+		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
 init_en();