@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/OrderSummary/index.js

@@ -15,137 +15,139 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/OrderSummary/index.tsx
 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, calculatorIcon = false, compact = false, backgroundProminence = "default" }) => {
-		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
+function init_OrderSummary() {
+	return (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, calculatorIcon = false, compact = false, backgroundProminence = "default" }) => {
+			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({ backgroundProminence: compact ? backgroundProminence : "default" })),
+					"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 || compact ? 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,
+							compact,
+							calculatorIcon,
+							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, orderSummaryStyle.container({ backgroundProminence: compact ? backgroundProminence : "default" })),
-				"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 || compact ? 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,
-						compact,
-						calculatorIcon,
-						children
-					})
-				]
-			})
-		});
-	};
-	OrderSummary.displayName = "OrderSummary";
-});
+		};
+		OrderSummary.displayName = "OrderSummary";
+	}))();
+}
 
 //#endregion
 init_OrderSummary();

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

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

package/dist/compositions/OrderSummary/styles.css.js

@@ -4,54 +4,56 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/compositions/OrderSummary/styles.css.ts
 var orderSummaryStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	orderSummaryStyle = {
-		anchorIcon: createRuntimeFn({
-			defaultClassName: "uv_11nvx2kf",
-			variantClassNames: { size: {
-				medium: "uv_11nvx2kg",
-				small: "uv_11nvx2kh"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		container: createRuntimeFn({
-			defaultClassName: "uv_11nvx2k0",
-			variantClassNames: { backgroundProminence: {
-				"default": "uv_11nvx2k1",
-				strong: "uv_11nvx2k2"
-			} },
-			defaultVariants: { backgroundProminence: "default" },
-			compoundVariants: []
-		}),
-		headerContainer: {
-			hideDetails: "uv_11nvx2k4 uv_11nvx2k3",
-			showDetails: "uv_11nvx2k5 uv_11nvx2k3"
-		},
-		stackBackground: "uv_11nvx2k6",
-		nonScrollableContainer: createRuntimeFn({
-			defaultClassName: "uv_11nvx2k7",
-			variantClassNames: { compact: {
-				false: "uv_11nvx2k8",
-				true: "uv_11nvx2k9"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		scrollableContainer: "uv_11nvx2kb",
-		details: "uv_11nvx2kc",
-		category: "uv_11nvx2kd",
-		anchor: "uv_11nvx2ke",
-		totalPrice: {
-			priceInformation: "uv_11nvx2ki",
-			"default": "uv_11nvx2kj"
-		},
-		numberInput: "uv_11nvx2ka",
-		compactTotalPrice: "uv_11nvx2kk",
-		categoryPrice: "uv_11nvx2kl"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		orderSummaryStyle = {
+			anchorIcon: createRuntimeFn({
+				defaultClassName: "uv_11nvx2kf",
+				variantClassNames: { size: {
+					medium: "uv_11nvx2kg",
+					small: "uv_11nvx2kh"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			container: createRuntimeFn({
+				defaultClassName: "uv_11nvx2k0",
+				variantClassNames: { backgroundProminence: {
+					"default": "uv_11nvx2k1",
+					strong: "uv_11nvx2k2"
+				} },
+				defaultVariants: { backgroundProminence: "default" },
+				compoundVariants: []
+			}),
+			headerContainer: {
+				hideDetails: "uv_11nvx2k4 uv_11nvx2k3",
+				showDetails: "uv_11nvx2k5 uv_11nvx2k3"
+			},
+			stackBackground: "uv_11nvx2k6",
+			nonScrollableContainer: createRuntimeFn({
+				defaultClassName: "uv_11nvx2k7",
+				variantClassNames: { compact: {
+					false: "uv_11nvx2k8",
+					true: "uv_11nvx2k9"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			scrollableContainer: "uv_11nvx2kb",
+			details: "uv_11nvx2kc",
+			category: "uv_11nvx2kd",
+			anchor: "uv_11nvx2ke",
+			totalPrice: {
+				priceInformation: "uv_11nvx2ki",
+				"default": "uv_11nvx2kj"
+			},
+			numberInput: "uv_11nvx2ka",
+			compactTotalPrice: "uv_11nvx2kk",
+			categoryPrice: "uv_11nvx2kl"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/compositions/OrderSummary/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/OrderSummary/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/compositions/Plans/FeatureHint.js

@@ -8,42 +8,44 @@ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIco
 
 //#region src/compositions/Plans/FeatureHint.tsx
 var FeatureHint;
-var init_FeatureHint = __esmMin(() => {
-	init_Popover();
-	init_Tooltip();
-	init_styles_css();
-	FeatureHint = ({ hint }) => {
-		const [visible, setVisible] = useState(false);
-		if (!hint) return /* @__PURE__ */ jsx("div", {});
-		if (hint.type === "tooltip") return /* @__PURE__ */ jsx(Tooltip, {
-			text: hint.text,
-			children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
-				prominence: "weak",
-				sentiment: "neutral"
-			})
-		});
-		return /* @__PURE__ */ jsx(Popover, {
-			content: hint.content,
-			onClose: () => setVisible(false),
-			title: hint.title,
-			visible,
-			children: /* @__PURE__ */ jsx("button", {
-				className: plansStyle.iconWrapper,
-				"data-testid": "hint-popover",
-				onClick: () => setVisible(true),
-				onKeyDown: (event) => {
-					if (event.key === "Space" || event.key === "Enter") setVisible(true);
-				},
-				tabIndex: 0,
-				type: "button",
+function init_FeatureHint() {
+	return (init_FeatureHint = __esmMin(() => {
+		init_Popover();
+		init_Tooltip();
+		init_styles_css();
+		FeatureHint = ({ hint }) => {
+			const [visible, setVisible] = useState(false);
+			if (!hint) return /* @__PURE__ */ jsx("div", {});
+			if (hint.type === "tooltip") return /* @__PURE__ */ jsx(Tooltip, {
+				text: hint.text,
 				children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
 					prominence: "weak",
 					sentiment: "neutral"
 				})
-			})
-		});
-	};
-});
+			});
+			return /* @__PURE__ */ jsx(Popover, {
+				content: hint.content,
+				onClose: () => setVisible(false),
+				title: hint.title,
+				visible,
+				children: /* @__PURE__ */ jsx("button", {
+					className: plansStyle.iconWrapper,
+					"data-testid": "hint-popover",
+					onClick: () => setVisible(true),
+					onKeyDown: (event) => {
+						if (event.key === "Space" || event.key === "Enter") setVisible(true);
+					},
+					tabIndex: 0,
+					type: "button",
+					children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
+						prominence: "weak",
+						sentiment: "neutral"
+					})
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_FeatureHint();