@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/compositions/OptionSelector/index.js

@@ -13,163 +13,165 @@ 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_Description();
-	init_Label();
-	init_ArrowIcon();
-	init_IconWithContent();
-	init_RevealOnHover();
-	init_Selector();
-	init_styles_css();
-	makeSelectInputOptions = (options) => options.map((option) => {
-		const optionLabel = option.hoverContent ? /* @__PURE__ */ jsx(RevealOnHover, {
-			content: /* @__PURE__ */ jsx(IconWithContent, {
+function init_OptionSelector() {
+	return (init_OptionSelector = __esmMin(() => {
+		init_Description();
+		init_Label();
+		init_ArrowIcon();
+		init_IconWithContent();
+		init_RevealOnHover();
+		init_Selector();
+		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
-		};
-	});
-	OptionSelector = ({ className, style, "data-testid": dataTestId, firstSelector, secondSelector, size = "large", disabled, readOnly, "aria-label": ariaLabel, error, required, onChange, name, value, hideWhenEmpty, direction = "horizontal" }) => {
-		const firstSelectorHelperId = useId();
-		const secondSelectorHelperId = useId();
-		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 firstSelectorHelperId = useId();
+			const secondSelectorHelperId = useId();
+			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 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";
+			const displayFirstDescription = firstSelectorStringError || firstSelector.helper || error;
+			const displaySecondDescription = secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper) || error;
+			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,
+						helperId: displayFirstDescription && !error ? firstSelectorHelperId : void 0
+					}),
+					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,
+						helperId: displaySecondDescription && !error ? secondSelectorHelperId : void 0
+					})] }) : null,
+					isHorizontal && displayFirstDescription ? /* @__PURE__ */ jsx(Description, {
+						error: firstSelector.error,
+						helper: firstSelector.helper,
+						id: firstSelectorHelperId,
+						disabled: firstSelector.disabled || disabled,
+						className: optionSelectorStyle.errorFirstSelector
+					}) : null,
+					secondSelector && isHorizontal && displaySecondDescription ? /* @__PURE__ */ jsx(Description, {
+						error: secondSelector.error,
+						helper: secondSelector.helper,
+						id: secondSelectorHelperId,
+						disabled: secondSelector.disabled || disabled,
+						className: optionSelectorStyle.errorSecondSelector
+					}) : null
+				]
 			});
 		};
-		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";
-		const displayFirstDescription = firstSelectorStringError || firstSelector.helper || error;
-		const displaySecondDescription = secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper) || error;
-		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,
-					helperId: displayFirstDescription && !error ? firstSelectorHelperId : void 0
-				}),
-				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,
-					helperId: displaySecondDescription && !error ? secondSelectorHelperId : void 0
-				})] }) : null,
-				isHorizontal && displayFirstDescription ? /* @__PURE__ */ jsx(Description, {
-					error: firstSelector.error,
-					helper: firstSelector.helper,
-					id: firstSelectorHelperId,
-					disabled: firstSelector.disabled || disabled,
-					className: optionSelectorStyle.errorFirstSelector
-				}) : null,
-				secondSelector && isHorizontal && displaySecondDescription ? /* @__PURE__ */ jsx(Description, {
-					error: secondSelector.error,
-					helper: secondSelector.helper,
-					id: secondSelectorHelperId,
-					disabled: secondSelector.disabled || disabled,
-					className: optionSelectorStyle.errorSecondSelector
-				}) : null
-			]
-		});
-	};
-	OptionSelector.displayName = "OptionSelector";
-});
+		OptionSelector.displayName = "OptionSelector";
+	}))();
+}
 
 //#endregion
 init_OptionSelector();

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

@@ -51,154 +51,158 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../components/ExpandableCard/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../components/FileInput/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../components/GlobalAlert/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/LineChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/Link/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/Meter/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Modal/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Notice/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Notification/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Pagination/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/PieChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/Popover/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/Radio/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_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_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 { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/KeyValueInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/LineChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/Link/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Meter/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Modal/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Notice/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Notification/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/Pagination/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/PieChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/Popover/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/Radio/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/Slider/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Snippet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/Status/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/StepList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Stepper/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Table/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/Tabs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TagInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TextArea/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../components/Toaster/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../components/Toggle/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../components/ToggleGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$74 } from "../../components/TreeMapChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$75 } from "../../components/VerificationCode/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$76 } 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$27();
-	init_styles_css_ts_vanilla$18();
-	init_styles_css_ts_vanilla$28();
-	init_styles_css_ts_vanilla$12();
-	init_styles_css_ts_vanilla$29();
-	init_styles_css_ts_vanilla$30();
-	init_styles_css_ts_vanilla$31();
-	init_styles_css_ts_vanilla$32();
-	init_styles_css_ts_vanilla$33();
-	init_styles_css_ts_vanilla$34();
-	init_styles_css_ts_vanilla$6();
-	init_styles_css_ts_vanilla$35();
-	init_styles_css_ts_vanilla$36();
-	init_styles_css_ts_vanilla$23();
-	init_styles_css_ts_vanilla$24();
-	init_styles_css_ts_vanilla$25();
-	init_styles_css_ts_vanilla$26();
-	init_styles_css_ts_vanilla$37();
-	init_styles_css_ts_vanilla$38();
-	init_styles_css_ts_vanilla$39();
-	init_styles_css_ts_vanilla$40();
-	init_styles_css_ts_vanilla$14();
-	init_styles_css_ts_vanilla$41();
-	init_styles_css_ts_vanilla$13();
-	init_styles_css_ts_vanilla$42();
-	init_styles_css_ts_vanilla$43();
-	init_styles_css_ts_vanilla$44();
-	init_styles_css_ts_vanilla$11();
-	init_styles_css_ts_vanilla$8();
-	init_styles_css_ts_vanilla$45();
-	init_styles_css_ts_vanilla$46();
-	init_styles_css_ts_vanilla$5();
-	init_styles_css_ts_vanilla$7();
-	init_styles_css_ts_vanilla$47();
-	init_styles_css_ts_vanilla$48();
-	init_styles_css_ts_vanilla$49();
-	init_styles_css_ts_vanilla$50();
-	init_styles_css_ts_vanilla$17();
-	init_styles_css_ts_vanilla$51();
-	init_styles_css_ts_vanilla$52();
-	init_styles_css_ts_vanilla$53();
-	init_styles_css_ts_vanilla$54();
-	init_styles_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$2();
-	init_style_css_ts_vanilla();
-	init_styles_css_ts_vanilla$3();
-	init_styles_css_ts_vanilla$55();
-	init_styles_css_ts_vanilla$20();
-	init_styles_css_ts_vanilla$56();
-	init_styles_css_ts_vanilla$57();
-	init_styles_css_ts_vanilla$58();
-	init_variables_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$16();
-	init_styles_css_ts_vanilla$9();
-	init_styles_css_ts_vanilla$59();
-	init_dropdown_css_ts_vanilla();
-	init_styles_css_ts_vanilla$21();
-	init_selectBar_css_ts_vanilla();
-	init_styles_css_ts_vanilla$22();
-	init_styles_css_ts_vanilla$15();
-	init_stylesVariants_css_ts_vanilla();
-	init_styles_css_ts_vanilla$19();
-	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_styles_css_ts_vanilla$65();
-	init_styles_css_ts_vanilla$66();
-	init_styles_css_ts_vanilla$67();
-	init_styles_css_ts_vanilla$68();
-	init_styles_css_ts_vanilla$10();
-	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$4();
-	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"
-		}
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$27();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$18();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$28();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$12();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$29();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$30();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$31();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$32();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$33();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$34();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$6();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$35();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$36();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$23();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$24();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$25();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$26();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$37();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$38();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$39();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$40();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$14();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$41();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$13();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$42();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$43();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$44();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$11();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$45();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$8();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$46();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$47();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$5();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$7();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$48();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$49();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$50();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$51();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$17();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$52();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$53();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$54();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$55();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		/* @__PURE__ */ init_style_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$3();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$56();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$20();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$57();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$58();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$59();
+		/* @__PURE__ */ init_variables_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$16();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$9();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$60();
+		/* @__PURE__ */ init_dropdown_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$21();
+		/* @__PURE__ */ init_selectBar_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$22();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$15();
+		/* @__PURE__ */ init_stylesVariants_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$19();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$61();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$62();
+		/* @__PURE__ */ init_variables_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$63();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$64();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$65();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$66();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$67();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$68();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$69();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$10();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$70();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$71();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$72();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$73();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$4();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$74();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$75();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$76();
+		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();

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

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