@ultraviolet/ui 3.12.3 → 3.13.0

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

@@ -1,13 +1,189 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
-import { init_dropdown_css_ts_vanilla } from "../../SelectInput/components/dropdown.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "../../Stack/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "../../Stack/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../TagList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../../Popup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "../../Tooltip/styles.css.ts.vanilla.js";
+import { init_style_css_ts_vanilla } from "../../Text/style.css.ts.vanilla.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$4 } from "../../Loader/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$5 } from "../../Button/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$6 } from "../../Menu/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$7 } from "../../Label/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$8 } from "../../SearchInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$9 } from "../../TextInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$10 } from "../../Key/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$11 } from "../../Badge/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$12 } from "../../Expandable/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$13 } from "../../Drawer/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$14 } from "../../Separator/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from "../../Row/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$15 } from "../../Row/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$16 } from "../../NumberInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$17 } from "../../Alert/styles.css.ts.vanilla.js";
+import { init_dropdown_css_ts_vanilla } from "../../SelectInput/components/Dropdown/dropdown.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$18 } from "../../SelectableCardOptionGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$19 } from "../../UnitInput/styles.css.ts.vanilla.js";
+import { init_selectBar_css_ts_vanilla } from "../../SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$20 } from "../../SelectInput/styles.css.ts.vanilla.js";
+import { init_stylesVariants_css_ts_vanilla } from "../../Skeleton/stylesVariants.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$21 } from "../../Skeleton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$22 } from "../../CheckboxGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$23 } from "../../List/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$24 } from "../../SelectableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$25 } from "../../Checkbox/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$26 } from "../../Tag/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$27 } from "../../Bullet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$28 } from "../../Card/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$29 } from "../../ActionBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$30 } from "../../SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$31 } from "../../Radio/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$2 } from "../../Avatar/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$32 } from "../../Avatar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$33 } from "../../Banner/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$34 } from "../../BarChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$35 } from "../../BarStack/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$36 } from "../../Breadcrumbs/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$37 } from "../../Breadcrumbs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$38 } from "../../Carousel/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$3 } from "../../List/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$4 } from "../../SelectableCard/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$39 } from "../../Chip/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$40 } from "../../DateInput/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../../DateInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../Dialog/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../EmptyState/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../ExpandableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../FileInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../GlobalAlert/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../LineChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../Link/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../Meter/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../Modal/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../Notice/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../Notification/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../Pagination/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../PasswordCheck/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../PieChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../Popover/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$5 } from "../../Popup/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$6 } from "../../ProgressBar/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../ProgressBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../RadioGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../SelectableCardGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../Slider/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../Snippet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../Status/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../StepList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../Stepper/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$7 } from "../../Table/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../Table/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../Tabs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../TagInput/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$8 } from "../../Text/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../TextArea/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../Toaster/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../Toggle/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../ToggleGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../TreeMapChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$74 } from "../../VerificationCode/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$75 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/compositions/OptionSelector/styles.css.ts
 var optionSelectorStyle;
 var init_styles_css = __esmMin(() => {
+	init_animationsVanillaExtract_css_ts_vanilla();
+	init_styles_css_ts_vanilla$29();
+	init_styles_css_ts_vanilla$17();
+	init_variables_css_ts_vanilla$2();
+	init_styles_css_ts_vanilla$32();
+	init_styles_css_ts_vanilla$11();
+	init_styles_css_ts_vanilla$33();
+	init_styles_css_ts_vanilla$34();
+	init_styles_css_ts_vanilla$35();
+	init_styles_css_ts_vanilla$36();
+	init_styles_css_ts_vanilla$37();
+	init_styles_css_ts_vanilla$27();
+	init_styles_css_ts_vanilla$5();
+	init_styles_css_ts_vanilla$28();
+	init_styles_css_ts_vanilla$38();
+	init_styles_css_ts_vanilla$22();
+	init_variables_css_ts_vanilla$3();
+	init_styles_css_ts_vanilla$23();
+	init_variables_css_ts_vanilla$4();
+	init_styles_css_ts_vanilla$24();
+	init_styles_css_ts_vanilla$25();
+	init_styles_css_ts_vanilla$39();
+	init_styles_css_ts_vanilla$40();
+	init_styles_css_ts_vanilla$41();
+	init_styles_css_ts_vanilla$42();
+	init_styles_css_ts_vanilla$13();
+	init_styles_css_ts_vanilla$43();
+	init_styles_css_ts_vanilla$12();
+	init_styles_css_ts_vanilla$44();
+	init_styles_css_ts_vanilla$45();
+	init_styles_css_ts_vanilla$46();
+	init_styles_css_ts_vanilla$10();
+	init_styles_css_ts_vanilla$7();
+	init_styles_css_ts_vanilla$47();
+	init_styles_css_ts_vanilla$48();
+	init_styles_css_ts_vanilla$4();
+	init_styles_css_ts_vanilla$6();
+	init_styles_css_ts_vanilla$49();
+	init_styles_css_ts_vanilla$50();
+	init_styles_css_ts_vanilla$51();
+	init_styles_css_ts_vanilla$52();
+	init_styles_css_ts_vanilla$16();
+	init_styles_css_ts_vanilla$53();
+	init_styles_css_ts_vanilla$54();
+	init_styles_css_ts_vanilla$55();
+	init_styles_css_ts_vanilla$56();
+	init_styles_css_ts_vanilla$1();
+	init_variables_css_ts_vanilla$5();
+	init_styles_css_ts_vanilla$2();
+	init_variables_css_ts_vanilla$6();
+	init_styles_css_ts_vanilla$57();
+	init_styles_css_ts_vanilla$18();
+	init_styles_css_ts_vanilla$30();
+	init_styles_css_ts_vanilla$31();
+	init_styles_css_ts_vanilla$58();
+	init_variables_css_ts_vanilla$1();
+	init_styles_css_ts_vanilla$15();
+	init_styles_css_ts_vanilla$8();
+	init_styles_css_ts_vanilla$59();
 	init_dropdown_css_ts_vanilla();
+	init_styles_css_ts_vanilla$19();
+	init_selectBar_css_ts_vanilla();
+	init_styles_css_ts_vanilla$20();
+	init_styles_css_ts_vanilla$14();
+	init_stylesVariants_css_ts_vanilla();
+	init_styles_css_ts_vanilla$21();
+	init_styles_css_ts_vanilla$60();
+	init_styles_css_ts_vanilla$61();
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
+	init_styles_css_ts_vanilla$62();
+	init_styles_css_ts_vanilla$63();
+	init_styles_css_ts_vanilla$64();
+	init_variables_css_ts_vanilla$7();
+	init_styles_css_ts_vanilla$65();
+	init_styles_css_ts_vanilla$66();
+	init_styles_css_ts_vanilla$26();
+	init_styles_css_ts_vanilla$67();
+	init_variables_css_ts_vanilla$8();
+	init_style_css_ts_vanilla();
+	init_styles_css_ts_vanilla$68();
+	init_styles_css_ts_vanilla$9();
+	init_styles_css_ts_vanilla$69();
+	init_styles_css_ts_vanilla$70();
+	init_styles_css_ts_vanilla$71();
+	init_styles_css_ts_vanilla$72();
+	init_styles_css_ts_vanilla$3();
+	init_styles_css_ts_vanilla$73();
+	init_styles_css_ts_vanilla$74();
+	init_styles_css_ts_vanilla$75();
 	optionSelectorStyle = {
 		arrow: {
 			horizontal: "uv_12opk3la",

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AAkUA,eAAO,MAAM,iBAAiB,+CAqC7B,CAAA"}
+{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,iBAAiB,+CAqC7B,CAAA"}

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"}