@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1,39 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SelectInput, init_SelectInput } from "../../../components/SelectInput/index.js";
+import { init_styles_css, optionSelectorStyle } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/OptionSelector/components/Selector.tsx
+var Selector;
+var init_Selector = __esmMin(() => {
+	init_SelectInput();
+	init_styles_css();
+	Selector = ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction = "horizontal", firstSelector: selector }) => /* @__PURE__ */ jsx(SelectInput, {
+		"aria-label": selector["aria-label"],
+		className: isFirst ? optionSelectorStyle.firstSelectInput[direction] : optionSelectorStyle.secondSelectInput[direction],
+		"data-testid": isFirst ? "first-selector" : "second-selector",
+		disabled: selector.disabled || disabled,
+		emptyState: selector.emptyState,
+		error: isHorizontal ? error || !!selector.error : error || selector.error,
+		footer: selector.footer,
+		helper: isHorizontal ? void 0 : selector.helper,
+		isLoading: selector.isLoading,
+		label: isHorizontal ? void 0 : selector.label,
+		labelDescription: selector.labelDescription,
+		loadMore: selector.loadMore,
+		onChange,
+		optionalInfoPlacement: "right",
+		options,
+		placeholder: selector.placeholder,
+		readOnly,
+		required,
+		searchable: selector.searchable,
+		size,
+		tooltip: selector.tooltip,
+		value
+	});
+});
+
+//#endregion
+init_Selector();
+export { Selector, init_Selector };

package/dist/compositions/OptionSelector/components/SelectorLabel.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export declare const SelectorHelper: ({ isError, error, helper, isFirst, }: {
+    isError: boolean;
+    helper?: ReactNode;
+    error?: boolean | string;
+    isFirst?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectorLabel.d.ts.map

package/dist/compositions/OptionSelector/components/SelectorLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorLabel.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/SelectorLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,cAAc,yCAKxB;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,4CAcA,CAAA"}

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

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { init_styles_css, optionSelectorStyle } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/OptionSelector/components/SelectorLabel.tsx
+var SelectorHelper;
+var init_SelectorLabel = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	SelectorHelper = ({ isError, error, helper, isFirst }) => /* @__PURE__ */ jsx(Text, {
+		as: "p",
+		className: isFirst ? optionSelectorStyle.errorFirstSelector : optionSelectorStyle.errorSecondSelector,
+		prominence: isError ? "default" : "weak",
+		sentiment: isError ? "danger" : "neutral",
+		variant: "caption",
+		children: isError ? error : helper
+	});
+});
+
+//#endregion
+init_SelectorLabel();
+export { SelectorHelper, init_SelectorLabel };

package/dist/compositions/OptionSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AAmClE;;;GAGG;AACH,eAAO,MAAM,cAAc,yMAiBxB,mBAAmB,4CAqIrB,CAAA"}

package/dist/compositions/OptionSelector/index.js

@@ -0,0 +1,166 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Label, init_Label } from "../../components/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 { cn } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/OptionSelector/index.tsx
+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
+		}, 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: 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
+			]
+		});
+	};
+});
+
+//#endregion
+init_OptionSelector();
+export { OptionSelector, init_OptionSelector };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AA+FA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAU/B,CAAA"}

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

@@ -0,0 +1,219 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "../../components/Stack/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "../../components/Stack/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../components/TagList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../../components/Popup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "../../components/Tooltip/styles.css.ts.vanilla.js";
+import { init_style_css_ts_vanilla } from "../../components/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 "../../components/Loader/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$5 } from "../../components/Button/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$6 } from "../../components/Menu/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$7 } from "../../components/Label/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$8 } from "../../components/SearchInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$9 } from "../../components/TextInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$10 } from "../../components/Key/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$11 } from "../../components/Badge/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$12 } from "../../components/Expandable/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$13 } from "../../components/Drawer/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$14 } from "../../components/Separator/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from "../../components/Row/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$15 } from "../../components/Row/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$16 } from "../../components/NumberInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$17 } from "../../components/Alert/styles.css.ts.vanilla.js";
+import { init_dropdown_css_ts_vanilla } from "../../components/SelectInput/components/Dropdown/dropdown.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$18 } from "../../components/SelectableCardOptionGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$19 } from "../../components/UnitInput/styles.css.ts.vanilla.js";
+import { init_selectBar_css_ts_vanilla } from "../../components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$20 } from "../../components/SelectInput/styles.css.ts.vanilla.js";
+import { init_stylesVariants_css_ts_vanilla } from "../../components/Skeleton/stylesVariants.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$21 } from "../../components/Skeleton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$22 } from "../../components/CheckboxGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$23 } from "../../components/List/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$24 } from "../../components/SelectableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$25 } from "../../components/Checkbox/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$26 } from "../../components/Tag/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$27 } from "../../components/Bullet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$28 } from "../../components/Card/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$29 } from "../../components/ActionBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$30 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$31 } from "../../components/Radio/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$2 } from "../../components/Avatar/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$32 } from "../../components/Avatar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$33 } from "../../components/Banner/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$34 } from "../../components/BarChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$35 } from "../../components/BarStack/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$36 } from "../../components/Breadcrumbs/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$37 } from "../../components/Breadcrumbs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$38 } from "../../components/Carousel/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$3 } from "../../components/List/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$4 } from "../../components/SelectableCard/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$39 } from "../../components/Chip/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$40 } from "../../components/DateInput/components/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../../components/DateInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../components/Dialog/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../components/EmptyState/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../components/ExpandableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/FileInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/GlobalAlert/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/LineChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Link/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Meter/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Modal/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Notice/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/Notification/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/Pagination/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/PieChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/Popover/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$5 } from "../../components/Popup/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$6 } from "../../components/ProgressBar/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/Slider/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/Snippet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Status/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/StepList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/Stepper/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$7 } from "../../components/Table/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Table/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Tabs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/TagInput/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$8 } from "../../components/Text/variables.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TextArea/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/Toaster/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../components/Toggle/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../components/ToggleGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../components/TreeMapChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$74 } from "../../components/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/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_a8s2fva",
+			vertical: "uv_a8s2fvb"
+		},
+		errorFirstSelector: "uv_a8s2fvc",
+		errorSecondSelector: "uv_a8s2fvd",
+		wrapper: createRuntimeFn({
+			defaultClassName: "uv_a8s2fv0",
+			variantClassNames: { direction: {
+				horizontal: "uv_a8s2fv1",
+				vertical: "uv_a8s2fv2"
+			} },
+			defaultVariants: { direction: "horizontal" },
+			compoundVariants: []
+		}),
+		revealOnHover: "uv_a8s2fv3",
+		firstLabel: "uv_a8s2fv4",
+		secondLabel: "uv_a8s2fv5",
+		firstSelectInput: {
+			horizontal: "uv_a8s2fv6",
+			vertical: "uv_a8s2fv7"
+		},
+		secondSelectInput: {
+			horizontal: "uv_a8s2fv8",
+			vertical: "uv_a8s2fv9"
+		}
+	};
+});
+
+//#endregion
+init_styles_css();
+export { init_styles_css, optionSelectorStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/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/compositions/OptionSelector/types.d.ts

@@ -0,0 +1,42 @@
+import type { SelectInput } from '../../components/SelectInput';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+export type SelectorOption = {
+    content: ReactNode;
+    icon?: ReactNode;
+    value: string;
+    hoverContent?: ReactNode;
+    disabled?: boolean;
+    tooltip?: string;
+    optionalInfo?: ReactNode;
+};
+export type SelectorProps = Pick<ComponentProps<typeof SelectInput>, 'label' | 'labelDescription' | 'error' | 'disabled' | 'helper' | 'readOnly' | 'placeholder' | 'emptyState' | 'searchable' | 'footer' | 'tooltip' | 'loadMore' | 'isLoading' | 'aria-label'> & {
+    options: SelectorOption[];
+    tooltip?: string;
+};
+export type OptionSelectorProps = {
+    className?: string;
+    'data-testid'?: string;
+    style?: CSSProperties;
+    firstSelector: SelectorProps;
+    secondSelector?: SelectorProps;
+    size?: ComponentProps<typeof SelectInput>['size'];
+    disabled?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    'aria-label'?: string;
+    error?: string | boolean;
+    required?: boolean;
+    onChange?: (values: {
+        first?: string;
+        second?: string;
+        changingValue: 'first' | 'second';
+    }) => void;
+    value?: {
+        first?: string;
+        second?: string;
+    };
+    /** Hide the second selector when the first does not have a selected value */
+    hideWhenEmpty?: boolean;
+    direction?: 'vertical' | 'horizontal';
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/compositions/OptionSelector/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,WAAW,CAAC,EAChC,OAAO,GACP,kBAAkB,GAClB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,CACf,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAClB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,OAAO,GAAG,QAAQ,CAAA;KAClC,KAAK,IAAI,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;CACtC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/NonScrollableContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,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,0MAa9B,yBAAyB,4CA4G3B,CAAA"}

package/dist/compositions/OrderSummary/NonScrollableContent.js

@@ -0,0 +1,119 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/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/compositions/OrderSummary/NonScrollableContent.tsx
+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",
+					justifyContent: "space-between",
+					children: [totalPriceInfo && totalPriceInfoPlacement === "left" ? /* @__PURE__ */ jsxs(Stack, { 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: orderSummaryStyle.totalPrice[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, {
+							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
+init_NonScrollableContent();
+export { NonScrollableContent, init_NonScrollableContent };