@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/components/inputs/Selection/shared/SelectInput.js

@@ -1,204 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import "../../../../config/i18n.js";
-import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { SelectInputTags } from "./SelectInputTags.js";
-import { SelectContext } from "./select.context.js";
-import { selectInputTagsContentWrapperDefinition } from "./selectInput.cva.js";
-import { InputClear } from "../../shared/InputClear.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
-import { useKeyInteractions } from "../../../../hooks/useKeyInteractions.js";
-import { Triangle } from "lucide-react";
-import { clsx } from "clsx";
-import { use, useMemo, useRef, useState } from "react";
-import { Button, ComboBoxStateContext, Input } from "react-aria-components";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectInput.tsx
-const SelectInput = ({ ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, isRequired, isDirty, onCloseComboBox, onBlur, leadingContent, trailingContent, onMouseEnter, onFocusCapture, ...props }) => {
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
-	const inputClearClassCva = UIOverrides.useCva("input.clearClassCva", inputClearClassDefinition);
-	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
-	const { t } = useTranslation("ui");
-	const state = use(ComboBoxStateContext);
-	const { hoverProps, isHovered } = useHover({ isDisabled });
-	const [isFocused, setIsFocused] = useState(false);
-	const { focusWithinProps } = useFocusWithin({ onFocusWithinChange: setIsFocused });
-	const { isFocusVisible } = useFocusVisible();
-	const inputRef = useRef(null);
-	const { fieldState, isOpen, setIsOpen, selectableListItems, selectedItems, onChange, onClear, onRemove, isMultiple, multiSelectAutoConfirm, isLoading } = SelectContext.useSelect();
-	const isEmpty = selectedItems.length === 0;
-	const showTags = isMultiple && !isEmpty;
-	const showClearButton = (!isDisabled || isClearableIfDisabled === true) && isClearable && (selectedItems.length > 0 || isSearchable && fieldState.inputValue !== "");
-	const labelProps = useMemo(() => {
-		const { labelProps: headerLabelProps } = headerProps ?? {};
-		if (!(as && ["filter", "floating"].includes(as)) || isSearchable) return headerLabelProps;
-		return {
-			...headerLabelProps,
-			className: clsx(headerLabelProps?.className, "pointer-events-none")
-		};
-	}, [
-		as,
-		headerProps,
-		isSearchable
-	]);
-	let exactMatchItem;
-	if (isMultiple && multiSelectAutoConfirm && fieldState.inputValue !== "") exactMatchItem = selectableListItems.find((item) => item.label.toLowerCase() === fieldState.inputValue.toLowerCase());
-	let singleRemainingItem;
-	if (!isLoading && selectableListItems.length === 1 && !selectableListItems[0].isDisabled) singleRemainingItem = selectableListItems[0];
-	let autoConfirmItem;
-	if (isMultiple) {
-		if (multiSelectAutoConfirm) autoConfirmItem = exactMatchItem ?? singleRemainingItem;
-	} else autoConfirmItem = singleRemainingItem;
-	const { onKeyDown } = useKeyInteractions({
-		enter: {
-			enabled: !isLoading && !!autoConfirmItem,
-			preventDefault: true,
-			callback: () => {
-				if (!autoConfirmItem) return;
-				if (isMultiple) {
-					if (Array.isArray(fieldState.value)) if (fieldState.value.includes(autoConfirmItem.id)) onChange(fieldState.value.filter((id) => id !== autoConfirmItem.id));
-					else onChange(fieldState.value.concat(autoConfirmItem.id));
-					else onChange([autoConfirmItem.id]);
-					return;
-				}
-				onChange(autoConfirmItem.id);
-				onCloseComboBox?.(state);
-			}
-		},
-		backspace: {
-			enabled: isMultiple && fieldState.inputValue === "" && Array.isArray(fieldState.value) && fieldState.value.length > 0,
-			callback: () => {
-				if (!Array.isArray(fieldState.value)) return;
-				onChange(fieldState.value.slice(0, -1));
-			}
-		}
-	});
-	const { onKeyDown: onTriggerKeyDown } = useKeyInteractions({ interactions: [{
-		actions: ["up", "down"],
-		enabled: !isSearchable && !isDisabled && !isOpen,
-		preventDefault: true,
-		callback: () => {
-			setIsOpen(true);
-		}
-	}] });
-	const onClick = () => {
-		if (isDisabled) return;
-		if (!isSearchable) {
-			setIsOpen(!isOpen);
-			return;
-		}
-		inputRef.current?.focus();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: inputBaseCva({
-			variant,
-			as,
-			...props,
-			className: clsx("group/select-content relative flex px-0!", !isDisabled && isSearchable && "cursor-text", className)
-		}),
-		"data-rac": "",
-		"data-disabled": isDisabled || void 0,
-		"data-is-disabled": isDisabled || void 0,
-		"data-hovered": isHovered || void 0,
-		"data-focused": isOpen || isFocused || void 0,
-		"data-focus-within": isFocused || void 0,
-		"data-searchable-focus-within": isFocused && isSearchable || void 0,
-		"data-focus-visible": isFocused && isFocusVisible || void 0,
-		"data-has-selection": !isEmpty || void 0,
-		"data-has-search": fieldState.searchValue !== "" || void 0,
-		"data-invalid": isInvalid || void 0,
-		"data-is-empty": isEmpty || void 0,
-		"data-is-filled": !isEmpty || void 0,
-		"data-is-required": isRequired || void 0,
-		"data-is-dirty": isDirty || void 0,
-		"data-select-input": "",
-		onMouseEnter,
-		onFocusCapture,
-		...hoverProps,
-		...focusWithinProps,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: clsx("relative flex flex-1 items-center gap-input-gap-input-text-to-elements truncate", !isDisabled && isSearchable && "cursor-text", !isDisabled && !isSearchable && "cursor-pointer", inputSizeCva({
-					as,
-					size,
-					...props
-				})),
-				onClick,
-				children: [
-					as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
-						as,
-						...headerProps,
-						labelProps
-					}),
-					leadingContent && /* @__PURE__ */ jsx("div", {
-						className: "ml-input-side-default flex shrink-0 items-center",
-						children: leadingContent
-					}),
-					(showTags || isSearchable) && /* @__PURE__ */ jsxs("div", {
-						className: selectInputTagsContentWrapperCva({ isSearchable }),
-						children: [showTags && /* @__PURE__ */ jsx(SelectInputTags, {
-							selectedItems,
-							isDisabled,
-							collapseAfter,
-							selectedTagsType,
-							onRemove
-						}), isSearchable && /* @__PURE__ */ jsx(Input, {
-							ref: inputRef,
-							placeholder: as === "floating" ? void 0 : placeholder,
-							onBlur,
-							className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3", "disabled:text-text-default-3 disabled:placeholder:text-interactive-text-secondary-disabled", inputClassName),
-							onKeyDown,
-							...fieldProps
-						})]
-					}),
-					!isSearchable && /* @__PURE__ */ jsxs(Button, {
-						isDisabled,
-						onPress: () => setIsOpen(!isOpen),
-						onBlur,
-						"data-type": "select-trigger",
-						className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-text-default-3", showTags && "absolute inset-0 z-base"),
-						onKeyDown: onTriggerKeyDown,
-						...fieldProps,
-						children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
-							size: "label-1",
-							as: "span",
-							className: clsx("truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-text-default-3 group-disabled/select-trigger:text-interactive-text-secondary-disabled"),
-							children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
-						})]
-					})
-				]
-			}),
-			isClearable && (!isDisabled || isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
-				onClear: () => {
-					onClear();
-				},
-				className: inputClearClassCva({ as }),
-				show: showClearButton
-			}),
-			trailingContent && /* @__PURE__ */ jsx("div", {
-				className: "flex shrink-0 items-center",
-				children: trailingContent
-			}),
-			!hideDropdownIcon && /* @__PURE__ */ jsx(Button, {
-				excludeFromTabOrder: true,
-				"aria-label": t(($) => isOpen ? $.ui.closeAlt : $.ui.openAlt),
-				className: clsx("self-stretch pl-1-5 outline-none", inputSizeCva({ size })),
-				isDisabled,
-				onPress: () => {
-					if (!isSearchable) setIsOpen(!isOpen);
-				},
-				children: /* @__PURE__ */ jsx("span", {
-					className: clsx("flex size-6 shrink-0 items-center justify-center", isOpen && "rotate-180", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ jsx(Triangle, { className: "h-2 w-3 rotate-180 fill-current stroke-0" })
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { SelectInput };

package/dist/components/inputs/Selection/shared/SelectInputTags.js

@@ -1,31 +0,0 @@
-import { Tag } from "../../../tag.js";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/shared/SelectInputTags.tsx
-const SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove }) => {
-	const { displayedItems, remainingCount } = useMemo(() => {
-		if (!collapseAfter || selectedItems.length <= collapseAfter) return {
-			displayedItems: selectedItems,
-			remainingCount: 0
-		};
-		return {
-			displayedItems: selectedItems.slice(0, collapseAfter - 1),
-			remainingCount: selectedItems.length - (collapseAfter - 1)
-		};
-	}, [selectedItems, collapseAfter]);
-	if (selectedTagsType === "tags") return /* @__PURE__ */ jsxs(Fragment$1, { children: [displayedItems.map((item) => /* @__PURE__ */ jsx(Tag, {
-		dismissable: true,
-		isDisabled,
-		onDismiss: () => onRemove(item.id),
-		excludeFromTabOrder: true,
-		className: "z-raised",
-		children: item.label
-	}, item.id)), remainingCount > 0 && /* @__PURE__ */ jsx(Tag, {
-		isDisabled,
-		excludeFromTabOrder: true,
-		children: `+${remainingCount} more`
-	}, "remaining-count")] });
-	return /* @__PURE__ */ jsx("p", { children: selectedItems.map((item) => item.label).join(", ") });
-};
-//#endregion
-export { SelectInputTags };

package/dist/components/inputs/Selection/shared/SelectListBox.js

@@ -1,75 +0,0 @@
-import "./useSelectItems.js";
-import { SelectContext } from "./select.context.js";
-import { SelectListBoxItem } from "./SelectListBoxItem.js";
-import { SelectListBoxItemSelectAll } from "./SelectListBoxItemSelectAll.js";
-import { SelectListBoxLoadingItem } from "./SelectListBoxLoadingItem.js";
-import { clsx } from "clsx";
-import { ListBox, ListLayout, Virtualizer } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/shared/SelectListBox.tsx
-const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
-	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore } = SelectContext.useSelect();
-	const onSelectionChange = (value) => {
-		const ids = Array.from(value);
-		if (!isMultiple && ids.length === 0) {
-			if (fieldState.value) {
-				onClose?.();
-				onChange(fieldState.value);
-			}
-			return;
-		}
-		if (isMultiple && ids.includes("all-item-id")) {
-			if (ids.length > selectableListItems.length) onClear();
-			else onSelectAll();
-			return;
-		}
-		if (isMultiple) onChange(ids);
-		else {
-			onClose?.();
-			onChange(ids[0]);
-		}
-	};
-	const renderItem = (item) => {
-		if (item.isSelectAllItem) return /* @__PURE__ */ jsx(SelectListBoxItemSelectAll, { ...item }, item.id);
-		if (item.isLoadingItem) return /* @__PURE__ */ jsx(SelectListBoxLoadingItem, {
-			...item,
-			onLoadMore
-		}, item.id);
-		return /* @__PURE__ */ jsx(SelectListBoxItem, {
-			...item,
-			isSearchable,
-			isNewItem: item.isNewItem,
-			newItemRender
-		}, item.id);
-	};
-	if (virtualizerOptions || (totalItems ?? listItems.length) > 100 || hasLoadMore) return /* @__PURE__ */ jsx(Virtualizer, {
-		layout: ListLayout,
-		layoutOptions: virtualizerOptions,
-		children: /* @__PURE__ */ jsx(ListBox, {
-			...props,
-			"aria-label": label,
-			selectionMode,
-			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
-			items: listItems,
-			selectedKeys: selectedIds,
-			onSelectionChange,
-			escapeKeyBehavior: "none",
-			shouldSelectOnPressUp: true,
-			children: renderItem
-		})
-	});
-	return /* @__PURE__ */ jsx(ListBox, {
-		...props,
-		"aria-label": label,
-		selectionMode,
-		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
-		items: listItems,
-		selectedKeys: selectedIds,
-		onSelectionChange,
-		escapeKeyBehavior: "none",
-		shouldSelectOnPressUp: true,
-		children: renderItem
-	});
-};
-//#endregion
-export { SelectListBox };

package/dist/components/inputs/Selection/shared/SelectListBoxItem.js

@@ -1,54 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import "../../../../config/i18n.js";
-import { SelectContext } from "./select.context.js";
-import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
-import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { useMemo, useRef } from "react";
-import { ListBoxItem } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
-const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
-	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
-	const ref = useRef(null);
-	const { t } = useTranslation("ui");
-	const { selectedIds, isMultiple } = SelectContext.useSelect();
-	const itemContent = useMemo(() => {
-		if (isNewItem) return newItemRender?.(label) ?? `${t(($) => $.ui.autocomplete.createNewBtn)} '${label}'`;
-		return content ?? label;
-	}, [
-		isNewItem,
-		newItemRender,
-		label,
-		content,
-		t
-	]);
-	return /* @__PURE__ */ jsxs(ListBoxItem, {
-		ref,
-		id,
-		textValue: label,
-		isDisabled,
-		className: selectListItemCva({
-			isSingle: !isMultiple,
-			isNewItem
-		}),
-		children: [
-			isMultiple && !isSearchable && /* @__PURE__ */ jsx(CheckboxCheckmark, {
-				variant: "default",
-				className: "group-focus-visible:outline-none!"
-			}),
-			isMultiple && isSearchable && /* @__PURE__ */ jsx("div", {
-				className: "group",
-				"data-rac": "",
-				"data-selected": selectedIds.includes(id) || void 0,
-				children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
-					variant: "default",
-					className: "group-focus-visible:outline-none!"
-				})
-			}),
-			itemContent
-		]
-	});
-};
-//#endregion
-export { SelectListBoxItem };

package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js

@@ -1,35 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import "../../../../config/i18n.js";
-import { SelectContext } from "./select.context.js";
-import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
-import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { useRef } from "react";
-import { ListBoxItem } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
-const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
-	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
-	const ref = useRef(null);
-	const { t } = useTranslation("ui");
-	const { selectableListItems, selectedIds } = SelectContext.useSelect();
-	return /* @__PURE__ */ jsxs(ListBoxItem, {
-		ref,
-		id,
-		textValue: label || t(($) => $.ui.select.allOption),
-		isDisabled,
-		className: selectListItemCva({}),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "group",
-			"data-rac": "",
-			"data-selected": selectedIds.length === selectableListItems.length || void 0,
-			"data-indeterminate": selectedIds.length > 0 && selectedIds.length < selectableListItems.length || void 0,
-			children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
-				variant: "default",
-				className: "group-focus-visible:outline-none!"
-			})
-		}), t(($) => $.ui.select.allOption)]
-	});
-};
-//#endregion
-export { SelectListBoxItemSelectAll };

package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js

@@ -1,41 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Loader } from "../../../loader.js";
-import "../../../../config/i18n.js";
-import { SelectContext } from "./select.context.js";
-import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { useIntersectionObserver } from "../../../../hooks/useIntersectionObserver.js";
-import { useCallback } from "react";
-import { ListBoxItem } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
-const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
-	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
-	const { t } = useTranslation("ui");
-	const { isDebouncing, isLoading, hasLoadMore } = SelectContext.useSelect();
-	const onIntersection = useCallback(() => {
-		if (!isDebouncing && !isLoading && hasLoadMore) onLoadMore?.();
-	}, [
-		isDebouncing,
-		isLoading,
-		hasLoadMore,
-		onLoadMore
-	]);
-	const { ref } = useIntersectionObserver({
-		onIntersection,
-		rootMargin: "40px"
-	});
-	return /* @__PURE__ */ jsx(ListBoxItem, {
-		id,
-		textValue: label || t(($) => $.ui.loadingState.text),
-		isDisabled: true,
-		className: selectListItemCva({}),
-		children: /* @__PURE__ */ jsx("div", {
-			ref,
-			className: "flex flex-1 justify-center text-interactive-text-primary-idle",
-			children: /* @__PURE__ */ jsx(Loader, {})
-		})
-	});
-};
-//#endregion
-export { SelectListBoxLoadingItem };

package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js

@@ -1,27 +0,0 @@
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../text-button.js";
-import { SelectContext } from "./select.context.js";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectListBoxSelectionBar.tsx
-const SelectListBoxSelectionBar = ({ className }) => {
-	const { t } = useTranslation("ui");
-	const { onClear, onSelectAll } = SelectContext.useSelect();
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center justify-between border-elevation-outline-default-1 border-b px-4 py-3", className),
-		children: [/* @__PURE__ */ jsx(TextButton, {
-			type: "button",
-			color: "primary",
-			onPress: onSelectAll,
-			children: t(($) => $.ui.select.selectAll)
-		}), /* @__PURE__ */ jsx(TextButton, {
-			type: "button",
-			color: "secondary",
-			onPress: onClear,
-			children: t(($) => $.ui.select.clearSelection)
-		})]
-	});
-};
-//#endregion
-export { SelectListBoxSelectionBar };

package/dist/components/inputs/Selection/shared/SelectMobile.js

@@ -1,128 +0,0 @@
-import { BottomSheet } from "../../../bottom-sheet.js";
-import { FormField } from "../../../form-field.js";
-import { SelectContext } from "./select.context.js";
-import { SelectInput } from "./SelectInput.js";
-import { SelectListBox } from "./SelectListBox.js";
-import { FormFieldHeaderClose } from "../../FormField/FormFieldHeaderClose.js";
-import { TextInput } from "../../../text-input.js";
-import { SelectListBoxSelectionBar } from "./SelectListBoxSelectionBar.js";
-import { Search } from "lucide-react";
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { DialogTrigger } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLabel } from "react-aria";
-//#region src/components/inputs/Selection/shared/SelectMobile.tsx
-const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }) => {
-	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, hideSearchIcon, isSearchable, isClearable, isClearableIfDisabled, as, size, collapseAfter, selectedTagsType } = props;
-	const formFieldProps = {
-		error,
-		label,
-		tooltipText,
-		helperText,
-		isRequired,
-		rightContent,
-		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
-		hideLabel,
-		isDisabled,
-		headerClassName,
-		errorClassName
-	};
-	const { labelProps, fieldProps } = useLabel({ label });
-	const headerProps = {
-		label,
-		tooltipText,
-		helperText,
-		isRequired,
-		rightContent,
-		isHeaderHidden: hideLabel || isHeaderHidden,
-		isDisabled,
-		className: headerClassName,
-		labelProps
-	};
-	const { fieldState, isOpen, setIsOpen, onInputChange, isMultiple } = SelectContext.useSelect();
-	const searchInputRef = useRef(null);
-	const onBlurRef = useRef(onBlur);
-	onBlurRef.current = onBlur;
-	const handleOpenChange = (open) => {
-		if (!open) onBlurRef.current?.({});
-		setIsOpen(open);
-	};
-	const dialogTriggerProps = {
-		isOpen,
-		onOpenChange: handleOpenChange
-	};
-	return /* @__PURE__ */ jsx(FormField, {
-		...formFieldProps,
-		as,
-		labelProps,
-		className: clsx("group w-full", containerClassName),
-		onMouseEnter,
-		onFocusCapture,
-		children: /* @__PURE__ */ jsxs(DialogTrigger, {
-			...dialogTriggerProps,
-			children: [customTrigger ? /* @__PURE__ */ jsx("div", {
-				...fieldProps,
-				ref,
-				children: customTrigger
-			}) : /* @__PURE__ */ jsx(SelectInput, {
-				ref,
-				placeholder,
-				variant,
-				as,
-				size,
-				isDisabled,
-				isInvalid: !!error,
-				className,
-				hideDropdownIcon,
-				isSearchable: false,
-				isClearable,
-				isClearableIfDisabled,
-				showSelectionContent,
-				onBlur: void 0,
-				fieldProps,
-				headerProps,
-				leadingContent,
-				trailingContent,
-				collapseAfter,
-				selectedTagsType,
-				isRequired,
-				isDirty
-			}), /* @__PURE__ */ jsx(BottomSheet, {
-				isDismissable: true,
-				hideHeader: isSearchable,
-				...bottomSheetProps,
-				isOpen,
-				onOpenChange: handleOpenChange,
-				onStateChange: (state) => {
-					if (state === "opened") searchInputRef.current?.focus();
-				},
-				label,
-				footer: isMultiple && /* @__PURE__ */ jsx(SelectListBoxSelectionBar, {}),
-				children: (close) => /* @__PURE__ */ jsxs("div", {
-					className: "flex max-h-full flex-col overflow-hidden",
-					children: [isSearchable && /* @__PURE__ */ jsx(TextInput, {
-						ref: searchInputRef,
-						label,
-						placeholder,
-						value: fieldState.inputValue,
-						onChange: onInputChange,
-						rightContent: /* @__PURE__ */ jsx(FormFieldHeaderClose, { onClose: close }),
-						inputClassName,
-						className: "mb-list-height-title-bottom px-list-side-title",
-						leadingIcon: !hideSearchIcon ? /* @__PURE__ */ jsx(Search, { className: "size-6" }) : void 0,
-						size: "default",
-						isClearable
-					}), /* @__PURE__ */ jsx(SelectListBox, {
-						...props,
-						autoFocus: !isSearchable,
-						onClose: close,
-						isScrollable: true
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { SelectMobile };

package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js

@@ -1,25 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { inputSizeDefinition } from "../../shared/input.cva.js";
-import { Triangle } from "lucide-react";
-import { clsx } from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
-const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, isDisabled, size }) => {
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	if (!trailingContent && hideDropdownIcon) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [trailingContent && /* @__PURE__ */ jsx("div", {
-		className: "flex shrink-0 items-center",
-		children: trailingContent
-	}), !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
-		type: "button",
-		tabIndex: -1,
-		className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ jsx("span", {
-			className: clsx("flex size-6 shrink-0 items-center justify-center", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-			children: /* @__PURE__ */ jsx(Triangle, { className: "h-2 w-3 rotate-180 fill-current stroke-0" })
-		})
-	}) : void 0] });
-};
-//#endregion
-export { StaticSelectTrailingContent };

package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts

@@ -1,8 +0,0 @@
-import "./select.types.js";
-import { Key } from "react-aria-components";
-import { UseInfiniteQueryResult, UseQueryResult } from "@tanstack/react-query";
-//#region src/components/inputs/Selection/shared/querySelect.utils.d.ts
-type QueryFn<TData = any> = (...args: any[]) => UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-//#endregion
-export { QueryDataType, QueryFn };