@ultraviolet/ui 3.12.2 → 3.13.0

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

@@ -1,235 +1,20 @@
 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 { NumberInput, init_NumberInput } from "../../NumberInput/index.js";
 import { OrderSummaryContext, init_Provider } from "./Provider.js";
-import { DisplayPrice, calculateSubCategoryPrice, formatNumber, init_helpers } from "./helpers.js";
 import { init_styles_css, orderSummaryStyle } from "./styles.css.js";
+import { CategoryName, init_Category } from "./components/Category.js";
+import { SubCategory, init_SubCategory } from "./components/SubCategory.js";
 import { useContext } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/OrderSummary/ScrollableContent.tsx
-var SubCategoryPrice, CategoryName, SubCategory, ScrollableContent;
+var ScrollableContent;
 var init_ScrollableContent = __esmMin(() => {
-	init_NumberInput();
 	init_Stack();
-	init_Text();
-	init_helpers();
+	init_Category();
+	init_SubCategory();
 	init_Provider();
 	init_styles_css();
-	SubCategoryPrice = ({ subCategory }) => {
-		const { currency, localeFormat, hideTimeUnit, timePeriodAmount, timePeriodUnit, fractionDigits } = useContext(OrderSummaryContext);
-		const subCategoryPrice = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-		const getCorrectPrice = (variant, index) => subCategory.priceUnit ? subCategory.price : subCategoryPrice[variant][index];
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [subCategory.price !== void 0 && !subCategory.hidePrice && subCategoryPrice.default[0] === subCategoryPrice.discounted[0] && subCategoryPrice.default[1] === subCategoryPrice.discounted[1] ? /* @__PURE__ */ jsxs(Text, {
-			as: "span",
-			prominence: "strong",
-			sentiment: "neutral",
-			variant: "bodySmallStrong",
-			children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
-		}) : null, subCategory.price !== void 0 && !subCategory.hidePrice && (subCategoryPrice.default[0] !== subCategoryPrice.discounted[0] || subCategoryPrice.default[1] !== subCategoryPrice.discounted[1]) ? /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			gap: 1,
-			children: [/* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				prominence: "weak",
-				sentiment: "neutral",
-				strikeThrough: true,
-				variant: "bodySmallStrong",
-				children: [subCategoryPrice.default[0] === subCategoryPrice.default[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("default", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.default[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.default[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
-			}), /* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				prominence: "strong",
-				sentiment: "neutral",
-				variant: "bodySmallStrong",
-				children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
-			})]
-		}) : null] });
-	};
-	CategoryName = ({ category }) => {
-		var _categoriesPrice$cate;
-		const { categoriesPrice } = useContext(OrderSummaryContext);
-		const categoryPrice = (_categoriesPrice$cate = categoriesPrice[category.category]) !== null && _categoriesPrice$cate !== void 0 ? _categoriesPrice$cate : {
-			maxPrice: 0,
-			maxPriceWithDiscount: 0,
-			timeUnit: "hours",
-			totalPrice: 0,
-			totalPriceWithDiscount: 0
-		};
-		return category.category ? /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			justifyContent: "space-between",
-			children: [
-				category.additionalInfo ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodyStrong",
-						children: category.anchor ? /* @__PURE__ */ jsxs("a", {
-							className: orderSummaryStyle.anchor,
-							href: category.anchor,
-							children: [/* @__PURE__ */ jsx(AttachIcon, {
-								className: orderSummaryStyle.anchorIcon({ size: "medium" }),
-								sentiment: "info"
-							}), category.category]
-						}) : category.category
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						italic: true,
-						sentiment: "primary",
-						variant: "bodySmall",
-						children: category.additionalInfo
-					})]
-				}) : /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					prominence: "strong",
-					sentiment: "neutral",
-					variant: "bodyStrong",
-					children: category.anchor ? /* @__PURE__ */ jsxs("a", {
-						className: orderSummaryStyle.anchor,
-						href: category.anchor,
-						children: [/* @__PURE__ */ jsx(AttachIcon, {
-							className: orderSummaryStyle.anchorIcon({ size: "medium" }),
-							sentiment: "info"
-						}), category.category]
-					}) : category.category
-				}),
-				category.customContent,
-				category.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
-					className: orderSummaryStyle.numberInput,
-					controls: category.numberInputControls,
-					onChange: category.onChangeInput,
-					size: "small",
-					unit: category.numberInputUnit,
-					value: category.numberInputValue
-				}) : null,
-				!(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					prominence: "strong",
-					sentiment: "neutral",
-					variant: "bodyStrong",
-					children: /* @__PURE__ */ jsx(DisplayPrice, {
-						beforeOrAfter: "after",
-						price: categoryPrice
-					})
-				}) : null,
-				!(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "weak",
-						sentiment: "neutral",
-						strikeThrough: true,
-						variant: "bodySmallStrong",
-						children: /* @__PURE__ */ jsx(DisplayPrice, {
-							beforeOrAfter: "before",
-							price: categoryPrice
-						})
-					}), /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodyStrong",
-						children: /* @__PURE__ */ jsx(DisplayPrice, {
-							beforeOrAfter: "after",
-							price: categoryPrice
-						})
-					})]
-				}) : null
-			]
-		}) : null;
-	};
-	SubCategory = ({ subCategory }) => {
-		var _subCategory$details;
-		return /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: 1,
-			children: [/* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				justifyContent: "space-between",
-				children: [
-					subCategory.additionalInfo || subCategory.icon ? /* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						direction: "row",
-						gap: 1,
-						children: [
-							subCategory.icon,
-							/* @__PURE__ */ jsx(Text, {
-								as: "span",
-								prominence: "strong",
-								sentiment: "neutral",
-								variant: "bodySmallStrong",
-								children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
-									className: orderSummaryStyle.anchor,
-									href: subCategory.anchor,
-									children: [/* @__PURE__ */ jsx(AttachIcon, {
-										className: orderSummaryStyle.anchorIcon({ size: "small" }),
-										sentiment: "info"
-									}), subCategory.title]
-								}) : subCategory.title
-							}),
-							/* @__PURE__ */ jsx(Text, {
-								as: "span",
-								italic: true,
-								sentiment: "primary",
-								variant: "bodySmall",
-								children: subCategory.additionalInfo
-							})
-						]
-					}) : /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodySmallStrong",
-						children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
-							className: orderSummaryStyle.anchor,
-							href: subCategory.anchor,
-							children: [/* @__PURE__ */ jsx(AttachIcon, {
-								className: orderSummaryStyle.anchorIcon({ size: "small" }),
-								sentiment: "info"
-							}), subCategory.title]
-						}) : subCategory.title
-					}),
-					subCategory.customContent ? /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodySmallStrong",
-						children: subCategory.customContent
-					}) : null,
-					subCategory.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
-						className: orderSummaryStyle.numberInput,
-						controls: subCategory.numberInputControls,
-						onChange: subCategory.onChangeInput,
-						size: "small",
-						unit: subCategory.numberInputUnit,
-						value: subCategory.numberInputValue
-					}) : null,
-					/* @__PURE__ */ jsx(SubCategoryPrice, { subCategory })
-				]
-			}), /* @__PURE__ */ jsx(Stack, {
-				className: orderSummaryStyle.details,
-				direction: "column",
-				gap: .5,
-				children: (_subCategory$details = subCategory.details) === null || _subCategory$details === void 0 ? void 0 : _subCategory$details.map((detail, index) => detail ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					sentiment: "neutral",
-					variant: "bodySmall",
-					children: detail
-				}, `${subCategory.title}-${index}`) : null)
-			})]
-		});
-	};
 	ScrollableContent = () => {
 		const { items } = useContext(OrderSummaryContext);
 		return /* @__PURE__ */ jsx(Stack, {

package/dist/components/compositions/OrderSummary/components/Category.d.ts

@@ -0,0 +1,5 @@
+import type { ItemsType } from '../types';
+export declare const CategoryName: ({ category }: {
+    category: ItemsType;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Category.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OrderSummary/components/Category.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,YAAY;;oDAwGxB,CAAA"}

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

@@ -0,0 +1,125 @@
+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 { NumberInput, init_NumberInput } from "../../../NumberInput/index.js";
+import { OrderSummaryContext, init_Provider } from "../Provider.js";
+import { DisplayPrice, init_helpers } from "../helpers.js";
+import { init_styles_css, orderSummaryStyle } from "../styles.css.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
+
+//#region src/components/compositions/OrderSummary/components/Category.tsx
+var CategoryName;
+var init_Category = __esmMin(() => {
+	init_NumberInput();
+	init_Stack();
+	init_Text();
+	init_helpers();
+	init_Provider();
+	init_styles_css();
+	CategoryName = ({ category }) => {
+		var _categoriesPrice$cate;
+		const { categoriesPrice } = useContext(OrderSummaryContext);
+		const categoryPrice = (_categoriesPrice$cate = categoriesPrice[category.category]) !== null && _categoriesPrice$cate !== void 0 ? _categoriesPrice$cate : {
+			maxPrice: 0,
+			maxPriceWithDiscount: 0,
+			timeUnit: "hours",
+			totalPrice: 0,
+			totalPriceWithDiscount: 0
+		};
+		return category.category ? /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			justifyContent: "space-between",
+			children: [
+				category.additionalInfo ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodyStrong",
+						children: category.anchor ? /* @__PURE__ */ jsxs("a", {
+							className: orderSummaryStyle.anchor,
+							href: category.anchor,
+							children: [/* @__PURE__ */ jsx(AttachIcon, {
+								className: orderSummaryStyle.anchorIcon({ size: "medium" }),
+								sentiment: "info"
+							}), category.category]
+						}) : category.category
+					}), /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						italic: true,
+						sentiment: "primary",
+						variant: "bodySmall",
+						children: category.additionalInfo
+					})]
+				}) : /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodyStrong",
+					children: category.anchor ? /* @__PURE__ */ jsxs("a", {
+						className: orderSummaryStyle.anchor,
+						href: category.anchor,
+						children: [/* @__PURE__ */ jsx(AttachIcon, {
+							className: orderSummaryStyle.anchorIcon({ size: "medium" }),
+							sentiment: "info"
+						}), category.category]
+					}) : category.category
+				}),
+				category.customContent,
+				category.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+					className: orderSummaryStyle.numberInput,
+					controls: category.numberInputControls,
+					onChange: category.onChangeInput,
+					size: "small",
+					unit: category.numberInputUnit,
+					value: category.numberInputValue
+				}) : null,
+				!(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodyStrong",
+					children: /* @__PURE__ */ jsx(DisplayPrice, {
+						beforeOrAfter: "after",
+						price: categoryPrice
+					})
+				}) : null,
+				!(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "weak",
+						sentiment: "neutral",
+						strikeThrough: true,
+						variant: "bodySmallStrong",
+						children: /* @__PURE__ */ jsx(DisplayPrice, {
+							beforeOrAfter: "before",
+							price: categoryPrice
+						})
+					}), /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodyStrong",
+						children: /* @__PURE__ */ jsx(DisplayPrice, {
+							beforeOrAfter: "after",
+							price: categoryPrice
+						})
+					})]
+				}) : null
+			]
+		}) : null;
+	};
+});
+
+//#endregion
+init_Category();
+export { CategoryName, init_Category };

package/dist/components/compositions/OrderSummary/components/SubCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SubCategoryType } from '../types';
+export declare const SubCategory: ({ subCategory, }: {
+    subCategory: SubCategoryType;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubCategory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubCategory.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OrderSummary/components/SubCategory.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,WAAW;;6CA0FvB,CAAA"}

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

@@ -0,0 +1,104 @@
+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 { NumberInput, init_NumberInput } from "../../../NumberInput/index.js";
+import { init_styles_css, orderSummaryStyle } from "../styles.css.js";
+import { SubCategoryPrice, init_SubCategoryPrice } from "./SubCategoryPrice.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
+
+//#region src/components/compositions/OrderSummary/components/SubCategory.tsx
+var SubCategory;
+var init_SubCategory = __esmMin(() => {
+	init_NumberInput();
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	init_SubCategoryPrice();
+	SubCategory = ({ subCategory }) => {
+		var _subCategory$details;
+		return /* @__PURE__ */ jsxs(Stack, {
+			direction: "column",
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				justifyContent: "space-between",
+				children: [
+					subCategory.additionalInfo || subCategory.icon ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						children: [
+							subCategory.icon,
+							/* @__PURE__ */ jsx(Text, {
+								as: "span",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: "bodySmallStrong",
+								children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+									className: orderSummaryStyle.anchor,
+									href: subCategory.anchor,
+									children: [/* @__PURE__ */ jsx(AttachIcon, {
+										className: orderSummaryStyle.anchorIcon({ size: "small" }),
+										sentiment: "info"
+									}), subCategory.title]
+								}) : subCategory.title
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								as: "span",
+								italic: true,
+								sentiment: "primary",
+								variant: "bodySmall",
+								children: subCategory.additionalInfo
+							})
+						]
+					}) : /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodySmallStrong",
+						children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+							className: orderSummaryStyle.anchor,
+							href: subCategory.anchor,
+							children: [/* @__PURE__ */ jsx(AttachIcon, {
+								className: orderSummaryStyle.anchorIcon({ size: "small" }),
+								sentiment: "info"
+							}), subCategory.title]
+						}) : subCategory.title
+					}),
+					subCategory.customContent ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "bodySmallStrong",
+						children: subCategory.customContent
+					}) : null,
+					subCategory.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+						className: orderSummaryStyle.numberInput,
+						controls: subCategory.numberInputControls,
+						onChange: subCategory.onChangeInput,
+						size: "small",
+						unit: subCategory.numberInputUnit,
+						value: subCategory.numberInputValue
+					}) : null,
+					/* @__PURE__ */ jsx(SubCategoryPrice, { subCategory })
+				]
+			}), /* @__PURE__ */ jsx(Stack, {
+				className: orderSummaryStyle.details,
+				direction: "column",
+				gap: .5,
+				children: (_subCategory$details = subCategory.details) === null || _subCategory$details === void 0 ? void 0 : _subCategory$details.map((detail, index) => detail ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					sentiment: "neutral",
+					variant: "bodySmall",
+					children: detail
+				}, `${subCategory.title}-${index}`) : null)
+			})]
+		});
+	};
+});
+
+//#endregion
+init_SubCategory();
+export { SubCategory, init_SubCategory };

package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.d.ts

@@ -0,0 +1,5 @@
+import type { SubCategoryType } from '../types';
+export declare const SubCategoryPrice: ({ subCategory, }: {
+    subCategory: SubCategoryType;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubCategoryPrice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubCategoryPrice.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OrderSummary/components/SubCategoryPrice.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,gBAAgB;;6CA4H5B,CAAA"}

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

@@ -0,0 +1,50 @@
+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 { OrderSummaryContext, init_Provider } from "../Provider.js";
+import { calculateSubCategoryPrice, formatNumber, init_helpers } from "../helpers.js";
+import { useContext } from "react";
+import { Fragment as Fragment$1, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/OrderSummary/components/SubCategoryPrice.tsx
+var SubCategoryPrice;
+var init_SubCategoryPrice = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_helpers();
+	init_Provider();
+	SubCategoryPrice = ({ subCategory }) => {
+		const { currency, localeFormat, hideTimeUnit, timePeriodAmount, timePeriodUnit, fractionDigits } = useContext(OrderSummaryContext);
+		const subCategoryPrice = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+		const getCorrectPrice = (variant, index) => subCategory.priceUnit ? subCategory.price : subCategoryPrice[variant][index];
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [subCategory.price !== void 0 && !subCategory.hidePrice && subCategoryPrice.default[0] === subCategoryPrice.discounted[0] && subCategoryPrice.default[1] === subCategoryPrice.discounted[1] ? /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			prominence: "strong",
+			sentiment: "neutral",
+			variant: "bodySmallStrong",
+			children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+		}) : null, subCategory.price !== void 0 && !subCategory.hidePrice && (subCategoryPrice.default[0] !== subCategoryPrice.discounted[0] || subCategoryPrice.default[1] !== subCategoryPrice.discounted[1]) ? /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				prominence: "weak",
+				sentiment: "neutral",
+				strikeThrough: true,
+				variant: "bodySmallStrong",
+				children: [subCategoryPrice.default[0] === subCategoryPrice.default[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("default", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.default[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.default[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+			}), /* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				prominence: "strong",
+				sentiment: "neutral",
+				variant: "bodySmallStrong",
+				children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+			})]
+		}) : null] });
+	};
+});
+
+//#endregion
+init_SubCategoryPrice();
+export { SubCategoryPrice, init_SubCategoryPrice };

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

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { init_constants, multiplier } from "./constants.js";
 import { OrderSummaryContext, init_Provider } from "./Provider.js";
 import { useContext } from "react";

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

@@ -1,3 +1,7 @@
 import type { OrderSummaryProps } from './types';
+/**
+ * Key interface element that provides users with a comprehensive
+ * view of their selected configurations, costs, and any applied discounts.
+ */
 export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, 'data-testid': dataTestId, style, priceInformation, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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":"AAeA,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":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,YAAY,uaAwLxB,CAAA"}

package/dist/components/compositions/Plans/index.d.ts

@@ -17,6 +17,9 @@ type PlansProps<T extends string> = {
         content: string;
     };
 };
+/**
+ * Allows users to compare different offers, providing varying features and pricing options to suit different needs.
+ */
 export declare const Plans: <T extends string>({ fieldName, onChange, value, features, plans, hideFeatureText, hideLabels, locales, style, highlight, }: PlansProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AASA,OAAO,YAAY,MAAM,cAAc,CAAA;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AASA,OAAO,YAAY,MAAM,cAAc,CAAA;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}

package/dist/components/compositions/SteppedListCard/styles.css.js

@@ -1,11 +1,9 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
-import { init_themes_css_js_vanilla } from "../../../themes/dist/vanilla/themes.css.js.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/compositions/SteppedListCard/styles.css.ts
 var steppedListCardStyle;
 var init_styles_css = __esmMin(() => {
-	init_themes_css_js_vanilla();
 	init_styles_css_ts_vanilla();
 	steppedListCardStyle = {
 		steppedListCard: "uv_11c7zuq0",

package/dist/components/index.js

@@ -3,8 +3,6 @@ import { Stack, init_Stack } from "./Stack/index.js";
 import { Popup, init_Popup } from "./Popup/index.js";
 import { Tooltip, init_Tooltip } from "./Tooltip/index.js";
 import { Text, init_Text } from "./Text/index.js";
-import { Expandable, init_Expandable } from "./Expandable/index.js";
-import { Badge, init_Badge } from "./Badge/index.js";
 import { Loader, init_Loader } from "./Loader/index.js";
 import { Button, init_Button } from "./Button/index.js";
 import { Label, init_Label } from "./Label/index.js";
@@ -12,12 +10,14 @@ import { TextInput, init_TextInput } from "./TextInput/index.js";
 import { Key, init_Key } from "./Key/index.js";
 import { SearchInput, init_SearchInput } from "./SearchInput/index.js";
 import { Menu, init_Menu } from "./Menu/index.js";
+import { Badge, init_Badge } from "./Badge/index.js";
+import { Expandable, init_Expandable } from "./Expandable/index.js";
 import { Separator, init_Separator } from "./Separator/index.js";
 import { Row, init_Row } from "./Row/index.js";
 import { NumberInput, init_NumberInput } from "./NumberInput/index.js";
 import { Alert, init_Alert } from "./Alert/index.js";
-import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Skeleton, init_Skeleton } from "./Skeleton/index.js";
+import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Tag, init_Tag } from "./Tag/index.js";
 import { SelectInput, init_SelectInput } from "./SelectInput/index.js";
 import { UnitInput, init_UnitInput } from "./UnitInput/index.js";
@@ -36,7 +36,8 @@ import { BarChart, init_BarChart } from "./BarChart/index.js";
 import { BarStack, init_BarStack } from "./BarStack/index.js";
 import { Breadcrumbs, init_Breadcrumbs } from "./Breadcrumbs/index.js";
 import { Carousel, init_Carousel } from "./Carousel/index.js";
-import { CheckboxGroup, CheckboxGroupCheckbox, init_CheckboxGroup } from "./CheckboxGroup/index.js";
+import { CheckboxGroupCheckbox } from "./CheckboxGroup/SingleCheckbox.js";
+import { CheckboxGroup, init_CheckboxGroup } from "./CheckboxGroup/index.js";
 import { Chip, init_Chip } from "./Chip/index.js";
 import { DateInput, init_DateInput } from "./DateInput/index.js";
 import { Modal, init_Modal } from "./Modal/index.js";