@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,159 +1,166 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Label } from "../../Label/index.js";
-import { firstLabel, optionSelectorWrapper, secondLabel } from "./styles.css.js";
-import { Arrow } from "./components/ArrowIcon.js";
-import { IconWithContent } from "./components/IconWithContent.js";
-import { RevealOnHover } from "./components/RevealOnHover.js";
-import { Selector } from "./components/Selector.js";
-import { SelectorHelper } from "./components/SelectorLabel.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../Label/index.js";
+import { init_styles_css, optionSelectorStyle } from "./styles.css.js";
+import { Arrow, init_ArrowIcon } from "./components/ArrowIcon.js";
+import { IconWithContent, init_IconWithContent } from "./components/IconWithContent.js";
+import { RevealOnHover, init_RevealOnHover } from "./components/RevealOnHover.js";
+import { Selector, init_Selector } from "./components/Selector.js";
+import { SelectorHelper, init_SelectorLabel } from "./components/SelectorLabel.js";
 import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/OptionSelector/index.tsx
-const makeSelectInputOptions = (options) => options.map((option) => {
-	const optionLabel = option.hoverContent ? /* @__PURE__ */ jsx(RevealOnHover, {
-		content: /* @__PURE__ */ jsx(IconWithContent, {
+var makeSelectInputOptions, OptionSelector;
+var init_OptionSelector = __esmMin(() => {
+	init_Label();
+	init_ArrowIcon();
+	init_IconWithContent();
+	init_RevealOnHover();
+	init_Selector();
+	init_SelectorLabel();
+	init_styles_css();
+	makeSelectInputOptions = (options) => options.map((option) => {
+		const optionLabel = option.hoverContent ? /* @__PURE__ */ jsx(RevealOnHover, {
+			content: /* @__PURE__ */ jsx(IconWithContent, {
+				content: option.content,
+				icon: option.icon
+			}),
+			hoverContent: /* @__PURE__ */ jsx(IconWithContent, {
+				content: option.hoverContent,
+				icon: option.icon
+			})
+		}, option.value) : /* @__PURE__ */ jsx(IconWithContent, {
 			content: option.content,
 			icon: option.icon
-		}),
-		hoverContent: /* @__PURE__ */ jsx(IconWithContent, {
-			content: option.hoverContent,
-			icon: option.icon
-		})
-	}, option.value) : /* @__PURE__ */ jsx(IconWithContent, {
-		content: option.content,
-		icon: option.icon
-	}, option.value);
-	return {
-		disabled: option.disabled,
-		label: optionLabel,
-		optionalInfo: option.optionalInfo,
-		searchText: option.value,
-		tooltip: option.tooltip,
-		value: option.value
-	};
-});
-/**
-* A compound selection component that displays two sequential select inputs
-* where the first selection contextualizes and filters the options available in the second.
-*/
-const OptionSelector = ({ className, style, "data-testid": dataTestId, firstSelector, secondSelector, size = "large", disabled, readOnly, "aria-label": ariaLabel, error, required, onChange, name, value, hideWhenEmpty, direction = "horizontal" }) => {
-	const firstValue = useMemo(() => {
-		if (value === null || value === void 0 ? void 0 : value.first) return value.first;
-		if (firstSelector.options.length === 1) {
+		}, option.value);
+		return {
+			disabled: option.disabled,
+			label: optionLabel,
+			optionalInfo: option.optionalInfo,
+			searchText: option.value,
+			tooltip: option.tooltip,
+			value: option.value
+		};
+	});
+	OptionSelector = ({ className, style, "data-testid": dataTestId, firstSelector, secondSelector, size = "large", disabled, readOnly, "aria-label": ariaLabel, error, required, onChange, name, value, hideWhenEmpty, direction = "horizontal" }) => {
+		const firstValue = useMemo(() => {
+			if (value === null || value === void 0 ? void 0 : value.first) return value.first;
+			if (firstSelector.options.length === 1) {
+				onChange === null || onChange === void 0 || onChange({
+					first: firstSelector.options[0].value,
+					second: value === null || value === void 0 ? void 0 : value.second,
+					changingValue: "first"
+				});
+				return firstSelector.options[0].value;
+			}
+		}, [
+			value === null || value === void 0 ? void 0 : value.first,
+			value === null || value === void 0 ? void 0 : value.second,
+			onChange,
+			firstSelector
+		]);
+		const secondValue = useMemo(() => {
+			if (value === null || value === void 0 ? void 0 : value.second) return value.second;
+			if ((secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options.length) === 1) {
+				onChange === null || onChange === void 0 || onChange({
+					first: value === null || value === void 0 ? void 0 : value.first,
+					second: secondSelector.options[0].value,
+					changingValue: "second"
+				});
+				return secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options[0].value;
+			}
+		}, [
+			secondSelector,
+			value === null || value === void 0 ? void 0 : value.first,
+			value === null || value === void 0 ? void 0 : value.second,
+			onChange
+		]);
+		const firstSelectorOptions = makeSelectInputOptions(firstSelector.options);
+		const secondSelectorOptions = (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options) ? makeSelectInputOptions(secondSelector.options) : void 0;
+		const onChangeFirstSelector = (val) => {
 			onChange === null || onChange === void 0 || onChange({
-				first: firstSelector.options[0].value,
+				first: val,
 				second: value === null || value === void 0 ? void 0 : value.second,
 				changingValue: "first"
 			});
-			return firstSelector.options[0].value;
-		}
-	}, [
-		value === null || value === void 0 ? void 0 : value.first,
-		value === null || value === void 0 ? void 0 : value.second,
-		onChange,
-		firstSelector
-	]);
-	const secondValue = useMemo(() => {
-		if (value === null || value === void 0 ? void 0 : value.second) return value.second;
-		if ((secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options.length) === 1) {
+		};
+		const onChangeSecondSelector = (val) => {
 			onChange === null || onChange === void 0 || onChange({
 				first: value === null || value === void 0 ? void 0 : value.first,
-				second: secondSelector.options[0].value,
+				second: val,
 				changingValue: "second"
 			});
-			return secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options[0].value;
-		}
-	}, [
-		secondSelector,
-		value === null || value === void 0 ? void 0 : value.first,
-		value === null || value === void 0 ? void 0 : value.second,
-		onChange
-	]);
-	const firstSelectorOptions = makeSelectInputOptions(firstSelector.options);
-	const secondSelectorOptions = (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.options) ? makeSelectInputOptions(secondSelector.options) : void 0;
-	const onChangeFirstSelector = (val) => {
-		onChange === null || onChange === void 0 || onChange({
-			first: val,
-			second: value === null || value === void 0 ? void 0 : value.second,
-			changingValue: "first"
-		});
-	};
-	const onChangeSecondSelector = (val) => {
-		onChange === null || onChange === void 0 || onChange({
-			first: value === null || value === void 0 ? void 0 : value.first,
-			second: val,
-			changingValue: "second"
+		};
+		const isReadOnly = (selector) => selector.options.length === 1 || selector.readOnly || readOnly;
+		const isHorizontal = direction === "horizontal";
+		const firstSelectorStringError = typeof firstSelector.error === "string";
+		const secondSelectorStringError = typeof (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.error) === "string";
+		return /* @__PURE__ */ jsxs("fieldset", {
+			"aria-label": ariaLabel,
+			className: cn(className, optionSelectorStyle.wrapper({ direction })),
+			"data-testid": dataTestId,
+			name,
+			style,
+			children: [
+				isHorizontal ? /* @__PURE__ */ jsx(Label, {
+					className: optionSelectorStyle.firstLabel,
+					required,
+					size,
+					children: firstSelector.label
+				}) : null,
+				firstValue && secondSelector && secondSelectorOptions && isHorizontal ? /* @__PURE__ */ jsx(Label, {
+					className: optionSelectorStyle.secondLabel,
+					required,
+					children: secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.label
+				}) : null,
+				/* @__PURE__ */ jsx(Selector, {
+					direction,
+					disabled,
+					error,
+					firstSelector,
+					isFirst: true,
+					isHorizontal,
+					onChange: onChangeFirstSelector,
+					options: firstSelectorOptions,
+					readOnly: isReadOnly(firstSelector),
+					required,
+					size,
+					value: firstValue
+				}),
+				secondSelector && secondSelectorOptions && !(hideWhenEmpty && !firstValue) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Arrow, {
+					direction,
+					size
+				}), /* @__PURE__ */ jsx(Selector, {
+					direction,
+					disabled: disabled || !firstValue || !!firstSelector.error,
+					error,
+					firstSelector: secondSelector,
+					isHorizontal,
+					onChange: onChangeSecondSelector,
+					options: secondSelectorOptions,
+					readOnly: isReadOnly(secondSelector),
+					required,
+					size,
+					value: secondValue
+				})] }) : null,
+				isHorizontal && (firstSelectorStringError || firstSelector.helper) ? /* @__PURE__ */ jsx(SelectorHelper, {
+					error: firstSelector.error,
+					helper: firstSelector.helper,
+					isError: firstSelectorStringError,
+					isFirst: true
+				}) : null,
+				secondSelector && isHorizontal && (secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper)) ? /* @__PURE__ */ jsx(SelectorHelper, {
+					error: secondSelector.error,
+					helper: secondSelector.helper,
+					isError: secondSelectorStringError
+				}) : null
+			]
 		});
 	};
-	const isReadOnly = (selector) => selector.options.length === 1 || selector.readOnly || readOnly;
-	const isHorizontal = direction === "horizontal";
-	const firstSelectorStringError = typeof firstSelector.error === "string";
-	const secondSelectorStringError = typeof (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.error) === "string";
-	return /* @__PURE__ */ jsxs("fieldset", {
-		"aria-label": ariaLabel,
-		className: cn(className, optionSelectorWrapper({ direction })),
-		"data-testid": dataTestId,
-		name,
-		style,
-		children: [
-			isHorizontal ? /* @__PURE__ */ jsx(Label, {
-				className: firstLabel,
-				required,
-				size,
-				children: firstSelector.label
-			}) : null,
-			firstValue && secondSelector && secondSelectorOptions && isHorizontal ? /* @__PURE__ */ jsx(Label, {
-				className: secondLabel,
-				required,
-				children: secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.label
-			}) : null,
-			/* @__PURE__ */ jsx(Selector, {
-				direction,
-				disabled,
-				error,
-				firstSelector,
-				isFirst: true,
-				isHorizontal,
-				onChange: onChangeFirstSelector,
-				options: firstSelectorOptions,
-				readOnly: isReadOnly(firstSelector),
-				required,
-				size,
-				value: firstValue
-			}),
-			secondSelector && secondSelectorOptions && !(hideWhenEmpty && !firstValue) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Arrow, {
-				direction,
-				size
-			}), /* @__PURE__ */ jsx(Selector, {
-				direction,
-				disabled: disabled || !firstValue || !!firstSelector.error,
-				error,
-				firstSelector: secondSelector,
-				isHorizontal,
-				onChange: onChangeSecondSelector,
-				options: secondSelectorOptions,
-				readOnly: isReadOnly(secondSelector),
-				required,
-				size,
-				value: secondValue
-			})] }) : null,
-			isHorizontal && (firstSelectorStringError || firstSelector.helper) ? /* @__PURE__ */ jsx(SelectorHelper, {
-				error: firstSelector.error,
-				helper: firstSelector.helper,
-				isError: firstSelectorStringError,
-				isFirst: true
-			}) : null,
-			secondSelector && isHorizontal && (secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper)) ? /* @__PURE__ */ jsx(SelectorHelper, {
-				error: secondSelector.error,
-				helper: secondSelector.helper,
-				isError: secondSelectorStringError
-			}) : null
-		]
-	});
-};
+});
 
 //#endregion
-export { OptionSelector };
+init_OptionSelector();
+export { OptionSelector, init_OptionSelector };

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

@@ -1,25 +1,27 @@
-export declare const optionSelectorWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
-    direction: {
-        horizontal: {
-            display: "grid";
-            alignItems: "center";
-            gridTemplateColumns: `1fr var(--${string}) 1fr`;
-            gap: `var(--${string})`;
+export declare const optionSelectorStyle: {
+    arrow: Record<"horizontal" | "vertical", string>;
+    errorFirstSelector: string;
+    errorSecondSelector: string;
+    wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+        direction: {
+            horizontal: {
+                display: "grid";
+                alignItems: "center";
+                gridTemplateColumns: `1fr var(--${string}) 1fr`;
+                gap: `var(--${string})`;
+            };
+            vertical: {
+                display: "flex";
+                flexDirection: "column";
+                alignItems: "start";
+                gap: `var(--${string})`;
+            };
         };
-        vertical: {
-            display: "flex";
-            flexDirection: "column";
-            alignItems: "start";
-            gap: `var(--${string})`;
-        };
-    };
-}>;
-export declare const revealOnHover: string;
-export declare const firstLabel: string;
-export declare const secondLabel: string;
-export declare const firstSelectInput: Record<"horizontal" | "vertical", string>;
-export declare const secondSelectInput: Record<"horizontal" | "vertical", string>;
-export declare const arrow: Record<"horizontal" | "vertical", string>;
-export declare const errorFirstSelector: string;
-export declare const errorSecondSelector: string;
+    }>;
+    revealOnHover: string;
+    firstLabel: string;
+    secondLabel: string;
+    firstSelectInput: Record<"horizontal" | "vertical", string>;
+    secondSelectInput: Record<"horizontal" | "vertical", string>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;EAuBhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAiBxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,eAAO,MAAM,gBAAgB,2CAM3B,CAAA;AAEF,eAAO,MAAM,iBAAiB,2CAM5B,CAAA;AAEF,eAAO,MAAM,KAAK,2CAOhB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAG9B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AA8FA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAU/B,CAAA"}

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

@@ -1,34 +1,43 @@
-/* empty css                                                   */
-/* empty css                      */
+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 { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/compositions/OptionSelector/styles.css.ts
-var optionSelectorWrapper = createRuntimeFn({
-	defaultClassName: "uv_12opk3l0",
-	variantClassNames: { direction: {
-		horizontal: "uv_12opk3l1",
-		vertical: "uv_12opk3l2"
-	} },
-	defaultVariants: { direction: "horizontal" },
-	compoundVariants: []
+var optionSelectorStyle;
+var init_styles_css = __esmMin(() => {
+	init_dropdown_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	optionSelectorStyle = {
+		arrow: {
+			horizontal: "uv_12opk3la",
+			vertical: "uv_12opk3lb"
+		},
+		errorFirstSelector: "uv_12opk3lc",
+		errorSecondSelector: "uv_12opk3ld",
+		wrapper: createRuntimeFn({
+			defaultClassName: "uv_12opk3l0",
+			variantClassNames: { direction: {
+				horizontal: "uv_12opk3l1",
+				vertical: "uv_12opk3l2"
+			} },
+			defaultVariants: { direction: "horizontal" },
+			compoundVariants: []
+		}),
+		revealOnHover: "uv_12opk3l3",
+		firstLabel: "uv_12opk3l4",
+		secondLabel: "uv_12opk3l5",
+		firstSelectInput: {
+			horizontal: "uv_12opk3l6",
+			vertical: "uv_12opk3l7"
+		},
+		secondSelectInput: {
+			horizontal: "uv_12opk3l8",
+			vertical: "uv_12opk3l9"
+		}
+	};
 });
-var revealOnHover = "uv_12opk3l3";
-var firstLabel = "uv_12opk3l4";
-var secondLabel = "uv_12opk3l5";
-var firstSelectInput = {
-	horizontal: "uv_12opk3l6",
-	vertical: "uv_12opk3l7"
-};
-var secondSelectInput = {
-	horizontal: "uv_12opk3l8",
-	vertical: "uv_12opk3l9"
-};
-var arrow = {
-	horizontal: "uv_12opk3la",
-	vertical: "uv_12opk3lb"
-};
-var errorFirstSelector = "uv_12opk3lc";
-var errorSecondSelector = "uv_12opk3ld";
 
 //#endregion
-export { arrow, errorFirstSelector, errorSecondSelector, firstLabel, firstSelectInput, optionSelectorWrapper, revealOnHover, secondLabel, secondSelectInput };
+init_styles_css();
+export { init_styles_css, optionSelectorStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/compositions/OptionSelector/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

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

@@ -1 +1 @@
-{"version":3,"file":"NonScrollableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/NonScrollableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtC,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1C,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,QAAQ,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uBAAuB,EAAE,OAAO,CAAA;IAChC,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,oBAAoB,+QAyHhC,CAAA"}
+{"version":3,"file":"NonScrollableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/NonScrollableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1C,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,QAAQ,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uBAAuB,EAAE,OAAO,CAAA;IAChC,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,oBAAoB,+QAyHhC,CAAA"}

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

@@ -1,89 +1,65 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { OrderSummaryContext } from "./Provider.js";
-import { DisplayPrice } from "./helpers.js";
-import { orderSummaryNonScrollableContainer, orderSummaryTotalPrice } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { 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";
 
 //#region src/components/compositions/OrderSummary/NonScrollableContent.tsx
-const NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount }) => {
-	const { locales } = useContext(OrderSummaryContext);
-	const unitSingular = unit.endsWith("s") ? unit.slice(0, -1) : unit;
-	const divisor = defaultPriceInformation ? timePeriodAmount : void 0;
-	return /* @__PURE__ */ jsxs(Stack, {
-		className: orderSummaryNonScrollableContainer,
-		gap: 3,
-		children: [
-			children,
-			/* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				justifyContent: "space-between",
-				children: [totalPriceInfo && totalPriceInfoPlacement === "left" ? /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Stack, {
+var NonScrollableContent;
+var init_NonScrollableContent = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_helpers();
+	init_Provider();
+	init_styles_css();
+	NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount }) => {
+		const { locales } = useContext(OrderSummaryContext);
+		const unitSingular = unit.endsWith("s") ? unit.slice(0, -1) : unit;
+		const divisor = defaultPriceInformation ? timePeriodAmount : void 0;
+		return /* @__PURE__ */ jsxs(Stack, {
+			className: orderSummaryStyle.nonScrollableContainer,
+			gap: 3,
+			children: [
+				children,
+				/* @__PURE__ */ jsxs(Stack, {
 					alignItems: "center",
 					direction: "row",
-					gap: 1,
-					children: [/* @__PURE__ */ jsxs(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodyStrong",
-						children: [locales["order.summary.total"], ":"]
-					}), totalPriceDescription]
-				}), totalPriceInfo] }) : /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					children: [/* @__PURE__ */ jsxs(Text, {
-						as: "span",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "bodyStrong",
-						children: [
-							locales["order.summary.total"],
-							additionalInfo ? ` ${additionalInfo}` : null,
-							":"
-						]
-					}), totalPriceDescription]
-				}), /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "flex-end",
-					direction: "column",
-					children: [totalPrice.totalPrice === totalPrice.totalPriceWithDiscount || hideBeforePrice ? /* @__PURE__ */ jsxs(Text, {
-						as: "span",
-						className: orderSummaryTotalPrice[defaultPriceInformation && !priceInformation ? "default" : "priceInformation"],
-						"data-testid": "total-price",
-						prominence: "strong",
-						sentiment: "neutral",
-						variant: "headingSmallStrong",
-						children: [
-							/* @__PURE__ */ jsx(DisplayPrice, {
-								beforeOrAfter: "after",
-								divisor,
-								price: totalPrice
-							}),
-							defaultPriceInformation ? `/${unitSingular}` : null,
-							priceInformation
-						]
-					}) : /* @__PURE__ */ jsxs(Stack, {
+					justifyContent: "space-between",
+					children: [totalPriceInfo && totalPriceInfoPlacement === "left" ? /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Stack, {
 						alignItems: "center",
 						direction: "row",
 						gap: 1,
-						children: [/* @__PURE__ */ jsx(Text, {
+						children: [/* @__PURE__ */ jsxs(Text, {
 							as: "span",
-							prominence: "weak",
+							prominence: "strong",
 							sentiment: "neutral",
-							strikeThrough: true,
-							variant: "bodySmallStrong",
-							children: /* @__PURE__ */ jsx(DisplayPrice, {
-								beforeOrAfter: "before",
-								divisor,
-								price: totalPrice
-							})
-						}), /* @__PURE__ */ jsxs(Text, {
+							variant: "bodyStrong",
+							children: [locales["order.summary.total"], ":"]
+						}), totalPriceDescription]
+					}), totalPriceInfo] }) : /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						children: [/* @__PURE__ */ jsxs(Text, {
 							as: "span",
-							className: orderSummaryTotalPrice[priceInformation ? "priceInformation" : "default"],
+							prominence: "strong",
+							sentiment: "neutral",
+							variant: "bodyStrong",
+							children: [
+								locales["order.summary.total"],
+								additionalInfo ? ` ${additionalInfo}` : null,
+								":"
+							]
+						}), totalPriceDescription]
+					}), /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "flex-end",
+						direction: "column",
+						children: [totalPrice.totalPrice === totalPrice.totalPriceWithDiscount || hideBeforePrice ? /* @__PURE__ */ jsxs(Text, {
+							as: "span",
+							className: orderSummaryStyle.totalPrice[defaultPriceInformation && !priceInformation ? "default" : "priceInformation"],
 							"data-testid": "total-price",
 							prominence: "strong",
 							sentiment: "neutral",
@@ -97,14 +73,47 @@ const NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, to
 								defaultPriceInformation ? `/${unitSingular}` : null,
 								priceInformation
 							]
-						})]
-					}), totalPriceInfo && totalPriceInfoPlacement === "right" ? totalPriceInfo : null]
-				})]
-			}),
-			footer
-		]
-	});
-};
+						}) : /* @__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",
+									divisor,
+									price: totalPrice
+								})
+							}), /* @__PURE__ */ jsxs(Text, {
+								as: "span",
+								className: orderSummaryStyle.totalPrice[priceInformation ? "priceInformation" : "default"],
+								"data-testid": "total-price",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: "headingSmallStrong",
+								children: [
+									/* @__PURE__ */ jsx(DisplayPrice, {
+										beforeOrAfter: "after",
+										divisor,
+										price: totalPrice
+									}),
+									defaultPriceInformation ? `/${unitSingular}` : null,
+									priceInformation
+								]
+							})]
+						}), totalPriceInfo && totalPriceInfoPlacement === "right" ? totalPriceInfo : null]
+					})]
+				}),
+				footer
+			]
+		});
+	};
+});
 
 //#endregion
-export { NonScrollableContent };
+init_NonScrollableContent();
+export { NonScrollableContent, init_NonScrollableContent };