@cube-dev/ui-kit 0.0.0-canary-98a60ee → 0.0.0-canary-3683a4e

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/Checkbox/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/DatePicker/intl.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 //#region src/components/fields/DatePicker/intl.ts
 const dateMessages = {
 	time: "Time",

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/FilterListBox/FilterListBox.d.ts

@@ -20,25 +20,14 @@ interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'filter'>,
    * Pass `false` to disable internal filtering completely (useful for external filtering).
    */
   filter?: FilterFn | false;
-  /** Custom label to display when no results are found after filtering */
+  /** Label shown when the list is empty. When provided, overrides both the "No results found" and "No items" defaults. */
   emptyLabel?: ReactNode;
   /** Custom styles for the search input */
   searchInputStyles?: Styles;
   /** Whether the FilterListBox is in loading state (shows loading icon in search input) */
   isLoading?: boolean;
-  /**
-   * Whether the items are currently loading. Shows a "loading items" disclaimer
-   * inside the popover. When `allowsCustomValue` is `false`, the search input is
-   * hidden and the disclaimer acts as the focus target for keyboard navigation.
-   * When `allowsCustomValue` is `true`, the search input remains visible and the
-   * disclaimer is shown below it (so a custom value can still be typed and applied).
-   */
+  /** Whether items are currently loading. Shows a loading icon in the search input suffix. */
   isLoadingItems?: boolean;
-  /**
-   * Label displayed inside the loading disclaimer when `isLoadingItems` is `true`.
-   * @default "Loading items..."
-   */
-  loadingItemsLabel?: ReactNode;
   /** Ref for accessing the search input element */
   searchInputRef?: RefObject<HTMLInputElement | null>;
   /** Whether to allow entering custom values that are not present in the predefined options */

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-98a60ee | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3683a4e | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -23,7 +23,7 @@ const FilterListBoxWrapperElement = tasty({ styles: {
 	display: "grid",
 	flow: "column",
 	gridColumns: "1sf",
-	gridRows: "max-content max-content max-content 1sf",
+	gridRows: "max-content max-content 1sf",
 	gap: 0,
 	position: "relative",
 	radius: true,
@@ -66,39 +66,13 @@ const SearchInputElement = tasty({
 		fill: "#clear",
 		padding: {
 			"": ".5x 1.5x",
-			prefix: "0 1.5x 0 .5x"
+			prefix: "0 1.5x 0 .5x",
+			suffix: ".5x .5x .5x 1.5x",
+			"prefix & suffix": "0 .5x 0 .5x"
 		}
 	}
 });
 const StyledHeaderWithoutBorder = tasty(StyledHeader, { styles: { border: false } });
-const LoadingDisclaimerElement = tasty({
-	qa: "FilterListBoxLoadingDisclaimer",
-	styles: {
-		display: "flex",
-		flow: "row",
-		gap: "1x",
-		padding: ".75x 1.5x",
-		color: "#dark-03",
-		preset: "p4",
-		placeItems: "center start",
-		fill: "#clear",
-		border: "bottom",
-		height: {
-			"": "auto",
-			focusable: "($size + 1x)"
-		},
-		$size: {
-			"": "$size-md",
-			"size=small": "$size-sm",
-			"size=medium": "$size-md",
-			"size=large": "$size-lg"
-		},
-		outline: {
-			"": "#purple-03.0",
-			focused: "#purple-03"
-		}
-	}
-});
 const PROP_STYLES = [
 	...BASE_STYLES,
 	...OUTER_STYLES,
@@ -118,7 +92,7 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 		};
 		return fieldProps;
 	} });
-	let { qa, label, extra, id, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, isLoadingItems, loadingItemsLabel = "Loading items...", searchPlaceholder = "Search...", autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, focusOnHover, shouldFocusWrap, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, showSelectAll, selectAllLabel, header, footer, size = "medium", headerStyles, footerStyles, listBoxStyles, items, children: renderChildren, onEscape, isCheckable, onOptionClick, selectionMode = "single", allValueProps, customValueProps, newCustomValueProps, searchValue: controlledSearchValue, onSearchChange, _internalCollection, form, ...otherProps } = props;
+	let { qa, label, extra, id, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, isLoadingItems, searchPlaceholder = "Search...", autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, focusOnHover, shouldFocusWrap, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, showSelectAll, selectAllLabel, header, footer, size = "medium", headerStyles, footerStyles, listBoxStyles, items, children: renderChildren, onEscape, isCheckable, onOptionClick, selectionMode = "single", allValueProps, customValueProps, newCustomValueProps, searchValue: controlledSearchValue, onSearchChange, _internalCollection, form, ...otherProps } = props;
 	let children = renderChildren;
 	const renderFn = renderChildren;
 	if (items && typeof renderFn === "function") try {
@@ -192,6 +166,7 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 	const { contains } = useFilter({ sensitivity: "base" });
 	const textFilterFn = useMemo(() => filter === false ? () => true : filter || contains, [filter, contains]);
 	const filterFn = useCallback((nodes) => {
+		if (filter === false) return nodes;
 		const term = searchValue.trim();
 		if (!term) return nodes;
 		return [...nodes].map((node) => {
@@ -206,7 +181,11 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 			}
 			return textFilterFn(node.textValue || "", term) ? node : null;
 		}).filter(Boolean);
-	}, [searchValue, textFilterFn]);
+	}, [
+		filter,
+		searchValue,
+		textFilterFn
+	]);
 	const enhancedChildren = useMemo(() => {
 		let childrenToProcess = mergedChildren;
 		if (!allowsCustomValue) return childrenToProcess;
@@ -377,8 +356,6 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 			}
 		}
 	} });
-	const showSearchInput = !isLoadingItems || allowsCustomValue;
-	const showLoadingDisclaimer = !!isLoadingItems;
 	const mods = useMemo(() => ({
 		invalid: isInvalid,
 		valid: validationState === "valid",
@@ -388,6 +365,7 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 		"loading-items": !!isLoadingItems,
 		searchable: true,
 		prefix: !!isLoading,
+		suffix: !!isLoadingItems,
 		...externalMods
 	}), [
 		isInvalid,
@@ -414,66 +392,51 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 	const handleOptionClick = (key) => {
 		setTimeout(() => {
 			if (searchInputRef.current) searchInputRef.current.focus();
-			else if (disclaimerRef.current) disclaimerRef.current.focus();
 		}, 0);
 		if (onOptionClick) onOptionClick(key);
 	};
 	const searchInput = /* @__PURE__ */ jsxs(SearchWrapperElement, {
 		mods,
 		"data-size": size,
-		children: [isLoading && /* @__PURE__ */ jsx("div", {
-			"data-element": "Prefix",
-			children: /* @__PURE__ */ jsx("div", {
-				"data-element": "InputIcon",
-				children: isLoading ? /* @__PURE__ */ jsx(LoadingIcon, {}) : null
+		children: [
+			isLoading && /* @__PURE__ */ jsx("div", {
+				"data-element": "Prefix",
+				children: /* @__PURE__ */ jsx("div", {
+					"data-element": "InputIcon",
+					children: isLoading ? /* @__PURE__ */ jsx(LoadingIcon, {}) : null
+				})
+			}),
+			/* @__PURE__ */ jsx(SearchInputElement, {
+				ref: searchInputRef,
+				qa: qa || "FilterListBox",
+				id,
+				"data-prefix": isLoading ? "" : void 0,
+				"data-suffix": isLoadingItems ? "" : void 0,
+				type: "search",
+				placeholder: searchPlaceholder,
+				value: searchValue,
+				disabled: isDisabled,
+				autoFocus,
+				"data-autofocus": autoFocus ? "" : void 0,
+				styles: searchInputStyles,
+				"data-size": size,
+				"data-input-type": "filterlistbox",
+				role: "combobox",
+				"aria-expanded": "true",
+				"aria-haspopup": "listbox",
+				"aria-activedescendant": listStateRef.current?.selectionManager.focusedKey != null ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}` : void 0,
+				onChange: (e) => {
+					handleSearchChange(e.target.value);
+				},
+				...keyboardProps,
+				...modAttrs(mods)
+			}),
+			isLoadingItems && /* @__PURE__ */ jsx("div", {
+				"data-element": "Suffix",
+				children: /* @__PURE__ */ jsx(LoadingIcon, { "data-element": "InputIcon" })
 			})
-		}), /* @__PURE__ */ jsx(SearchInputElement, {
-			ref: searchInputRef,
-			qa: qa || "FilterListBox",
-			id,
-			"data-prefix": isLoading ? "" : void 0,
-			type: "search",
-			placeholder: searchPlaceholder,
-			value: searchValue,
-			disabled: isDisabled,
-			autoFocus,
-			"data-autofocus": autoFocus ? "" : void 0,
-			styles: searchInputStyles,
-			"data-size": size,
-			"data-input-type": "filterlistbox",
-			role: "combobox",
-			"aria-expanded": "true",
-			"aria-haspopup": "listbox",
-			"aria-activedescendant": listStateRef.current?.selectionManager.focusedKey != null ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}` : void 0,
-			onChange: (e) => {
-				handleSearchChange(e.target.value);
-			},
-			...keyboardProps,
-			...modAttrs(mods)
-		})]
+		]
 	});
-	const disclaimerIsFocusable = showLoadingDisclaimer && !showSearchInput;
-	const disclaimerRef = useRef(null);
-	useEffect(() => {
-		if (disclaimerIsFocusable && autoFocus) disclaimerRef.current?.focus();
-	}, [disclaimerIsFocusable]);
-	const loadingDisclaimer = showLoadingDisclaimer ? /* @__PURE__ */ jsxs(LoadingDisclaimerElement, {
-		ref: disclaimerRef,
-		"data-size": size,
-		mods: {
-			focusable: disclaimerIsFocusable,
-			...mods
-		},
-		...disclaimerIsFocusable ? {
-			tabIndex: 0,
-			role: "combobox",
-			"aria-expanded": "true",
-			"aria-haspopup": "listbox",
-			"aria-activedescendant": listStateRef.current?.selectionManager.focusedKey != null ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}` : void 0,
-			...keyboardProps
-		} : {},
-		children: [/* @__PURE__ */ jsx(LoadingIcon, {}), /* @__PURE__ */ jsx("span", { children: loadingItemsLabel })]
-	}) : /* @__PURE__ */ jsx("div", { role: "presentation" });
 	return wrapWithField(/* @__PURE__ */ jsxs(FilterListBoxWrapperElement, {
 		ref,
 		qa: "FilterListBoxWrapper",
@@ -486,8 +449,7 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 				styles: headerStyles,
 				children: header
 			}) : /* @__PURE__ */ jsx("div", { role: "presentation" }),
-			showSearchInput ? searchInput : /* @__PURE__ */ jsx("div", { role: "presentation" }),
-			loadingDisclaimer,
+			searchInput,
 			/* @__PURE__ */ jsx(ListBox, {
 				ref: listBoxRef,
 				"aria-label": innerAriaLabel,
@@ -520,7 +482,7 @@ const FilterListBox = forwardRef(function FilterListBox(props, ref) {
 				items,
 				allValueProps,
 				filter: filterFn,
-				emptyLabel: searchValue.trim() ? emptyLabel !== void 0 ? emptyLabel : "No results found" : "No items",
+				emptyLabel: emptyLabel !== void 0 ? emptyLabel : searchValue.trim() ? "No results found" : "No items",
 				onSelectionChange: handleSelectionChange,
 				onEscape,
 				onOptionClick: handleOptionClick,