@ultraviolet/ui 3.22.0 → 3.24.0

package/dist/components/Popup/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AA+IA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AAgIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}

package/dist/components/Popup/styles.css.js

@@ -1,8 +1,5 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_styles_css_ts_vanilla } from "../Tag/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../TagList/styles.css.ts.vanilla.js";
-import { init_style_css_ts_vanilla } from "../Text/style.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "./styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Popup/styles.css.ts
@@ -10,9 +7,6 @@ var popupStyle;
 function init_styles_css() {
 	return (init_styles_css = __esmMin(() => {
 		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
-		/* @__PURE__ */ init_style_css_ts_vanilla();
-		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
 		popupStyle = {
 			container: createRuntimeFn({
 				defaultClassName: "uv_w40vpo2",

package/dist/components/Row/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { init_styles_css, rowStyle, sprinkles } from "./styles.css.js";
 import { init_variables_css, paddings, templateColumn } from "./variables.css.js";
 import { consoleLightTheme } from "@ultraviolet/themes";

package/dist/components/SearchInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.css.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.css.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../../Stack/index.js";
 import { Popup, init_Popup } from "../../../Popup/index.js";
 import { ModalContext, init_ModalProvider } from "../../../Modal/ModalProvider.js";

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

@@ -22,13 +22,15 @@ function init_Group() {
 						selectedGroup: group,
 						type: "selectGroup"
 					});
-					if (!Array.isArray(options)) if (selectedData.selectedGroups.includes(group)) {
-						const newSelectedValues = [...selectedData.selectedValues].filter((selectedValue) => !options[group].find((option) => option.value === selectedValue));
-						onChange === null || onChange === void 0 || onChange(newSelectedValues);
-					} else {
-						const newSelectedValues = [...selectedData.selectedValues];
-						options[group].map((option) => newSelectedValues.includes(option.value) || option.disabled ? null : newSelectedValues.push(option.value));
-						onChange === null || onChange === void 0 || onChange(newSelectedValues);
+					if (!Array.isArray(options)) {
+						if (selectedData.selectedGroups.includes(group)) {
+							const newSelectedValues = [...selectedData.selectedValues].filter((selectedValue) => !options[group].find((option) => option.value === selectedValue));
+							onChange === null || onChange === void 0 || onChange(newSelectedValues);
+						} else {
+							const newSelectedValues = [...selectedData.selectedValues];
+							options[group].map((option) => newSelectedValues.includes(option.value) || option.disabled ? null : newSelectedValues.push(option.value));
+							onChange === null || onChange === void 0 || onChange(newSelectedValues);
+						}
 					}
 				}
 			};

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

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,IAAI,kIASd;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,oBAAoB,EAAE,QAAQ,GAAG,KAAK,CAAA;IACtC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;IACjC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;CACxC,gCA8FA,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAI9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAI7C,eAAO,MAAM,IAAI,kIASd;IACD,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAChD,oBAAoB,EAAE,QAAQ,GAAG,KAAK,CAAA;IACtC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA;IACjC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;CACxC,gCA+FA,CAAA"}

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

@@ -1,4 +1,5 @@
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
 import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
 import { init_styles_css, selectInputStyle } from "../../styles.css.js";
 import { DisplayOption, init_Option } from "./Option.js";
@@ -11,6 +12,7 @@ var Item;
 function init_Item() {
 	return (init_Item = __esmMin(() => {
 		init_Checkbox();
+		init_Tooltip();
 		init_SelectInputProvider();
 		init_Option();
 		init_styles_css();
@@ -23,61 +25,65 @@ function init_Item() {
 					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);
+				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) => {
+			return /* @__PURE__ */ jsx(Tooltip, {
+				containerFullWidth: true,
+				text: option.tooltip,
+				children: /* @__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
 						});
 					},
-					tabIndex: -1,
-					tooltip: option.tooltip,
-					value: option.value,
-					children: /* @__PURE__ */ jsx(DisplayOption, {
+					onKeyDown: (event) => {
+						if ([" ", "Enter"].includes(event.key) && !option.disabled) handleClick({
+							clickedOption: option,
+							event
+						});
+					},
+					ref: option.value === defaultSearchValue || option.searchText === defaultSearchValue ? focusedItemRef : null,
+					role: "option",
+					tabIndex: 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,
+						value: option.value,
+						children: /* @__PURE__ */ jsx(DisplayOption, {
+							descriptionDirection,
+							option,
+							optionalInfoPlacement,
+							textVariant
+						})
+					}) : /* @__PURE__ */ jsx(DisplayOption, {
 						descriptionDirection,
 						option,
 						optionalInfoPlacement,
 						textVariant
 					})
-				}) : /* @__PURE__ */ jsx(DisplayOption, {
-					descriptionDirection,
-					option,
-					optionalInfoPlacement,
-					textVariant
 				})
 			});
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Option.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,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,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,gCAuGpB,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Option.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,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,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,0EAKvB,kBAAkB,gCA+FpB,CAAA"}

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

@@ -1,7 +1,6 @@
 '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";
@@ -13,7 +12,6 @@ function init_Option() {
 	return (init_Option = __esmMin(() => {
 		init_Stack();
 		init_Text();
-		init_Tooltip();
 		init_styles_css();
 		DisplayOption = ({ option, optionalInfoPlacement, descriptionDirection, textVariant }) => {
 			const captionSize = useMemo(() => textVariant === "body" ? "bodySmall" : "caption", [textVariant]);
@@ -25,105 +23,89 @@ function init_Option() {
 				variant: captionSize,
 				children: option.description
 			}) : null;
-			if (descriptionDirection === "row" && optionalInfoPlacement === "left") return /* @__PURE__ */ jsx(Tooltip, {
-				disableAnimation: true,
-				text: option.tooltip,
-				children: /* @__PURE__ */ jsxs(Stack, {
-					alignItems: optionDescription ? "flex-start" : "center",
+			if (descriptionDirection === "row" && optionalInfoPlacement === "left") return /* @__PURE__ */ jsxs(Stack, {
+				alignItems: optionDescription ? "flex-start" : "center",
+				className: selectInputStyle.dropdownInfoContainer,
+				direction: "row",
+				"data-testid": `option-stack-${option.value}`,
+				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__ */ 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",
-					"data-testid": `option-stack-${option.value}`,
 					gap: .5,
-					children: [
-						option.optionalInfo,
-						/* @__PURE__ */ jsx(Text, {
-							as: "span",
-							className: selectInputStyle.dropdownInfoTextItem,
-							placement: "left",
-							variant: textVariant,
-							children: option.label
-						}),
-						optionDescription
-					]
-				})
+					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 === "row" && optionalInfoPlacement === "right") return /* @__PURE__ */ jsx(Tooltip, {
-				disableAnimation: true,
-				text: option.tooltip,
-				children: /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "baseline",
+			if (descriptionDirection === "column" && optionalInfoPlacement === "left") return /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "normal",
+				direction: "row",
+				gap: .5,
+				justifyContent: option.optionalInfo ? "left" : "space-between",
+				className: selectInputStyle.optionalInfoPadding,
+				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__ */ 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__ */ 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]
+					alignItems: optionDescription ? "flex-start" : "center",
+					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]
-				})
-			});
-			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",
-					className: selectInputStyle.optionalInfoPadding,
-					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",
-						alignItems: optionDescription ? "flex-start" : "center",
-						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]
-				})
+				}), optionDescription]
 			});
 		};
 	}))();

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

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { TextInput, init_TextInput } from "../../../TextInput/index.js";
 import { init_styles_css, searchInputStyle } from "../../../SearchInput/styles.css.js";
 import { OPTION_SELECTOR, init_constants } from "../../constants.js";
@@ -35,16 +35,18 @@ function init_SearchBar() {
 			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);
+			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;
 		};
@@ -53,32 +55,35 @@ function init_SearchBar() {
 			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)) {
-					const filteredOptions = searchRegex([...options], escapeRegExp(search.toString()));
-					onSearch(filteredOptions);
-				} 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);
+				if (search.length > 0) {
+					if (Array.isArray(options)) {
+						const filteredOptions = searchRegex([...options], escapeRegExp(search.toString()));
+						onSearch(filteredOptions);
+					} 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);
+					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();

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,eAAe,QAU1B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,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;AAQF,eAAO,MAAM,gBAAgB,QAA8D,CAAA;AAE3F,eAAO,MAAM,qBAAqB,QAA0D,CAAA;AAC5F,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;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA"}
+{"version":3,"file":"dropdown.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/dropdown.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,QASnB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AAEF,eAAO,MAAM,uBAAuB;;QAY9B,KAAK;YACH,WAAW;;QAEb,KAAK;QACL,MAAM;;EAMV,CAAA;AAEF,eAAO,MAAM,eAAe,QAU1B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAQ/B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,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;AAQF,eAAO,MAAM,gBAAgB,QAA8D,CAAA;AAE3F,eAAO,MAAM,qBAAqB,QAA0D,CAAA;AAC5F,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;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA"}

package/dist/components/SelectInput/components/SelectBar/SelectBar.js

@@ -133,10 +133,12 @@ function init_SelectBar() {
 					id,
 					onClick: openable ? () => setIsDropdownVisible(!isDropdownVisible) : void 0,
 					onKeyDown: (event) => {
-						if (event.key === "ArrowDown") if (isDropdownVisible) {
-							var _document$getElementB;
-							(_document$getElementB = document.getElementById("option-0")) === null || _document$getElementB === void 0 || _document$getElementB.focus();
-						} else setIsDropdownVisible(true);
+						if (event.key === "ArrowDown") {
+							if (isDropdownVisible) {
+								var _document$getElementB;
+								(_document$getElementB = document.getElementById("option-0")) === null || _document$getElementB === void 0 || _document$getElementB.focus();
+							} else setIsDropdownVisible(true);
+						}
 						if (event.key === " ") event.preventDefault();
 						return ["Enter", " "].includes(event.key) && openable ? setIsDropdownVisible(!isDropdownVisible) : null;
 					},

package/dist/components/SelectableCard/MultiStateInput.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";
 import { Radio, init_Radio } from "../Radio/index.js";

package/dist/components/SelectableCard/SelectableCard.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";

package/dist/components/SelectableCardOptionGroup/components/Option.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { Label, init_Label } from "../../Label/index.js";
 import { init_styles_css, selectableCardOptionGroupStyle } from "../styles.css.js";

package/dist/components/Separator/index.d.ts

@@ -1,6 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { SeparatorVariants } from './styles.css';
 type SeparatorProps = {
+    direction?: 'horizontal' | 'vertical';
+    sentiment?: 'danger' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
     thickness?: number;
     className?: string;
     'data-testid'?: string;
@@ -10,7 +11,7 @@ type SeparatorProps = {
     'data-flip-id'?: string;
     children?: ReactNode;
     style?: CSSProperties;
-} & SeparatorVariants;
+};
 export declare function Separator({ direction, thickness, sentiment, className, 'data-testid': dataTestId, 'data-flip-id': flipId, children, style, }: SeparatorProps): import("react").JSX.Element;
 export declare namespace Separator {
     var displayName: string;

package/dist/components/Separator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,iBAAiB,CAAA;kCAKK,EACxB,SAAwB,EACxB,SAAa,EACb,SAAqB,EACrB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,MAAM,EACtB,QAAQ,EACR,KAAK,GACN,EAAE,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAKyB,EACxB,SAAwB,EACxB,SAAa,EACb,SAAqB,EACrB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,MAAM,EACtB,QAAQ,EACR,KAAK,GACN,EAAE,cAAc"}