@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/CustomerSatisfaction/index.js

@@ -17,90 +17,92 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/CustomerSatisfaction/index.tsx
 var ratings, CustomerSatisfaction;
-var init_CustomerSatisfaction = __esmMin(() => {
-	init_Stack();
-	init__1_5();
-	init__1_5NB();
-	init__2_5();
-	init__2_5NB();
-	init__3_5();
-	init__3_5NB();
-	init__4_5();
-	init__4_5NB();
-	init__5_5();
-	init__5_5NB();
-	init_styles_css();
-	ratings = [
-		{
-			imgNotSelected: _1_5NB_default,
-			imgSelected: _1_5_default,
-			value: 1
-		},
-		{
-			imgNotSelected: _2_5NB_default,
-			imgSelected: _2_5_default,
-			value: 2
-		},
-		{
-			imgNotSelected: _3_5NB_default,
-			imgSelected: _3_5_default,
-			value: 3
-		},
-		{
-			imgNotSelected: _4_5NB_default,
-			imgSelected: _4_5_default,
-			value: 4
-		},
-		{
-			imgNotSelected: _5_5NB_default,
-			imgSelected: _5_5_default,
-			value: 5
-		}
-	];
-	CustomerSatisfaction = ({ value, onChange, "data-testid": dataTestId, className, style }) => {
-		const [hoveredValue, setHoveredValue] = useState(0);
-		const isHappy = useMemo(() => value > ratings.length / 2, [value]);
-		return /* @__PURE__ */ jsx(Stack, {
-			className,
-			"data-testid": dataTestId,
-			direction: "row",
-			justifyContent: "space-between",
-			style,
-			children: ratings.map((rating) => {
-				const isSelected = rating.value === value;
-				const isOverfly = rating.value <= hoveredValue;
-				const isScaled = rating.value === hoveredValue && isSelected;
-				const animated = isHappy ? "happy" : "angry";
-				return /* @__PURE__ */ jsx("button", {
-					className: customerSatisfactionStyle.buttonContainer,
-					onClick: () => {
-						onChange(rating.value);
-					},
-					onKeyDown: () => {},
-					onMouseEnter: () => {
-						setHoveredValue(rating.value);
-					},
-					onMouseLeave: () => {
-						setHoveredValue(0);
-					},
-					type: "button",
-					children: /* @__PURE__ */ jsx("img", {
-						alt: "rating",
-						className: customerSatisfactionStyle.customerStatisfaction({
-							animated: isSelected ? animated : void 0,
-							isScaled
-						}),
-						"data-testid": `${dataTestId}-${rating.value}`,
-						height: "auto",
-						src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected,
-						width: "auto"
-					})
-				}, rating.value);
-			})
-		});
-	};
-	CustomerSatisfaction.displayName = "CustomerSatisfaction";
-});
+function init_CustomerSatisfaction() {
+	return (init_CustomerSatisfaction = __esmMin(() => {
+		init_Stack();
+		init__1_5();
+		init__1_5NB();
+		init__2_5();
+		init__2_5NB();
+		init__3_5();
+		init__3_5NB();
+		init__4_5();
+		init__4_5NB();
+		init__5_5();
+		init__5_5NB();
+		init_styles_css();
+		ratings = [
+			{
+				imgNotSelected: _1_5NB_default,
+				imgSelected: _1_5_default,
+				value: 1
+			},
+			{
+				imgNotSelected: _2_5NB_default,
+				imgSelected: _2_5_default,
+				value: 2
+			},
+			{
+				imgNotSelected: _3_5NB_default,
+				imgSelected: _3_5_default,
+				value: 3
+			},
+			{
+				imgNotSelected: _4_5NB_default,
+				imgSelected: _4_5_default,
+				value: 4
+			},
+			{
+				imgNotSelected: _5_5NB_default,
+				imgSelected: _5_5_default,
+				value: 5
+			}
+		];
+		CustomerSatisfaction = ({ value, onChange, "data-testid": dataTestId, className, style }) => {
+			const [hoveredValue, setHoveredValue] = useState(0);
+			const isHappy = useMemo(() => value > ratings.length / 2, [value]);
+			return /* @__PURE__ */ jsx(Stack, {
+				className,
+				"data-testid": dataTestId,
+				direction: "row",
+				justifyContent: "space-between",
+				style,
+				children: ratings.map((rating) => {
+					const isSelected = rating.value === value;
+					const isOverfly = rating.value <= hoveredValue;
+					const isScaled = rating.value === hoveredValue && isSelected;
+					const animated = isHappy ? "happy" : "angry";
+					return /* @__PURE__ */ jsx("button", {
+						className: customerSatisfactionStyle.buttonContainer,
+						onClick: () => {
+							onChange(rating.value);
+						},
+						onKeyDown: () => {},
+						onMouseEnter: () => {
+							setHoveredValue(rating.value);
+						},
+						onMouseLeave: () => {
+							setHoveredValue(0);
+						},
+						type: "button",
+						children: /* @__PURE__ */ jsx("img", {
+							alt: "rating",
+							className: customerSatisfactionStyle.customerStatisfaction({
+								animated: isSelected ? animated : void 0,
+								isScaled
+							}),
+							"data-testid": `${dataTestId}-${rating.value}`,
+							height: "auto",
+							src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected,
+							width: "auto"
+						})
+					}, rating.value);
+				})
+			});
+		};
+		CustomerSatisfaction.displayName = "CustomerSatisfaction";
+	}))();
+}
 
 //#endregion
 init_CustomerSatisfaction();

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

@@ -4,26 +4,28 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/compositions/CustomerSatisfaction/styles.css.ts
 var customerSatisfactionStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	customerSatisfactionStyle = {
-		angryAnimation: "uv_x1facm0",
-		happyAnimation: "uv_x1facm1",
-		customerStatisfaction: createRuntimeFn({
-			defaultClassName: "uv_x1facm2",
-			variantClassNames: {
-				animated: {
-					angry: "uv_x1facm3",
-					happy: "uv_x1facm4"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		customerSatisfactionStyle = {
+			angryAnimation: "uv_x1facm0",
+			happyAnimation: "uv_x1facm1",
+			customerStatisfaction: createRuntimeFn({
+				defaultClassName: "uv_x1facm2",
+				variantClassNames: {
+					animated: {
+						angry: "uv_x1facm3",
+						happy: "uv_x1facm4"
+					},
+					isScaled: { true: "uv_x1facm5" }
 				},
-				isScaled: { true: "uv_x1facm5" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		buttonContainer: "uv_x1facm6"
-	};
-});
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			buttonContainer: "uv_x1facm6"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/CustomerSatisfaction/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/EstimateCost/CompactEstimateCost.js

@@ -7,38 +7,40 @@ import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
 
 //#region src/compositions/EstimateCost/CompactEstimateCost.tsx
 var CompactEstimateCost;
-var init_CompactEstimateCost = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	CompactEstimateCost = ({ label, totalPrice, iteration, backgroundProminence }) => /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "center",
-		className: estimateCostStyle.compact[backgroundProminence],
-		direction: "row",
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ jsxs(Text, {
-			as: "p",
-			className: estimateCostStyle.compactText,
-			variant: "bodyStrong",
-			children: [/* @__PURE__ */ jsx(CalculatorIcon, {
-				sentiment: "primary",
-				size: "medium"
-			}), label]
-		}), /* @__PURE__ */ jsxs(Stack, {
+function init_CompactEstimateCost() {
+	return (init_CompactEstimateCost = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		CompactEstimateCost = ({ label, totalPrice, iteration, backgroundProminence }) => /* @__PURE__ */ jsxs(Stack, {
 			alignItems: "center",
+			className: estimateCostStyle.compact[backgroundProminence],
 			direction: "row",
+			justifyContent: "space-between",
 			children: [/* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				variant: "headingSmallStrong",
-				children: ["€", totalPrice.total]
-			}), /* @__PURE__ */ jsxs(Text, {
-				as: "span",
+				as: "p",
+				className: estimateCostStyle.compactText,
 				variant: "bodyStrong",
-				children: ["/", iteration.unit.length > 1 && iteration.unit.endsWith("s") ? iteration.unit.slice(0, -1) : iteration.unit]
+				children: [/* @__PURE__ */ jsx(CalculatorIcon, {
+					sentiment: "primary",
+					size: "medium"
+				}), 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]
+				})]
 			})]
-		})]
-	});
-});
+		});
+	}))();
+}
 
 //#endregion
 init_CompactEstimateCost();

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

@@ -9,43 +9,45 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/EstimateCost/Components/Children.tsx
 var ChildrenComponent;
-var init_Children = __esmMin(() => {
-	init_EstimateCostProvider();
-	init_CustomUnitInput();
-	init_Title();
-	init_styles_css();
-	ChildrenComponent = ({ hideTotal, ref, hideTimeUnit, defaultTimeUnit, iteration, setIteration, timeUnits, children, discount, productsCallback }) => {
-		const { locales } = useEstimateCost();
-		return /* @__PURE__ */ jsxs("table", {
-			cellPadding: "0",
-			cellSpacing: "0",
-			className: estimateCostStyle.table[hideTotal ? "noTotal" : "total"],
-			"data-testid": "summary",
-			ref,
-			children: [
-				/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostStyle.priceColumn })] }),
-				hideTimeUnit ? null : /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Title, { locales }) }), /* @__PURE__ */ jsx("th", {
-					className: cn(estimateCostStyle.priceCellContent, estimateCostStyle.priceCell),
-					children: /* @__PURE__ */ jsx("div", {
-						className: estimateCostStyle.timeCell,
-						children: /* @__PURE__ */ jsx(CustomUnitInput, {
-							defaultTimeUnit,
-							iteration,
-							setIteration,
-							timeUnits
+function init_Children() {
+	return (init_Children = __esmMin(() => {
+		init_EstimateCostProvider();
+		init_CustomUnitInput();
+		init_Title();
+		init_styles_css();
+		ChildrenComponent = ({ hideTotal, ref, hideTimeUnit, defaultTimeUnit, iteration, setIteration, timeUnits, children, discount, productsCallback }) => {
+			const { locales } = useEstimateCost();
+			return /* @__PURE__ */ jsxs("table", {
+				cellPadding: "0",
+				cellSpacing: "0",
+				className: estimateCostStyle.table[hideTotal ? "noTotal" : "total"],
+				"data-testid": "summary",
+				ref,
+				children: [
+					/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostStyle.priceColumn })] }),
+					hideTimeUnit ? null : /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Title, { locales }) }), /* @__PURE__ */ jsx("th", {
+						className: cn(estimateCostStyle.priceCellContent, estimateCostStyle.priceCell),
+						children: /* @__PURE__ */ jsx("div", {
+							className: estimateCostStyle.timeCell,
+							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) })
-			]
-		});
-	};
-});
+					})] }) }),
+					/* @__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) })
+				]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Children();

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

@@ -7,40 +7,42 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/EstimateCost/Components/CustomUnitInput.tsx
 var CustomUnitInput;
-var init_CustomUnitInput = __esmMin(() => {
-	init_UnitInput();
-	init_EstimateCostProvider();
-	CustomUnitInput = memo(({ defaultTimeUnit = "hours", setIteration, iteration, timeUnits }) => {
-		const { locales } = useEstimateCost();
-		const options = useMemo(() => timeUnits.map((unit) => ({
-			label: locales[`estimate.cost.units.${unit}.label`],
-			value: unit
-		})), [timeUnits, locales]);
-		const defaultOption = useMemo(() => options.find(({ value }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
-		return /* @__PURE__ */ jsx(UnitInput, {
-			min: 1,
-			name: "iteration",
-			onChange: (inputValue) => setIteration({
-				unit: iteration.unit,
-				value: inputValue
-			}),
-			onChangeUnitValue: (unitValue) => {
-				setIteration({
-					unit: unitValue,
-					value: iteration.value
-				});
-			},
-			options,
-			placeholder: "0",
-			selectInputWidth: "100%",
-			size: "medium",
-			templateColumns: "auto auto",
-			unitValue: iteration.unit || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value),
-			value: iteration.value,
-			width: "100%"
+function init_CustomUnitInput() {
+	return (init_CustomUnitInput = __esmMin(() => {
+		init_UnitInput();
+		init_EstimateCostProvider();
+		CustomUnitInput = memo(({ defaultTimeUnit = "hours", setIteration, iteration, timeUnits }) => {
+			const { locales } = useEstimateCost();
+			const options = useMemo(() => timeUnits.map((unit) => ({
+				label: locales[`estimate.cost.units.${unit}.label`],
+				value: unit
+			})), [timeUnits, locales]);
+			const defaultOption = useMemo(() => options.find(({ value }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
+			return /* @__PURE__ */ jsx(UnitInput, {
+				min: 1,
+				name: "iteration",
+				onChange: (inputValue) => setIteration({
+					unit: iteration.unit,
+					value: inputValue
+				}),
+				onChangeUnitValue: (unitValue) => {
+					setIteration({
+						unit: unitValue,
+						value: iteration.value
+					});
+				},
+				options,
+				placeholder: "0",
+				selectInputWidth: "100%",
+				size: "medium",
+				templateColumns: "auto auto",
+				unitValue: iteration.unit || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value),
+				value: iteration.value,
+				width: "100%"
+			});
 		});
-	});
-});
+	}))();
+}
 
 //#endregion
 init_CustomUnitInput();

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

@@ -5,14 +5,16 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/EstimateCost/Components/Description.tsx
 var Description;
-var init_Description = __esmMin(() => {
-	init_Text();
-	Description = memo(({ description, locales }) => description === void 0 || typeof description === "string" ? /* @__PURE__ */ jsx(Text, {
-		as: "span",
-		variant: "body",
-		children: description || locales["estimate.cost.description"]
-	}) : description);
-});
+function init_Description() {
+	return (init_Description = __esmMin(() => {
+		init_Text();
+		Description = memo(({ description, locales }) => description === void 0 || typeof description === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			variant: "body",
+			children: description || locales["estimate.cost.description"]
+		}) : description);
+	}))();
+}
 
 //#endregion
 init_Description();