@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Row/styles.css.ts.vanilla.js

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

package/dist/components/Row/variables.css.js

@@ -1,22 +1,28 @@
-/* empty css                         */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/components/Row/variables.css.ts
-var templateColumn = {
-	large: "var(--uv_3mg8xe0)",
-	medium: "var(--uv_3mg8xe1)",
-	small: "var(--uv_3mg8xe2)",
-	xlarge: "var(--uv_3mg8xe3)",
-	xsmall: "var(--uv_3mg8xe4)",
-	xxsmall: "var(--uv_3mg8xe5)"
-};
-var paddings = {
-	large: "var(--uv_3mg8xe6)",
-	medium: "var(--uv_3mg8xe7)",
-	small: "var(--uv_3mg8xe8)",
-	xlarge: "var(--uv_3mg8xe9)",
-	xsmall: "var(--uv_3mg8xea)",
-	xxsmall: "var(--uv_3mg8xeb)"
-};
+var templateColumn, paddings;
+var init_variables_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
+	templateColumn = {
+		large: "var(--uv_3mg8xe0)",
+		medium: "var(--uv_3mg8xe1)",
+		small: "var(--uv_3mg8xe2)",
+		xlarge: "var(--uv_3mg8xe3)",
+		xsmall: "var(--uv_3mg8xe4)",
+		xxsmall: "var(--uv_3mg8xe5)"
+	};
+	paddings = {
+		large: "var(--uv_3mg8xe6)",
+		medium: "var(--uv_3mg8xe7)",
+		small: "var(--uv_3mg8xe8)",
+		xlarge: "var(--uv_3mg8xe9)",
+		xsmall: "var(--uv_3mg8xea)",
+		xxsmall: "var(--uv_3mg8xeb)"
+	};
+});
 
 //#endregion
-export { paddings, templateColumn };
+init_variables_css();
+export { init_variables_css, paddings, templateColumn };

package/dist/components/Row/variables.css.ts.vanilla.js

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

package/dist/components/SearchInput/KeyGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/KeyGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,CAAA;IAC9C,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,QAAQ,yFAQpB,CAAA"}
+{"version":3,"file":"KeyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/KeyGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAI5B,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,CAAA;IAC9C,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,QAAQ,yFAapB,CAAA"}

package/dist/components/SearchInput/KeyGroup.js

@@ -1,22 +1,29 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Key } from "../Key/index.js";
-import { clickableStack } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Key, init_Key } from "../Key/index.js";
+import { init_styles_css, searchInputStyle } from "./styles.css.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SearchInput/KeyGroup.tsx
-const KeyGroup = ({ keys, disabled, onClick }) => /* @__PURE__ */ jsx(Stack, {
-	className: clickableStack,
-	direction: "row",
-	gap: .5,
-	onClick,
-	children: keys.map((key) => /* @__PURE__ */ jsx(Key, {
-		"data-testid": `key-${key}`,
-		disabled,
-		children: key
-	}, key))
+var KeyGroup;
+var init_KeyGroup = __esmMin(() => {
+	init_Key();
+	init_Stack();
+	init_styles_css();
+	KeyGroup = ({ keys, disabled, onClick }) => /* @__PURE__ */ jsx(Stack, {
+		className: searchInputStyle.clickableStack,
+		direction: "row",
+		gap: .5,
+		onClick,
+		children: keys.map((key) => /* @__PURE__ */ jsx(Key, {
+			"data-testid": `key-${key}`,
+			disabled,
+			children: key
+		}, key))
+	});
 });
 
 //#endregion
-export { KeyGroup };
+init_KeyGroup();
+export { KeyGroup, init_KeyGroup };

package/dist/components/SearchInput/index.js

@@ -1,211 +1,214 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { isClientSide } from "../../helpers/isClientSide.js";
-import { Popup } from "../Popup/index.js";
-import { TextInput } from "../TextInput/index.js";
-import { clickableStack, searchInput, searchInputPopup } from "./styles.css.js";
-import { KeyGroup } from "./KeyGroup.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
+import { Popup, init_Popup } from "../Popup/index.js";
+import { TextInput, init_TextInput } from "../TextInput/index.js";
+import { init_styles_css, searchInputStyle } from "./styles.css.js";
+import { KeyGroup, init_KeyGroup } from "./KeyGroup.js";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
 
 //#region src/components/SearchInput/index.tsx
-/**
-* SearchInput is a component that allows users to search for items. It is a combination of a TextInput and a Popup. The Popup is used to display search results.
-* Children of the SearchInput component can be a function that receives an object with the following properties:
-* - `searchTerms`: the current search terms
-* - `isOpen`: a boolean indicating if the popup is open
-* - `toggleIsOpen`: a function to toggle the popup
-*/
-const SearchInput = forwardRef(({ placeholder, label, labelDescription, loading, size, popupPlacement, threshold = 0, children, onSearch, onClose, "data-testid": dataTestId, shortcut = false, error, defaultValue = "", disabled, className, minLength, maxLength, tooltip, onFocus, onBlur, name, id, "aria-live": ariaLive, "aria-atomic": ariaAtomic, "aria-labelledby": ariaLabelledby, readOnly, required, autoFocus, autoComplete, onKeyDown, role, value, style }, ref) => {
-	const focusedLinkIndex = useRef(0);
-	const popupRef = useRef(null);
-	const [containerWidth, setContainerWidth] = useState(0);
-	const [searchTerms, setSearchTerms] = useState(defaultValue);
-	const [isMacOS, setIsMacOS] = useState(false);
-	const [keyPressed, setKeyPressed] = useState([]);
-	const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
-	const innerSearchInputRef = useRef(null);
-	useImperativeHandle(ref, () => innerSearchInputRef.current);
-	const content = typeof children === "function" ? children({
-		isOpen,
-		searchTerms,
-		toggleIsOpen
-	}) : children;
-	const resizeSearchBar = () => {
-		if (popupRef.current) setContainerWidth(popupRef.current.getBoundingClientRect().width);
-	};
-	const handleNavigation = (event) => {
-		var _popupRef$current$que;
-		var _popupRef$current;
-		const links = [...(_popupRef$current$que = (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.querySelectorAll("a")) !== null && _popupRef$current$que !== void 0 ? _popupRef$current$que : []];
-		if (links.length > 0 && focusedLinkIndex.current >= 0 && focusedLinkIndex.current <= links.length) {
-			if (event.key === "ArrowUp") {
-				var _links$focusedLinkInd;
-				if (focusedLinkIndex.current - 1 < 0) focusedLinkIndex.current = links.length - 1;
-				else focusedLinkIndex.current -= 1;
-				(_links$focusedLinkInd = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd === void 0 || _links$focusedLinkInd.focus();
+var SearchInput;
+var init_SearchInput = __esmMin(() => {
+	init_isClientSide();
+	init_Popup();
+	init_Stack();
+	init_TextInput();
+	init_KeyGroup();
+	init_styles_css();
+	SearchInput = forwardRef(({ placeholder, label, labelDescription, loading, size, popupPlacement, threshold = 0, children, onSearch, onClose, "data-testid": dataTestId, shortcut = false, error, defaultValue = "", disabled, className, minLength, maxLength, tooltip, onFocus, onBlur, name, id, "aria-live": ariaLive, "aria-atomic": ariaAtomic, "aria-labelledby": ariaLabelledby, readOnly, required, autoFocus, autoComplete, onKeyDown, role, value, style }, ref) => {
+		const focusedLinkIndex = useRef(0);
+		const popupRef = useRef(null);
+		const [containerWidth, setContainerWidth] = useState(0);
+		const [searchTerms, setSearchTerms] = useState(defaultValue);
+		const [isMacOS, setIsMacOS] = useState(false);
+		const [keyPressed, setKeyPressed] = useState([]);
+		const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
+		const innerSearchInputRef = useRef(null);
+		useImperativeHandle(ref, () => innerSearchInputRef.current);
+		const content = typeof children === "function" ? children({
+			isOpen,
+			searchTerms,
+			toggleIsOpen
+		}) : children;
+		const resizeSearchBar = () => {
+			if (popupRef.current) setContainerWidth(popupRef.current.getBoundingClientRect().width);
+		};
+		const handleNavigation = (event) => {
+			var _popupRef$current$que;
+			var _popupRef$current;
+			const links = [...(_popupRef$current$que = (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.querySelectorAll("a")) !== null && _popupRef$current$que !== void 0 ? _popupRef$current$que : []];
+			if (links.length > 0 && focusedLinkIndex.current >= 0 && focusedLinkIndex.current <= links.length) {
+				if (event.key === "ArrowUp") {
+					var _links$focusedLinkInd;
+					if (focusedLinkIndex.current - 1 < 0) focusedLinkIndex.current = links.length - 1;
+					else focusedLinkIndex.current -= 1;
+					(_links$focusedLinkInd = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd === void 0 || _links$focusedLinkInd.focus();
+				}
+				if (event.key === "ArrowDown") {
+					var _links$focusedLinkInd2;
+					if (focusedLinkIndex.current + 1 >= links.length) focusedLinkIndex.current = 0;
+					else focusedLinkIndex.current += 1;
+					(_links$focusedLinkInd2 = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd2 === void 0 || _links$focusedLinkInd2.focus();
+				}
 			}
-			if (event.key === "ArrowDown") {
-				var _links$focusedLinkInd2;
-				if (focusedLinkIndex.current + 1 >= links.length) focusedLinkIndex.current = 0;
-				else focusedLinkIndex.current += 1;
-				(_links$focusedLinkInd2 = links[focusedLinkIndex.current]) === null || _links$focusedLinkInd2 === void 0 || _links$focusedLinkInd2.focus();
+		};
+		useLayoutEffect(() => {
+			document.addEventListener("keyup", handleNavigation);
+			return () => document.removeEventListener("keyup", handleNavigation);
+		}, []);
+		useLayoutEffect(() => {
+			resizeSearchBar();
+			window.addEventListener("resize", resizeSearchBar);
+			return () => window.removeEventListener("resize", resizeSearchBar);
+		}, []);
+		useEffect(() => {
+			setSearchTerms(value !== null && value !== void 0 ? value : "");
+		}, [value]);
+		const onSearchCallback = (localValue) => {
+			setSearchTerms(localValue);
+			try {
+				onSearch(localValue);
+				if (localValue.length >= threshold && !isOpen) toggleIsOpen();
+			} catch (_unused) {
+				toggleIsOpen();
 			}
-		}
-	};
-	useLayoutEffect(() => {
-		document.addEventListener("keyup", handleNavigation);
-		return () => document.removeEventListener("keyup", handleNavigation);
-	}, []);
-	useLayoutEffect(() => {
-		resizeSearchBar();
-		window.addEventListener("resize", resizeSearchBar);
-		return () => window.removeEventListener("resize", resizeSearchBar);
-	}, []);
-	useEffect(() => {
-		setSearchTerms(value !== null && value !== void 0 ? value : "");
-	}, [value]);
-	const onSearchCallback = (localValue) => {
-		setSearchTerms(localValue);
-		try {
-			onSearch(localValue);
-			if (localValue.length >= threshold && !isOpen) toggleIsOpen();
-		} catch (_unused) {
-			toggleIsOpen();
-		}
-	};
-	const onCloseCallback = () => {
-		onClose === null || onClose === void 0 || onClose();
-		if (isOpen) toggleIsOpen();
-	};
-	useEffect(() => {
-		if (isClientSide) setIsMacOS(navigator.userAgent.includes("Mac"));
-	}, []);
-	const handleKeyPressed = useCallback((event) => {
-		if (!(event instanceof KeyboardEvent)) return;
-		const { ctrlKey, metaKey, key } = event;
-		setKeyPressed([...keyPressed, key.toUpperCase()]);
-		if (typeof shortcut === "boolean") {
-			if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
-				var _innerSearchInputRef$;
-				event.preventDefault();
-				(_innerSearchInputRef$ = innerSearchInputRef.current) === null || _innerSearchInputRef$ === void 0 || _innerSearchInputRef$.focus();
+		};
+		const onCloseCallback = () => {
+			onClose === null || onClose === void 0 || onClose();
+			if (isOpen) toggleIsOpen();
+		};
+		useEffect(() => {
+			if (isClientSide) setIsMacOS(navigator.userAgent.includes("Mac"));
+		}, []);
+		const handleKeyPressed = useCallback((event) => {
+			if (!(event instanceof KeyboardEvent)) return;
+			const { ctrlKey, metaKey, key } = event;
+			setKeyPressed([...keyPressed, key.toUpperCase()]);
+			if (typeof shortcut === "boolean") {
+				if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
+					var _innerSearchInputRef$;
+					event.preventDefault();
+					(_innerSearchInputRef$ = innerSearchInputRef.current) === null || _innerSearchInputRef$ === void 0 || _innerSearchInputRef$.focus();
+				}
+			} else {
+				const uppercaseShortcut = shortcut.map((s) => s.toUpperCase());
+				if (JSON.stringify([...keyPressed, key.toUpperCase()]) === JSON.stringify(uppercaseShortcut)) {
+					var _innerSearchInputRef$2;
+					event.preventDefault();
+					(_innerSearchInputRef$2 = innerSearchInputRef.current) === null || _innerSearchInputRef$2 === void 0 || _innerSearchInputRef$2.focus();
+				}
 			}
-		} else {
-			const uppercaseShortcut = shortcut.map((s) => s.toUpperCase());
-			if (JSON.stringify([...keyPressed, key.toUpperCase()]) === JSON.stringify(uppercaseShortcut)) {
-				var _innerSearchInputRef$2;
-				event.preventDefault();
-				(_innerSearchInputRef$2 = innerSearchInputRef.current) === null || _innerSearchInputRef$2 === void 0 || _innerSearchInputRef$2.focus();
+		}, [
+			keyPressed,
+			shortcut,
+			isMacOS
+		]);
+		const handleKeyReleased = useCallback((event) => {
+			if (!(event instanceof KeyboardEvent)) return;
+			const { key } = event;
+			setKeyPressed(keyPressed.filter((k) => k !== key.toUpperCase()));
+		}, [keyPressed]);
+		useLayoutEffect(() => {
+			if (shortcut && !disabled) {
+				document.body.addEventListener("keydown", handleKeyPressed);
+				document.body.addEventListener("keyup", handleKeyReleased);
 			}
-		}
-	}, [
-		keyPressed,
-		shortcut,
-		isMacOS
-	]);
-	const handleKeyReleased = useCallback((event) => {
-		if (!(event instanceof KeyboardEvent)) return;
-		const { key } = event;
-		setKeyPressed(keyPressed.filter((k) => k !== key.toUpperCase()));
-	}, [keyPressed]);
-	useLayoutEffect(() => {
-		if (shortcut && !disabled) {
-			document.body.addEventListener("keydown", handleKeyPressed);
-			document.body.addEventListener("keyup", handleKeyReleased);
-		}
-		return () => {
-			document.body.removeEventListener("keydown", handleKeyPressed);
-			document.body.removeEventListener("keyup", handleKeyReleased);
-		};
-	}, [
-		shortcut,
-		disabled,
-		handleKeyPressed,
-		handleKeyReleased
-	]);
-	const keys = useMemo(() => {
-		if (typeof shortcut === "boolean") return [isMacOS ? "⌘" : "Ctrl", "K"];
-		return shortcut.map((key) => {
-			if (key === "Meta") return "⌘";
-			if (key === "Control") return "Ctrl";
-			return key;
-		});
-	}, [isMacOS, shortcut]);
-	return /* @__PURE__ */ jsx("div", {
-		style: { width: "100%" },
-		children: /* @__PURE__ */ jsx(Popup, {
-			className: searchInputPopup,
-			"data-testid": `popup-${dataTestId}`,
-			debounceDelay: 0,
-			hasArrow: false,
-			hideOnClickOutside: true,
-			innerRef: popupRef,
-			maxHeight: 410,
-			maxWidth: containerWidth,
-			onClose: onCloseCallback,
-			placement: popupPlacement,
-			role: "dialog",
-			text: content,
-			visible: isOpen,
-			children: /* @__PURE__ */ jsx(TextInput, {
-				"aria-atomic": ariaAtomic,
-				"aria-labelledby": ariaLabelledby,
-				"aria-live": ariaLive,
-				autoComplete,
-				autoFocus,
-				className: cn(className, searchInput),
-				clearable: true,
-				"data-testid": dataTestId,
-				disabled,
-				error,
-				id,
-				label,
-				labelDescription,
-				loading,
-				maxLength,
-				minLength,
-				name,
-				onBlur,
-				onChange: (event) => onSearchCallback(event.target.value),
-				onFocus,
-				onKeyDown,
-				placeholder,
-				prefix: /* @__PURE__ */ jsx(Stack, {
-					className: clickableStack,
-					"data-testid": `search-icon${dataTestId ? `-${dataTestId}` : ""}`,
-					onClick: () => {
-						var _innerSearchInputRef$3;
-						return (_innerSearchInputRef$3 = innerSearchInputRef.current) === null || _innerSearchInputRef$3 === void 0 ? void 0 : _innerSearchInputRef$3.focus();
-					},
-					children: /* @__PURE__ */ jsx(SearchIcon, {
-						disabled,
-						sentiment: "neutral"
-					})
-				}),
-				readOnly,
-				ref: innerSearchInputRef,
-				required,
-				role,
-				size,
-				style,
-				suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsx(KeyGroup, {
+			return () => {
+				document.body.removeEventListener("keydown", handleKeyPressed);
+				document.body.removeEventListener("keyup", handleKeyReleased);
+			};
+		}, [
+			shortcut,
+			disabled,
+			handleKeyPressed,
+			handleKeyReleased
+		]);
+		const keys = useMemo(() => {
+			if (typeof shortcut === "boolean") return [isMacOS ? "⌘" : "Ctrl", "K"];
+			return shortcut.map((key) => {
+				if (key === "Meta") return "⌘";
+				if (key === "Control") return "Ctrl";
+				return key;
+			});
+		}, [isMacOS, shortcut]);
+		return /* @__PURE__ */ jsx("div", {
+			style: { width: "100%" },
+			children: /* @__PURE__ */ jsx(Popup, {
+				className: searchInputStyle.popup,
+				"data-testid": `popup-${dataTestId}`,
+				debounceDelay: 0,
+				hasArrow: false,
+				hideOnClickOutside: true,
+				innerRef: popupRef,
+				maxHeight: 410,
+				maxWidth: containerWidth,
+				onClose: onCloseCallback,
+				placement: popupPlacement,
+				role: "dialog",
+				text: content,
+				visible: isOpen,
+				children: /* @__PURE__ */ jsx(TextInput, {
+					"aria-atomic": ariaAtomic,
+					"aria-labelledby": ariaLabelledby,
+					"aria-live": ariaLive,
+					autoComplete,
+					autoFocus,
+					className: cn(className, searchInputStyle.searchInput),
+					clearable: true,
+					"data-testid": dataTestId,
 					disabled,
-					keys,
-					onClick: () => {
-						var _innerSearchInputRef$4;
-						return (_innerSearchInputRef$4 = innerSearchInputRef.current) === null || _innerSearchInputRef$4 === void 0 ? void 0 : _innerSearchInputRef$4.focus();
-					}
-				}) : void 0,
-				tooltip,
-				value: searchTerms
+					error,
+					id,
+					label,
+					labelDescription,
+					loading,
+					maxLength,
+					minLength,
+					name,
+					onBlur,
+					onChange: (event) => onSearchCallback(event.target.value),
+					onFocus,
+					onKeyDown,
+					placeholder,
+					prefix: /* @__PURE__ */ jsx(Stack, {
+						className: searchInputStyle.clickableStack,
+						"data-testid": `search-icon${dataTestId ? `-${dataTestId}` : ""}`,
+						onClick: () => {
+							var _innerSearchInputRef$3;
+							return (_innerSearchInputRef$3 = innerSearchInputRef.current) === null || _innerSearchInputRef$3 === void 0 ? void 0 : _innerSearchInputRef$3.focus();
+						},
+						children: /* @__PURE__ */ jsx(SearchIcon, {
+							disabled,
+							sentiment: "neutral"
+						})
+					}),
+					readOnly,
+					ref: innerSearchInputRef,
+					required,
+					role,
+					size,
+					style,
+					suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsx(KeyGroup, {
+						disabled,
+						keys,
+						onClick: () => {
+							var _innerSearchInputRef$4;
+							return (_innerSearchInputRef$4 = innerSearchInputRef.current) === null || _innerSearchInputRef$4 === void 0 ? void 0 : _innerSearchInputRef$4.focus();
+						}
+					}) : void 0,
+					tooltip,
+					value: searchTerms
+				})
 			})
-		})
+		});
 	});
 });
 
 //#endregion
-export { SearchInput };
+init_SearchInput();
+export { SearchInput, init_SearchInput };

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

@@ -1,4 +1,6 @@
-export declare const searchInputPopup: string;
-export declare const searchInput: string;
-export declare const clickableStack: string;
+export declare const searchInputStyle: {
+    popup: string;
+    searchInput: string;
+    clickableStack: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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":"AAGA,eAAO,MAAM,gBAAgB,QAO3B,CAAA;AAEF,eAAO,MAAM,WAAW,QAAY,CAAA;AAEpC,eAAO,MAAM,cAAc,QAA4B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.css.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}

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

@@ -1,9 +1,17 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/SearchInput/styles.css.ts
-var searchInputPopup = "uv_r3pe3n0";
-var searchInput = "uv_r3pe3n1";
-var clickableStack = "uv_r3pe3n2";
+var searchInputStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	searchInputStyle = {
+		popup: "uv_r3pe3n0",
+		searchInput: "uv_r3pe3n1",
+		clickableStack: "uv_r3pe3n2"
+	};
+});
 
 //#endregion
-export { clickableStack, searchInput, searchInputPopup };
+init_styles_css();
+export { init_styles_css, searchInputStyle };

package/dist/components/SearchInput/styles.css.ts.vanilla.js

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