@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/SelectInput/components/Dropdown/Item.js

@@ -0,0 +1,87 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { DisplayOption, init_Option } from "./Option.js";
+import { Checkbox, init_Checkbox } from "../../../Checkbox/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SelectInput/components/Dropdown/Item.tsx
+var Item;
+var init_Item = __esmMin(() => {
+	init_Checkbox();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_Option();
+	Item = ({ option, indexOption, group, defaultSearchValue, focusedItemRef, descriptionDirection, textVariant, optionalInfoPlacement }) => {
+		const { setIsDropdownVisible, onChange, multiselect, setSelectedData, selectedData, size } = useSelectInput();
+		const handleClick = ({ clickedOption, event }) => {
+			event.stopPropagation();
+			setSelectedData({
+				clickedOption,
+				group,
+				type: "selectOption"
+			});
+			if (multiselect) if (selectedData.selectedValues.includes(clickedOption.value)) onChange === null || onChange === void 0 || onChange(selectedData.selectedValues.filter((value) => value !== clickedOption.value));
+			else onChange === null || onChange === void 0 || onChange([...selectedData.selectedValues, clickedOption.value]);
+			else onChange === null || onChange === void 0 || onChange(clickedOption.value);
+			setIsDropdownVisible(multiselect);
+		};
+		return /* @__PURE__ */ jsx("div", {
+			"aria-disabled": !!option.disabled,
+			"aria-label": option.value,
+			"aria-selected": selectedData.selectedValues.includes(option.value) && !option.disabled,
+			className: cn(selectInputStyle.dropdownItem({
+				disabled: !!option.disabled,
+				size,
+				selected: selectedData.selectedValues.includes(option.value) && !option.disabled
+			})),
+			"data-testid": `option-${option.value}`,
+			id: `option-${indexOption}`,
+			onClick: (event) => {
+				if (!option.disabled) handleClick({
+					clickedOption: option,
+					event
+				});
+			},
+			onKeyDown: (event) => {
+				if ([" ", "Enter"].includes(event.key)) handleClick({
+					clickedOption: option,
+					event
+				});
+			},
+			ref: option.value === defaultSearchValue || option.searchText === defaultSearchValue ? focusedItemRef : null,
+			role: "option",
+			tabIndex: option.disabled ? -1 : 0,
+			children: multiselect ? /* @__PURE__ */ jsx(Checkbox, {
+				checked: selectedData.selectedValues.includes(option.value) && !option.disabled,
+				className: selectInputStyle.dropdownCheckbox,
+				disabled: option.disabled,
+				onChange: (event) => {
+					if (!option.disabled) handleClick({
+						clickedOption: option,
+						event
+					});
+				},
+				tabIndex: -1,
+				tooltip: option.tooltip,
+				value: option.value,
+				children: /* @__PURE__ */ jsx(DisplayOption, {
+					descriptionDirection,
+					option,
+					optionalInfoPlacement,
+					textVariant
+				})
+			}) : /* @__PURE__ */ jsx(DisplayOption, {
+				descriptionDirection,
+				option,
+				optionalInfoPlacement,
+				textVariant
+			})
+		});
+	};
+});
+
+//#endregion
+init_Item();
+export { Item, init_Item };

package/dist/components/SelectInput/components/Dropdown/Option.d.ts

@@ -0,0 +1,10 @@
+import type { OptionType } from '../../types';
+type DisplayOptionProps = {
+    option: OptionType;
+    descriptionDirection: 'row' | 'column';
+    optionalInfoPlacement: 'left' | 'right';
+    textVariant: 'body' | 'bodySmall' | 'caption';
+};
+export declare const DisplayOption: ({ option, optionalInfoPlacement, descriptionDirection, textVariant, }: DisplayOptionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Option.d.ts.map

package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Option.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,4CA4JpB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Option.js

@@ -0,0 +1,139 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SelectInput/components/Dropdown/Option.tsx
+var DisplayOption;
+var init_Option = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_styles_css();
+	DisplayOption = ({ option, optionalInfoPlacement, descriptionDirection, textVariant }) => {
+		const captionSize = useMemo(() => {
+			if (textVariant === "body") return "bodySmall";
+			if (textVariant === "bodySmall") return "caption";
+			return "captionSmall";
+		}, [textVariant]);
+		const optionDescription = option.description ? /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			placement: "left",
+			prominence: "weak",
+			sentiment: option.disabled ? void 0 : "neutral",
+			variant: captionSize,
+			children: option.description
+		}) : null;
+		if (descriptionDirection === "row" && optionalInfoPlacement === "left") return /* @__PURE__ */ jsx(Tooltip, {
+			disableAnimation: true,
+			text: option.tooltip,
+			children: /* @__PURE__ */ jsx(Stack, {
+				"data-testid": `option-stack-${option.value}`,
+				direction: "row",
+				gap: .5,
+				justifyContent: "left",
+				children: /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					className: selectInputStyle.dropdownInfoContainer,
+					direction: "row",
+					gap: .5,
+					children: [
+						option.optionalInfo,
+						/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: selectInputStyle.dropdownInfoTextItem,
+							placement: "left",
+							variant: textVariant,
+							children: option.label
+						}),
+						optionDescription
+					]
+				})
+			})
+		});
+		if (descriptionDirection === "row" && optionalInfoPlacement === "right") return /* @__PURE__ */ jsx(Tooltip, {
+			disableAnimation: true,
+			text: option.tooltip,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "baseline",
+				"data-testid": `option-stack-${option.value}`,
+				direction: "row",
+				gap: .5,
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					alignItems: "baseline",
+					className: selectInputStyle.dropdownInfoContainer,
+					direction: "row",
+					gap: .5,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: selectInputStyle.dropdownInfoTextItem,
+						placement: "left",
+						variant: textVariant,
+						children: option.label
+					}), optionDescription]
+				}), option.optionalInfo ? /* @__PURE__ */ jsx("div", {
+					className: selectInputStyle.dropdownInfo,
+					children: option.optionalInfo
+				}) : null]
+			})
+		});
+		if (descriptionDirection === "column" && optionalInfoPlacement === "left") return /* @__PURE__ */ jsx(Tooltip, {
+			disableAnimation: true,
+			text: option.tooltip,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "normal",
+				direction: "row",
+				gap: .5,
+				justifyContent: option.optionalInfo ? "left" : "space-between",
+				children: [option.optionalInfo, /* @__PURE__ */ jsxs(Stack, {
+					className: selectInputStyle.dropdownInfoContainer,
+					"data-testid": `option-stack-${option.value}`,
+					direction: "column",
+					gap: .5,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: selectInputStyle.dropdownInfoTextItem,
+						placement: "left",
+						variant: textVariant,
+						children: option.label
+					}), optionDescription]
+				})]
+			})
+		});
+		return /* @__PURE__ */ jsx(Tooltip, {
+			disableAnimation: true,
+			text: option.tooltip,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "normal",
+				"data-testid": `option-stack-${option.value}`,
+				direction: "column",
+				gap: .5,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					className: selectInputStyle.dropdownInfoContainer,
+					direction: "row",
+					gap: .5,
+					justifyContent: "space-between",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: selectInputStyle.dropdownInfoTextItem,
+						placement: "left",
+						variant: textVariant,
+						children: option.label
+					}), option.optionalInfo ? /* @__PURE__ */ jsx("div", {
+						className: selectInputStyle.dropdownInfo,
+						children: option.optionalInfo
+					}) : null]
+				}), optionDescription]
+			})
+		});
+	};
+});
+
+//#endregion
+init_Option();
+export { DisplayOption, init_Option };

package/dist/components/SelectInput/components/Dropdown/SearchBar.d.ts

@@ -0,0 +1,10 @@
+import type { DataType } from '../../types';
+import type { Dispatch, SetStateAction } from 'react';
+type SearchBarProps = {
+    placeholder: string;
+    displayedOptions: DataType;
+    setSearchBarActive: Dispatch<SetStateAction<boolean>>;
+};
+export declare const SearchBar: ({ placeholder, displayedOptions, setSearchBarActive, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/components/SelectInput/components/Dropdown/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SearchBar.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,aAAa,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAEpE,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACtD,CAAA;AAqED,eAAO,MAAM,SAAS,2DAInB,cAAc,4CA8GhB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/SearchBar.js

@@ -0,0 +1,114 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { TextInput, init_TextInput } from "../../../TextInput/index.js";
+import { OPTION_SELECTOR, init_constants } from "../../constants.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { computeSelectedDataMultiselect, computeSelectedDataSingleSelect, init_helpers } from "../helpers.js";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
+import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
+
+//#region src/components/SelectInput/components/Dropdown/SearchBar.tsx
+var getReferenceText, searchRegex, findClosestOption, escapeRegExp, SearchBar;
+var init_SearchBar = __esmMin(() => {
+	init_TextInput();
+	init_constants();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_helpers();
+	init_objectSpread2();
+	getReferenceText = (option) => {
+		if (option.searchText) return normalizeString(option.searchText);
+		if (typeof option.label === "string") return normalizeString(option.label);
+		return "";
+	};
+	searchRegex = (data, query) => data.filter((option) => {
+		const referenceText = getReferenceText(option);
+		const regex = new RegExp(query, "i");
+		return (query.length > 2 ? isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
+	});
+	findClosestOption = (options, searchInput) => {
+		if (searchInput) if (Array.isArray(options)) {
+			const possibleOption = [...options].find((option) => !option.disabled);
+			if (possibleOption) return possibleOption;
+		} else {
+			const possibleOptions = _objectSpread2({}, options);
+			Object.keys(possibleOptions).map((group) => {
+				possibleOptions[group] = possibleOptions[group].filter((option) => !option.disabled);
+				return null;
+			});
+			if (Object.keys(possibleOptions).some((group) => possibleOptions[group].length > 0)) return Object.keys(possibleOptions).map((group) => possibleOptions[group][0]).find((value) => !!value);
+		}
+		return null;
+	};
+	escapeRegExp = (string) => string.replace(/[.*+?^{}()|[\]\\]/g, String.raw`\$&`);
+	SearchBar = ({ placeholder, displayedOptions, setSearchBarActive }) => {
+		const searchInputRef = useRef(null);
+		const { onChange, onSearch, setSearchInput, searchInput, options, multiselect, setSelectedData, selectedData, size } = useSelectInput();
+		const handleChange = (search) => {
+			if (search.length > 0) if (Array.isArray(options)) onSearch(searchRegex([...options], escapeRegExp(search.toString())));
+			else {
+				const filteredOptions = _objectSpread2({}, options);
+				Object.keys(filteredOptions).map((group) => {
+					filteredOptions[group] = searchRegex(filteredOptions[group], escapeRegExp(search.toString()));
+					return null;
+				});
+				onSearch(filteredOptions);
+			}
+			else onSearch(options);
+			setSearchInput(search);
+		};
+		const handleKeyDown = (event, search) => {
+			const { key } = event;
+			if (key === "Enter") {
+				const closestOption = findClosestOption(displayedOptions, search);
+				if (closestOption) if (multiselect) {
+					const data = computeSelectedDataMultiselect(closestOption, options, selectedData);
+					setSelectedData(data.computedData);
+					onChange === null || onChange === void 0 || onChange(data.onChangeData);
+				} else {
+					const data = computeSelectedDataSingleSelect(closestOption, selectedData);
+					setSelectedData(data.computedData);
+					onChange === null || onChange === void 0 || onChange(data.onChangeData);
+				}
+			} else if (key === "Tab" || key === "ArrowDown") {
+				event === null || event === void 0 || event.preventDefault();
+				const optionsDropdown = document.querySelectorAll(OPTION_SELECTOR);
+				if (optionsDropdown && optionsDropdown.length > 0) optionsDropdown[0].focus();
+			}
+		};
+		useEffect(() => {
+			const timeout = setTimeout(() => {
+				var _searchInputRef$curre;
+				(_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
+			}, 50);
+			return () => {
+				if (timeout) clearTimeout(timeout);
+			};
+		}, []);
+		return /* @__PURE__ */ jsx(TextInput, {
+			"aria-label": "search-bar",
+			className: selectInputStyle.searchBar,
+			"data-testid": "search-bar",
+			onBlur: () => setSearchBarActive(false),
+			onChange: (event) => handleChange(event.target.value),
+			onFocus: () => setSearchBarActive(true),
+			onKeyDown: (event) => handleKeyDown(event, searchInput),
+			placeholder,
+			prefix: /* @__PURE__ */ jsx(SearchIcon, {
+				sentiment: "neutral",
+				size: size === "small" ? "xsmall" : "small"
+			}),
+			ref: searchInputRef,
+			size: size === "small" ? "small" : "medium",
+			value: searchInput
+		});
+	};
+});
+
+//#endregion
+init_SearchBar();
+export { SearchBar, init_SearchBar };

package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts

@@ -0,0 +1,4 @@
+export declare const SelectAll: ({ textVariant, }: {
+    textVariant: 'body' | 'bodySmall' | 'caption';
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SelectAll.d.ts.map

package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAll.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/SelectAll.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS,qBAEnB;IACD,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,mDAkFA,CAAA"}

package/dist/components/SelectInput/components/Dropdown/SelectAll.js

@@ -0,0 +1,84 @@
+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 { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { Checkbox, init_Checkbox } from "../../../Checkbox/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SelectInput/components/Dropdown/SelectAll.tsx
+var SelectAll;
+var init_SelectAll = __esmMin(() => {
+	init_Checkbox();
+	init_Stack();
+	init_Text();
+	init_SelectInputProvider();
+	init_styles_css();
+	SelectAll = ({ textVariant }) => {
+		const { onChange, options, multiselect, selectAll, setSelectedData, selectedData, size } = useSelectInput();
+		const selectAllOptions = () => {
+			if (multiselect) {
+				setSelectedData({ type: "selectAll" });
+				if (selectedData.allSelected && onChange) onChange([]);
+				else {
+					const allValues = [];
+					if (Array.isArray(options)) options.map((option) => allValues.push(option));
+					else Object.keys(options).map((group) => options[group].map((option) => {
+						if (!option.disabled) allValues.push(option);
+						return null;
+					}));
+					onChange === null || onChange === void 0 || onChange(allValues.map((value) => value.value));
+				}
+			}
+		};
+		return selectAll && multiselect ? /* @__PURE__ */ jsx(Stack, {
+			gap: .25,
+			id: "items",
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx("div", {
+				"aria-disabled": false,
+				"aria-label": "select-all",
+				"aria-selected": selectedData.allSelected,
+				className: cn(selectInputStyle.dropdownItem({
+					selected: selectedData.allSelected,
+					size
+				})),
+				"data-testid": "select-all",
+				onClick: selectAllOptions,
+				onKeyDown: (event) => [" ", "Enter"].includes(event.key) ? selectAllOptions() : null,
+				role: "option",
+				tabIndex: 0,
+				children: /* @__PURE__ */ jsx(Checkbox, {
+					checked: selectedData.allSelected,
+					className: selectInputStyle.dropdownCheckbox,
+					"data-testid": "select-all-checkbox",
+					disabled: false,
+					onChange: selectAllOptions,
+					tabIndex: -1,
+					value: "select-all",
+					children: /* @__PURE__ */ jsxs(Stack, {
+						direction: "column",
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							placement: "left",
+							variant: textVariant,
+							children: selectAll === null || selectAll === void 0 ? void 0 : selectAll.label
+						}), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							placement: "left",
+							prominence: "weak",
+							sentiment: "neutral",
+							variant: size === "small" ? "captionSmall" : "bodySmall",
+							children: selectAll === null || selectAll === void 0 ? void 0 : selectAll.description
+						})]
+					})
+				})
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_SelectAll();
+export { SelectAll, init_SelectAll };

package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts

@@ -0,0 +1,55 @@
+export declare const dropdownWidth: `var(--${string})`;
+export declare const dropdown: string;
+export declare const dropdownContainer: string;
+export declare const dropdownContainerUnGrouped: string;
+export declare const dropdownGroup: string;
+export declare const dropdownGroupSelectable: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            paddingLeft: `var(--${string})`;
+        };
+        large: {};
+        medium: {};
+    };
+}>;
+export declare const dropdownGroupWrapper: string;
+export declare const emptyStateGroupStyle: string;
+export declare const dropdownItemBase: string;
+export declare const dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    selected: {
+        true: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    size: {
+        large: {};
+        medium: {};
+        small: {
+            padding: `var(--${string})`;
+        };
+    };
+    disabled: {
+        true: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+            selectors: {
+                '&:hover, &:focus': {
+                    backgroundColor: `var(--${string})`;
+                    color: `var(--${string})`;
+                    cursor: "not-allowed";
+                    outline: "none";
+                };
+            };
+        };
+    };
+}>;
+export declare const footer: string;
+export declare const dropdownCheckbox: string;
+export declare const dropdownEmptyState: string;
+export declare const dropdownLoadMore: string;
+export declare const dropdownInfo: string;
+export declare const dropdownInfoTextItem: string;
+export declare const dropdownInfoContainer: string;
+export declare const searchBar: string;
+export declare const comboboxCreate: string;
+//# sourceMappingURL=dropdown.css.d.ts.map

package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAK3B,CAAA;AAEF,eAAO,MAAM,YAAY;;QAoBnB,IAAI;YACF,eAAe;;;;QAIjB,KAAK;QACL,MAAM;QACN,KAAK;YACH,OAAO;;;;;;;;;;;;;;;;;EAkBb,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAAqC,CAAA;AAEpE,eAAO,MAAM,gBAAgB,QAAyC,CAAA;AAEtE,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAgC,CAAA;AAElE,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/dropdown.css.js

@@ -0,0 +1,42 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_dropdown_css_ts_vanilla } from "./dropdown.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/SelectInput/components/Dropdown/dropdown.css.ts
+var dropdownWidth, dropdownGroupSelectable, dropdownItem;
+var init_dropdown_css = __esmMin(() => {
+	init_dropdown_css_ts_vanilla();
+	dropdownWidth = "var(--uv_igqisu0)";
+	dropdownGroupSelectable = createRuntimeFn({
+		defaultClassName: "uv_igqisu5",
+		variantClassNames: { size: {
+			small: "uv_igqisu6",
+			large: "uv_igqisu7",
+			medium: "uv_igqisu8"
+		} },
+		defaultVariants: { size: "large" },
+		compoundVariants: []
+	});
+	dropdownItem = createRuntimeFn({
+		defaultClassName: "uv_igqisuc uv_igqisub uv_igqisua",
+		variantClassNames: {
+			selected: { true: "uv_igqisud" },
+			size: {
+				large: "uv_igqisue",
+				medium: "uv_igqisuf",
+				small: "uv_igqisug"
+			},
+			disabled: { true: "uv_igqisuh" }
+		},
+		defaultVariants: {
+			disabled: false,
+			selected: false,
+			size: "large"
+		},
+		compoundVariants: []
+	});
+});
+
+//#endregion
+init_dropdown_css();
+export { dropdownWidth, init_dropdown_css };

package/dist/components/SelectInput/components/Dropdown/dropdown.css.ts.vanilla.js

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

package/dist/components/SelectInput/components/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA6xBD,eAAO,MAAM,QAAQ,oRA4NpB,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA6xBD,eAAO,MAAM,QAAQ,2NAkBlB,aAAa,4CA0Mf,CAAA"}

package/dist/components/SelectInput/components/DropdownOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/DropdownOption.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,wIAuLzB,CAAA"}
+{"version":3,"file":"DropdownOption.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/DropdownOption.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,4CAkLpB,CAAA"}

package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/SearchBarDropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAEpE,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACtD,CAAA;AAqED,eAAO,MAAM,iBAAiB,qHAuH7B,CAAA"}
+{"version":3,"file":"SearchBarDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/SearchBarDropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAEpE,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACtD,CAAA;AAqED,eAAO,MAAM,iBAAiB,2DAI3B,cAAc,4CAmHhB,CAAA"}

package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/SelectBar.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,SAAS,0JAeZ,cAAc,4CA8QhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}