@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/compositions/OrderSummary/helpers.js

@@ -1,148 +1,155 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { multiplier } from "./constants.js";
-import { OrderSummaryContext } from "./Provider.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { init_constants, multiplier } from "./constants.js";
+import { OrderSummaryContext, init_Provider } from "./Provider.js";
 import { useContext } from "react";
 
 //#region src/components/compositions/OrderSummary/helpers.ts
-const formatNumber = (number, locale, currency, fractionDigits = 10) => {
-	return new Intl.NumberFormat(locale, {
-		currency,
-		maximumFractionDigits: fractionDigits,
-		style: "currency"
-	}).format(number);
-};
-const calculatePrice = ({ price, amount, amountFree = 0, timeUnit, timeAmount, discount = 0, fixedPrice = false }) => {
-	return price * (fixedPrice ? 1 : (Number.isNaN(timeAmount) ? 1 : timeAmount) * multiplier[timeUnit]) * Math.max(amount - amountFree, 0) * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
-};
-const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-	var _subCategory$amount3;
-	var _subCategory$price2;
-	const timeAmount = hideTimeUnit ? 1 : timePeriodAmount;
-	const timeUnit = hideTimeUnit ? "hours" : timePeriodUnit;
-	if (Array.isArray(subCategory.amount)) {
-		var _subCategory$amount$;
-		var _subCategory$amount;
-		var _subCategory$amount$2;
-		var _subCategory$amount2;
-		var _subCategory$price;
-		const minAmount = (_subCategory$amount$ = (_subCategory$amount = subCategory.amount) === null || _subCategory$amount === void 0 ? void 0 : _subCategory$amount[0]) !== null && _subCategory$amount$ !== void 0 ? _subCategory$amount$ : 1;
-		const maxAmount = (_subCategory$amount$2 = (_subCategory$amount2 = subCategory.amount) === null || _subCategory$amount2 === void 0 ? void 0 : _subCategory$amount2[1]) !== null && _subCategory$amount$2 !== void 0 ? _subCategory$amount$2 : 1;
-		const subCategoryPrice = (_subCategory$price = subCategory.price) !== null && _subCategory$price !== void 0 ? _subCategory$price : 0;
-		const minPrice = calculatePrice({
-			amount: minAmount,
+var formatNumber, calculatePrice, calculateSubCategoryPrice, calculateCategoryPrice, DisplayPrice, computeCategoriesPrice, computeTotalPrice;
+var init_helpers = __esmMin(() => {
+	init_constants();
+	init_Provider();
+	init_objectSpread2();
+	formatNumber = (number, locale, currency, fractionDigits = 10) => {
+		return new Intl.NumberFormat(locale, {
+			currency,
+			maximumFractionDigits: fractionDigits,
+			style: "currency"
+		}).format(number);
+	};
+	calculatePrice = ({ price, amount, amountFree = 0, timeUnit, timeAmount, discount = 0, fixedPrice = false }) => {
+		return price * (fixedPrice ? 1 : (Number.isNaN(timeAmount) ? 1 : timeAmount) * multiplier[timeUnit]) * Math.max(amount - amountFree, 0) * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
+	};
+	calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
+		var _subCategory$amount3;
+		var _subCategory$price2;
+		const timeAmount = hideTimeUnit ? 1 : timePeriodAmount;
+		const timeUnit = hideTimeUnit ? "hours" : timePeriodUnit;
+		if (Array.isArray(subCategory.amount)) {
+			var _subCategory$amount$;
+			var _subCategory$amount;
+			var _subCategory$amount$2;
+			var _subCategory$amount2;
+			var _subCategory$price;
+			const minAmount = (_subCategory$amount$ = (_subCategory$amount = subCategory.amount) === null || _subCategory$amount === void 0 ? void 0 : _subCategory$amount[0]) !== null && _subCategory$amount$ !== void 0 ? _subCategory$amount$ : 1;
+			const maxAmount = (_subCategory$amount$2 = (_subCategory$amount2 = subCategory.amount) === null || _subCategory$amount2 === void 0 ? void 0 : _subCategory$amount2[1]) !== null && _subCategory$amount$2 !== void 0 ? _subCategory$amount$2 : 1;
+			const subCategoryPrice = (_subCategory$price = subCategory.price) !== null && _subCategory$price !== void 0 ? _subCategory$price : 0;
+			const minPrice = calculatePrice({
+				amount: minAmount,
+				fixedPrice: subCategory.fixedPrice,
+				price: subCategoryPrice,
+				timeAmount,
+				timeUnit
+			}) || 0;
+			const maxPrice = calculatePrice({
+				amount: maxAmount,
+				fixedPrice: subCategory.fixedPrice,
+				price: subCategoryPrice,
+				timeAmount,
+				timeUnit
+			}) || 0;
+			return {
+				discounted: [calculatePrice({
+					amount: minAmount,
+					amountFree: subCategory.amountFree,
+					discount: subCategory.discount,
+					fixedPrice: subCategory.fixedPrice,
+					price: subCategoryPrice,
+					timeAmount,
+					timeUnit
+				}) || 0, calculatePrice({
+					amount: maxAmount,
+					amountFree: subCategory.amountFree,
+					discount: subCategory.discount,
+					fixedPrice: subCategory.fixedPrice,
+					price: subCategoryPrice,
+					timeAmount,
+					timeUnit
+				}) || 0],
+				default: [minPrice, maxPrice]
+			};
+		}
+		const subCategoryAmount = (_subCategory$amount3 = subCategory.amount) !== null && _subCategory$amount3 !== void 0 ? _subCategory$amount3 : 1;
+		const subCategoryPrice = (_subCategory$price2 = subCategory.price) !== null && _subCategory$price2 !== void 0 ? _subCategory$price2 : 0;
+		const price = calculatePrice({
+			amount: subCategoryAmount,
 			fixedPrice: subCategory.fixedPrice,
 			price: subCategoryPrice,
 			timeAmount,
 			timeUnit
 		}) || 0;
-		const maxPrice = calculatePrice({
-			amount: maxAmount,
+		const priceWithDiscount = calculatePrice({
+			amount: subCategoryAmount,
+			amountFree: subCategory.amountFree,
+			discount: subCategory.discount,
 			fixedPrice: subCategory.fixedPrice,
 			price: subCategoryPrice,
 			timeAmount,
 			timeUnit
 		}) || 0;
 		return {
-			discounted: [calculatePrice({
-				amount: minAmount,
-				amountFree: subCategory.amountFree,
-				discount: subCategory.discount,
-				fixedPrice: subCategory.fixedPrice,
-				price: subCategoryPrice,
-				timeAmount,
-				timeUnit
-			}) || 0, calculatePrice({
-				amount: maxAmount,
-				amountFree: subCategory.amountFree,
-				discount: subCategory.discount,
-				fixedPrice: subCategory.fixedPrice,
-				price: subCategoryPrice,
-				timeAmount,
-				timeUnit
-			}) || 0],
-			default: [minPrice, maxPrice]
+			discounted: [priceWithDiscount, priceWithDiscount],
+			default: [price, price]
 		};
-	}
-	const subCategoryAmount = (_subCategory$amount3 = subCategory.amount) !== null && _subCategory$amount3 !== void 0 ? _subCategory$amount3 : 1;
-	const subCategoryPrice = (_subCategory$price2 = subCategory.price) !== null && _subCategory$price2 !== void 0 ? _subCategory$price2 : 0;
-	const price = calculatePrice({
-		amount: subCategoryAmount,
-		fixedPrice: subCategory.fixedPrice,
-		price: subCategoryPrice,
-		timeAmount,
-		timeUnit
-	}) || 0;
-	const priceWithDiscount = calculatePrice({
-		amount: subCategoryAmount,
-		amountFree: subCategory.amountFree,
-		discount: subCategory.discount,
-		fixedPrice: subCategory.fixedPrice,
-		price: subCategoryPrice,
-		timeAmount,
-		timeUnit
-	}) || 0;
-	return {
-		discounted: [priceWithDiscount, priceWithDiscount],
-		default: [price, price]
 	};
-};
-const calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-	var _category$subCategori;
-	var _category$subCategori2;
-	var _category$discount;
-	var _category$discount2;
-	const categoryPrice = (_category$subCategori = (_category$subCategori2 = category.subCategories) === null || _category$subCategori2 === void 0 ? void 0 : _category$subCategori2.reduce((acc, subCategory) => {
-		const computedPrices = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+	calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
+		var _category$subCategori;
+		var _category$subCategori2;
+		var _category$discount;
+		var _category$discount2;
+		const categoryPrice = (_category$subCategori = (_category$subCategori2 = category.subCategories) === null || _category$subCategori2 === void 0 ? void 0 : _category$subCategori2.reduce((acc, subCategory) => {
+			const computedPrices = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+			return {
+				discounted: [acc.discounted[0] + computedPrices.discounted[0], acc.discounted[1] + computedPrices.discounted[1]],
+				default: [acc.default[0] + computedPrices.default[0], acc.default[1] + computedPrices.default[1]]
+			};
+		}, {
+			discounted: [0, 0],
+			default: [0, 0]
+		})) !== null && _category$subCategori !== void 0 ? _category$subCategori : {
+			discounted: [0, 0],
+			default: [0, 0]
+		};
+		const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice.discounted[0] * (1 - category.discount) : categoryPrice.discounted[0] - ((_category$discount = category.discount) !== null && _category$discount !== void 0 ? _category$discount : 0);
+		const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice.discounted[1] * (1 - category.discount) : categoryPrice.discounted[1] - ((_category$discount2 = category.discount) !== null && _category$discount2 !== void 0 ? _category$discount2 : 0);
+		const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
+		categoryPrice.default.map((price) => {
+			var _category$discount3;
+			return Math.max(category.discount && category.discount <= 1 ? price * category.discount : price - ((_category$discount3 = category.discount) !== null && _category$discount3 !== void 0 ? _category$discount3 : 0), 0);
+		});
 		return {
-			discounted: [acc.discounted[0] + computedPrices.discounted[0], acc.discounted[1] + computedPrices.discounted[1]],
-			default: [acc.default[0] + computedPrices.default[0], acc.default[1] + computedPrices.default[1]]
+			categoryPrice: categoryPrice.default,
+			discountedPrice
 		};
-	}, {
-		discounted: [0, 0],
-		default: [0, 0]
-	})) !== null && _category$subCategori !== void 0 ? _category$subCategori : {
-		discounted: [0, 0],
-		default: [0, 0]
 	};
-	const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice.discounted[0] * (1 - category.discount) : categoryPrice.discounted[0] - ((_category$discount = category.discount) !== null && _category$discount !== void 0 ? _category$discount : 0);
-	const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice.discounted[1] * (1 - category.discount) : categoryPrice.discounted[1] - ((_category$discount2 = category.discount) !== null && _category$discount2 !== void 0 ? _category$discount2 : 0);
-	const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
-	categoryPrice.default.map((price) => {
-		var _category$discount3;
-		return Math.max(category.discount && category.discount <= 1 ? price * category.discount : price - ((_category$discount3 = category.discount) !== null && _category$discount3 !== void 0 ? _category$discount3 : 0), 0);
-	});
-	return {
-		categoryPrice: categoryPrice.default,
-		discountedPrice
+	DisplayPrice = ({ price, beforeOrAfter, divisor = 1 }) => {
+		const { localeFormat, currency, fractionDigits } = useContext(OrderSummaryContext);
+		const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
+		return price.totalPrice === price.maxPrice ? formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2) : `${formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)} - ${formatNumber(price[`maxPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)}`;
 	};
-};
-const DisplayPrice = ({ price, beforeOrAfter, divisor = 1 }) => {
-	const { localeFormat, currency, fractionDigits } = useContext(OrderSummaryContext);
-	const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
-	return price.totalPrice === price.maxPrice ? formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2) : `${formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)} - ${formatNumber(price[`maxPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)}`;
-};
-const computeCategoriesPrice = (items, hideTimeUnit, timePeriodAmount, timePeriodUnit) => items.reduce((acc, category) => {
-	const { categoryPrice, discountedPrice } = calculateCategoryPrice(category, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-	return _objectSpread2(_objectSpread2({}, acc), {}, { [category.category]: {
-		maxPrice: categoryPrice[1],
-		maxPriceWithDiscount: discountedPrice[1],
-		timeUnit: timePeriodUnit,
-		totalPrice: categoryPrice[0],
-		totalPriceWithDiscount: discountedPrice[0]
-	} });
-}, {});
-const computeTotalPrice = (categoriesPrice, discount, timePeriodUnit) => {
-	const price = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPrice, acc[1] + categoryPrice.maxPrice], [0, 0]);
-	const priceDiscounted = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPriceWithDiscount, acc[1] + categoryPrice.maxPriceWithDiscount], [0, 0]);
-	return {
-		maxPrice: Math.max(price[1], 0),
-		maxPriceWithDiscount: Math.max(priceDiscounted[1] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0),
-		timeUnit: timePeriodUnit,
-		totalPrice: Math.max(price[0], 0),
-		totalPriceWithDiscount: Math.max(priceDiscounted[0] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0)
+	computeCategoriesPrice = (items, hideTimeUnit, timePeriodAmount, timePeriodUnit) => items.reduce((acc, category) => {
+		const { categoryPrice, discountedPrice } = calculateCategoryPrice(category, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+		return _objectSpread2(_objectSpread2({}, acc), {}, { [category.category]: {
+			maxPrice: categoryPrice[1],
+			maxPriceWithDiscount: discountedPrice[1],
+			timeUnit: timePeriodUnit,
+			totalPrice: categoryPrice[0],
+			totalPriceWithDiscount: discountedPrice[0]
+		} });
+	}, {});
+	computeTotalPrice = (categoriesPrice, discount, timePeriodUnit) => {
+		const price = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPrice, acc[1] + categoryPrice.maxPrice], [0, 0]);
+		const priceDiscounted = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPriceWithDiscount, acc[1] + categoryPrice.maxPriceWithDiscount], [0, 0]);
+		return {
+			maxPrice: Math.max(price[1], 0),
+			maxPriceWithDiscount: Math.max(priceDiscounted[1] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0),
+			timeUnit: timePeriodUnit,
+			totalPrice: Math.max(price[0], 0),
+			totalPriceWithDiscount: Math.max(priceDiscounted[0] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0)
+		};
 	};
-};
+});
 
 //#endregion
-export { DisplayPrice, calculateSubCategoryPrice, computeCategoriesPrice, computeTotalPrice, formatNumber };
+init_helpers();
+export { DisplayPrice, calculateSubCategoryPrice, computeCategoriesPrice, computeTotalPrice, formatNumber, init_helpers };

package/dist/components/compositions/OrderSummary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,YAAY,uaAwLxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,YAAY,uaAwLxB,CAAA"}

package/dist/components/compositions/OrderSummary/index.js

@@ -1,135 +1,149 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { UnitInput } from "../../UnitInput/index.js";
-import { Units } from "./constants.js";
-import en_default from "./locales/en.js";
-import { OrderSummaryContext } from "./Provider.js";
-import { computeCategoriesPrice, computeTotalPrice } from "./helpers.js";
-import { orderSummaryContainer, orderSummaryHeaderContainer, orderSummaryStackBackground } from "./styles.css.js";
-import { NonScrollableContent } from "./NonScrollableContent.js";
-import { ScrollableContent } from "./ScrollableContent.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { UnitInput, init_UnitInput } from "../../UnitInput/index.js";
+import { Units, init_constants } from "./constants.js";
+import en_default, { init_en } from "./locales/en.js";
+import { OrderSummaryContext, init_Provider } from "./Provider.js";
+import { computeCategoriesPrice, computeTotalPrice, init_helpers } from "./helpers.js";
+import { init_styles_css, orderSummaryStyle } from "./styles.css.js";
+import { NonScrollableContent, init_NonScrollableContent } from "./NonScrollableContent.js";
+import { ScrollableContent, init_ScrollableContent } from "./ScrollableContent.js";
 import { useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/OrderSummary/index.tsx
-const OrderSummary = ({ header, hideTimeUnit = false, periodOptions = Units, valueUnitInput = 1, unitUnitInput = "hours", items, locales = en_default, currency = "EUR", localeFormat = "en-US", footer, children, discount = 0, totalPriceInfo, fractionDigits, hideDetails = false, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement = "left", hideBeforePrice = false, "data-testid": dataTestId, style, priceInformation }) => {
-	const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
-	const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
-	const categoriesPrice = useMemo(() => computeCategoriesPrice(items, hideTimeUnit, timePeriodAmount, timePeriodUnit), [
-		hideTimeUnit,
-		items,
-		timePeriodAmount,
-		timePeriodUnit
-	]);
-	const unitaryCategoriesPrice = useMemo(() => computeCategoriesPrice(items, hideTimeUnit, 1, "hours"), [items, hideTimeUnit]);
-	const totalPrice = useMemo(() => computeTotalPrice(categoriesPrice, discount, timePeriodUnit), [
-		timePeriodUnit,
-		categoriesPrice,
-		discount
-	]);
-	const unitaryTotalPrice = useMemo(() => computeTotalPrice(unitaryCategoriesPrice, discount, "hours"), [discount, unitaryCategoriesPrice]);
-	const valueContext = useMemo(() => ({
-		categoriesPrice,
-		currency,
-		fractionDigits,
-		hideTimeUnit,
-		items,
-		localeFormat,
-		locales,
-		timePeriodAmount,
-		timePeriodUnit
-	}), [
-		currency,
-		localeFormat,
-		items,
-		categoriesPrice,
-		hideTimeUnit,
-		timePeriodUnit,
-		timePeriodAmount,
-		locales,
-		fractionDigits
-	]);
-	const computePeriodOptions = useMemo(() => {
-		const computedPeriodOptions = [];
-		for (const option of periodOptions) computedPeriodOptions.push({
-			label: locales[`order.summary.units.${option}.label`],
-			value: option
+var OrderSummary;
+var init_OrderSummary = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_UnitInput();
+	init_constants();
+	init_helpers();
+	init_en();
+	init_NonScrollableContent();
+	init_Provider();
+	init_ScrollableContent();
+	init_styles_css();
+	OrderSummary = ({ header, hideTimeUnit = false, periodOptions = Units, valueUnitInput = 1, unitUnitInput = "hours", items, locales = en_default, currency = "EUR", localeFormat = "en-US", footer, children, discount = 0, totalPriceInfo, fractionDigits, hideDetails = false, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement = "left", hideBeforePrice = false, "data-testid": dataTestId, style, priceInformation }) => {
+		const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
+		const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
+		const categoriesPrice = useMemo(() => computeCategoriesPrice(items, hideTimeUnit, timePeriodAmount, timePeriodUnit), [
+			hideTimeUnit,
+			items,
+			timePeriodAmount,
+			timePeriodUnit
+		]);
+		const unitaryCategoriesPrice = useMemo(() => computeCategoriesPrice(items, hideTimeUnit, 1, "hours"), [items, hideTimeUnit]);
+		const totalPrice = useMemo(() => computeTotalPrice(categoriesPrice, discount, timePeriodUnit), [
+			timePeriodUnit,
+			categoriesPrice,
+			discount
+		]);
+		const unitaryTotalPrice = useMemo(() => computeTotalPrice(unitaryCategoriesPrice, discount, "hours"), [discount, unitaryCategoriesPrice]);
+		const valueContext = useMemo(() => ({
+			categoriesPrice,
+			currency,
+			fractionDigits,
+			hideTimeUnit,
+			items,
+			localeFormat,
+			locales,
+			timePeriodAmount,
+			timePeriodUnit
+		}), [
+			currency,
+			localeFormat,
+			items,
+			categoriesPrice,
+			hideTimeUnit,
+			timePeriodUnit,
+			timePeriodAmount,
+			locales,
+			fractionDigits
+		]);
+		const computePeriodOptions = useMemo(() => {
+			const computedPeriodOptions = [];
+			for (const option of periodOptions) computedPeriodOptions.push({
+				label: locales[`order.summary.units.${option}.label`],
+				value: option
+			});
+			return computedPeriodOptions;
+		}, [periodOptions, locales]);
+		useEffect(() => {
+			onChange === null || onChange === void 0 || onChange(categoriesPrice, totalPrice, unitaryCategoriesPrice, unitaryTotalPrice);
+		}, [
+			categoriesPrice,
+			totalPrice,
+			onChange,
+			unitaryTotalPrice,
+			unitaryCategoriesPrice
+		]);
+		return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, {
+			value: valueContext,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				className: cn(className, orderSummaryStyle.container),
+				"data-testid": dataTestId,
+				justifyContent: hideDetails ? "flex-start" : "space-between",
+				style,
+				children: [
+					header ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						className: orderSummaryStyle.headerContainer[hideDetails ? "hideDetails" : "showDetails"],
+						direction: "row",
+						gap: 2,
+						justifyContent: "space-between",
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							prominence: "strong",
+							sentiment: "neutral",
+							variant: "headingSmallStrong",
+							children: header
+						}), hideTimeUnit || hideDetails ? null : /* @__PURE__ */ jsx(Stack, {
+							className: orderSummaryStyle.stackBackground,
+							children: /* @__PURE__ */ jsx(UnitInput, {
+								dropdownAlign: "center",
+								maxWidth: "200px",
+								onChange: (value) => {
+									setTimePeriodAmount(value);
+									onChangeUnitInput === null || onChangeUnitInput === void 0 || onChangeUnitInput(timePeriodUnit, value);
+								},
+								onChangeUnitValue: (val) => {
+									setTimePeriodUnit(val);
+									onChangeUnitInput === null || onChangeUnitInput === void 0 || onChangeUnitInput(val, timePeriodAmount);
+								},
+								options: computePeriodOptions,
+								selectInputWidth: "100%",
+								size: "small",
+								templateColumns: "2fr 3fr",
+								unitValue: unitUnitInput,
+								value: valueUnitInput
+							})
+						})]
+					}) : null,
+					hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
+					/* @__PURE__ */ jsx(NonScrollableContent, {
+						additionalInfo,
+						defaultPriceInformation: priceInformation === true || hideDetails && !priceInformation && priceInformation !== false,
+						discount,
+						footer,
+						hideBeforePrice,
+						priceInformation,
+						timePeriodAmount,
+						totalPrice,
+						totalPriceDescription,
+						totalPriceInfo,
+						totalPriceInfoPlacement,
+						unit: timePeriodUnit,
+						children
+					})
+				]
+			})
 		});
-		return computedPeriodOptions;
-	}, [periodOptions, locales]);
-	useEffect(() => {
-		onChange === null || onChange === void 0 || onChange(categoriesPrice, totalPrice, unitaryCategoriesPrice, unitaryTotalPrice);
-	}, [
-		categoriesPrice,
-		totalPrice,
-		onChange,
-		unitaryTotalPrice,
-		unitaryCategoriesPrice
-	]);
-	return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, {
-		value: valueContext,
-		children: /* @__PURE__ */ jsxs(Stack, {
-			className: cn(className, orderSummaryContainer),
-			"data-testid": dataTestId,
-			justifyContent: hideDetails ? "flex-start" : "space-between",
-			style,
-			children: [
-				header ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					className: orderSummaryHeaderContainer[hideDetails ? "hideDetails" : "showDetails"],
-					direction: "row",
-					gap: 2,
-					justifyContent: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "h3",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "headingSmallStrong",
-						children: header
-					}), hideTimeUnit || hideDetails ? null : /* @__PURE__ */ jsx(Stack, {
-						className: orderSummaryStackBackground,
-						children: /* @__PURE__ */ jsx(UnitInput, {
-							dropdownAlign: "center",
-							maxWidth: "200px",
-							onChange: (value) => {
-								setTimePeriodAmount(value);
-								onChangeUnitInput === null || onChangeUnitInput === void 0 || onChangeUnitInput(timePeriodUnit, value);
-							},
-							onChangeUnitValue: (val) => {
-								setTimePeriodUnit(val);
-								onChangeUnitInput === null || onChangeUnitInput === void 0 || onChangeUnitInput(val, timePeriodAmount);
-							},
-							options: computePeriodOptions,
-							selectInputWidth: "100%",
-							size: "small",
-							templateColumns: "2fr 3fr",
-							unitValue: unitUnitInput,
-							value: valueUnitInput
-						})
-					})]
-				}) : null,
-				hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
-				/* @__PURE__ */ jsx(NonScrollableContent, {
-					additionalInfo,
-					defaultPriceInformation: priceInformation === true || hideDetails && !priceInformation && priceInformation !== false,
-					discount,
-					footer,
-					hideBeforePrice,
-					priceInformation,
-					timePeriodAmount,
-					totalPrice,
-					totalPriceDescription,
-					totalPriceInfo,
-					totalPriceInfoPlacement,
-					unit: timePeriodUnit,
-					children
-				})
-			]
-		})
-	});
-};
+	};
+});
 
 //#endregion
-export { OrderSummary };
+init_OrderSummary();
+export { OrderSummary, init_OrderSummary };

package/dist/components/compositions/OrderSummary/locales/en.js

@@ -1,13 +1,19 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/compositions/OrderSummary/locales/en.ts
-var en_default = {
-	"order.summary.total": "Estimated cost",
-	"order.summary.units.days.label": "Day(s)",
-	"order.summary.units.hours.label": "Hour(s)",
-	"order.summary.units.minutes.label": "Minute(s)",
-	"order.summary.units.months.label": "Month(s)",
-	"order.summary.units.seconds.label": "Second(s)",
-	"order.summary.units.years.label": "Year(s)"
-};
+var en_default;
+var init_en = __esmMin(() => {
+	en_default = {
+		"order.summary.total": "Estimated cost",
+		"order.summary.units.days.label": "Day(s)",
+		"order.summary.units.hours.label": "Hour(s)",
+		"order.summary.units.minutes.label": "Minute(s)",
+		"order.summary.units.months.label": "Month(s)",
+		"order.summary.units.seconds.label": "Second(s)",
+		"order.summary.units.years.label": "Year(s)"
+	};
+});
 
 //#endregion
-export { en_default as default };
+init_en();
+export { en_default as default, init_en };

package/dist/components/compositions/OrderSummary/styles.css.d.ts

@@ -1,21 +1,23 @@
-export declare const orderSummaryContainer: string;
-export declare const orderSummaryHeaderContainer: Record<"hideDetails" | "showDetails", string>;
-export declare const orderSummaryStackBackground: string;
-export declare const orderSummaryNonScrollableContainer: string;
-export declare const orderSummaryNumberInput: string;
-export declare const orderSummaryScrollableContainer: string;
-export declare const orderSummaryDetails: string;
-export declare const orderSummaryCategory: string;
-export declare const orderSummaryAnchor: string;
-export declare const orderSummaryAnchorIcon: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        medium: {
-            marginTop: `var(--${string})`;
+export declare const orderSummaryStyle: {
+    anchorIcon: import("@vanilla-extract/recipes").RuntimeFn<{
+        size: {
+            medium: {
+                marginTop: `var(--${string})`;
+            };
+            small: {
+                marginTop: `var(--${string})`;
+            };
         };
-        small: {
-            marginTop: `var(--${string})`;
-        };
-    };
-}>;
-export declare const orderSummaryTotalPrice: Record<"default" | "priceInformation", string>;
+    }>;
+    container: string;
+    headerContainer: Record<"hideDetails" | "showDetails", string>;
+    stackBackground: string;
+    nonScrollableContainer: string;
+    scrollableContainer: string;
+    details: string;
+    category: string;
+    anchor: string;
+    totalPrice: Record<"default" | "priceInformation", string>;
+    numberInput: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/compositions/OrderSummary/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAQF,eAAO,MAAM,2BAA2B,+CAMtC,CAAA;AAEF,eAAO,MAAM,2BAA2B,QAEtC,CAAA;AAEF,eAAO,MAAM,kCAAkC,QAG7C,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAGlC,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAK1C,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAE9B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAS7B,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;EAuBjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,gDAOjC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/styles.css.ts"],"names":[],"mappings":"AA4GA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAY7B,CAAA"}