@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/components/inputs/Selection/shared/SelectBase.d.ts

@@ -1,38 +0,0 @@
-import { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from 'react';
-import { AriaButtonProps } from 'react-aria';
-import { Key } from 'react-aria-components';
-import { FormFieldProps } from '../../FormField/FormField';
-import { BottomSheetProps } from '../../../overlays/BottomSheet/BottomSheet';
-import { DefaultInitialSelectItem, GroupedSelectProps, SelectAsyncProps, SelectItem, SelectNewItemProps, SelectVirtualizationProps } from './select.types';
-import { InputVariantProps } from '../../shared/input.cva';
-export type SelectBaseProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = FormFieldProps & GroupedSelectProps<TKey, TInitialSelectItem> & SelectNewItemProps & SelectAsyncProps & SelectVirtualizationProps & InputVariantProps & Pick<AriaButtonProps, "onBlur"> & {
-    ref?: Ref<HTMLDivElement>;
-    className?: string;
-    isDirty?: boolean;
-    placeholder?: string;
-    hideDropdownIcon?: boolean;
-    hideSearchIcon?: boolean;
-    isSearchable?: boolean;
-    isClearable?: boolean;
-    isClearableIfDisabled?: boolean;
-    isClientSearchDisabled?: boolean;
-    ignoreInputValueFiltering?: boolean;
-    ignoreTriggerWidth?: boolean;
-    items: SelectItem<TKey>[];
-    inputClassName?: string;
-    containerClassName?: string;
-    leadingContent?: ReactNode;
-    trailingContent?: ReactNode;
-    customTrigger?: ReactElement;
-    selectedTagsType?: "tags" | "list";
-    collapseAfter?: number;
-    searchDebounceDelay?: number;
-    multiSelectAutoConfirm?: boolean;
-    onInputChange?: (value: string) => void;
-    onSearchChange?: (value: string) => void;
-    mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
-    bottomSheetProps?: Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "onStateChange" | "label" | "footer">>;
-};
-export declare const SelectBase: <TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(dProps: SelectBaseProps<TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,82 +0,0 @@
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
-import { SelectContext } from "./select.context.js";
-import { SelectDesktop } from "./SelectDesktop.js";
-import { SelectMobile } from "./SelectMobile.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/Selection/shared/SelectBase.tsx
-var SelectBase = (dProps) => {
-	const $ = c(21);
-	const ui = UIConfig.useConfig();
-	const t0 = dProps.selectionMode ?? ui.select.selectionMode;
-	const t1 = dProps.variant ?? ui.input.variant;
-	const t2 = dProps.as ?? ui.input.as;
-	const t3 = dProps.size ?? ui.input.size;
-	const t4 = dProps.hideLabel ?? ui.input.hideLabel;
-	const t5 = dProps.isClearable ?? ui.input.isClearable;
-	const t6 = dProps.isSearchable ?? ui.select.isSearchable;
-	const t7 = dProps.selectedTagsType ?? ui.select.selectedTagsType;
-	const t8 = dProps.virtualizerOptions || (dProps.totalItems ?? 0) > 100 || dProps.hasLoadMore ? false : dProps.ignoreTriggerWidth ?? false;
-	const t9 = dProps.collapseAfter ?? ui.select.collapseAfter;
-	const t10 = dProps.hideSearchIcon ?? ui.select.hideSearchIcon;
-	const t11 = dProps.multiSelectAutoConfirm ?? ui.select.multiSelectAutoConfirm;
-	const t12 = dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled;
-	let t13;
-	if ($[0] !== dProps || $[1] !== t0 || $[2] !== t1 || $[3] !== t10 || $[4] !== t11 || $[5] !== t12 || $[6] !== t2 || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6 || $[11] !== t7 || $[12] !== t8 || $[13] !== t9) {
-		t13 = {
-			...dProps,
-			selectionMode: t0,
-			variant: t1,
-			as: t2,
-			size: t3,
-			hideLabel: t4,
-			isClearable: t5,
-			isSearchable: t6,
-			selectedTagsType: t7,
-			ignoreTriggerWidth: t8,
-			collapseAfter: t9,
-			hideSearchIcon: t10,
-			multiSelectAutoConfirm: t11,
-			isClientSearchDisabled: t12
-		};
-		$[0] = dProps;
-		$[1] = t0;
-		$[2] = t1;
-		$[3] = t10;
-		$[4] = t11;
-		$[5] = t12;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-		$[12] = t8;
-		$[13] = t9;
-		$[14] = t13;
-	} else t13 = $[14];
-	const props = t13;
-	const isDesktop = useBreakpoint("md");
-	const t14 = props;
-	let t15;
-	if ($[15] !== isDesktop || $[16] !== props) {
-		t15 = isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props });
-		$[15] = isDesktop;
-		$[16] = props;
-		$[17] = t15;
-	} else t15 = $[17];
-	let t16;
-	if ($[18] !== t14 || $[19] !== t15) {
-		t16 = /* @__PURE__ */ jsx(SelectContext.Provider, {
-			...t14,
-			children: t15
-		});
-		$[18] = t14;
-		$[19] = t15;
-		$[20] = t16;
-	} else t16 = $[20];
-	return t16;
-};
-//#endregion
-export { SelectBase };

package/dist/components/inputs/Selection/shared/SelectDesktop.d.ts

@@ -1,5 +0,0 @@
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-type SelectDesktopProps<TKey extends Key = Key> = SelectBaseProps<TKey>;
-export declare const SelectDesktop: <TKey extends Key = Key>({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, ...props }: SelectDesktopProps<TKey>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,421 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { FormField } from "../../FormField/FormField.js";
-import { popoverDefinition } from "../../../shared/popover.cva.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import "./useSelectItems.js";
-import { SelectContext } from "./select.context.js";
-import { SelectInput } from "./SelectInput.js";
-import { SelectListBox } from "./SelectListBox.js";
-import { selectPopoverDefinition } from "./selectDesktop.cva.js";
-import { clsx } from "clsx";
-import { Fragment, useLayoutEffect, useRef, useState } from "react";
-import { ComboBox, DialogTrigger, Popover } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLabel, usePreventScroll } from "react-aria";
-import { mergeRefs } from "@react-aria/utils";
-//#region src/components/inputs/Selection/shared/SelectDesktop.tsx
-var SelectDesktop = (t0) => {
-	const $ = c(130);
-	let containerClassName;
-	let customTrigger;
-	let error;
-	let ignoreTriggerWidth;
-	let inputClassName;
-	let leadingContent;
-	let onBlur;
-	let onFocusCapture;
-	let onMouseEnter;
-	let props;
-	let ref;
-	let showSelectionContent;
-	let trailingContent;
-	if ($[0] !== t0) {
-		({ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, ...props} = t0);
-		$[0] = t0;
-		$[1] = containerClassName;
-		$[2] = customTrigger;
-		$[3] = error;
-		$[4] = ignoreTriggerWidth;
-		$[5] = inputClassName;
-		$[6] = leadingContent;
-		$[7] = onBlur;
-		$[8] = onFocusCapture;
-		$[9] = onMouseEnter;
-		$[10] = props;
-		$[11] = ref;
-		$[12] = showSelectionContent;
-		$[13] = trailingContent;
-	} else {
-		containerClassName = $[1];
-		customTrigger = $[2];
-		error = $[3];
-		ignoreTriggerWidth = $[4];
-		inputClassName = $[5];
-		leadingContent = $[6];
-		onBlur = $[7];
-		onFocusCapture = $[8];
-		onMouseEnter = $[9];
-		props = $[10];
-		ref = $[11];
-		showSelectionContent = $[12];
-		trailingContent = $[13];
-	}
-	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, isLoading, as, size, collapseAfter, selectedTagsType } = props;
-	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
-	const selectPopoverCva = UIOverrides.useCva("select.popoverCva", selectPopoverDefinition);
-	const t1 = isHeaderHidden || as === "inline" || as === "filter" || as === "floating";
-	let t2;
-	if ($[14] !== error || $[15] !== errorClassName || $[16] !== headerClassName || $[17] !== helperText || $[18] !== hideLabel || $[19] !== isDisabled || $[20] !== isRequired || $[21] !== label || $[22] !== rightContent || $[23] !== t1 || $[24] !== tooltipText) {
-		t2 = {
-			error,
-			label,
-			tooltipText,
-			helperText,
-			isRequired,
-			rightContent,
-			isHeaderHidden: t1,
-			hideLabel,
-			isDisabled,
-			headerClassName,
-			errorClassName
-		};
-		$[14] = error;
-		$[15] = errorClassName;
-		$[16] = headerClassName;
-		$[17] = helperText;
-		$[18] = hideLabel;
-		$[19] = isDisabled;
-		$[20] = isRequired;
-		$[21] = label;
-		$[22] = rightContent;
-		$[23] = t1;
-		$[24] = tooltipText;
-		$[25] = t2;
-	} else t2 = $[25];
-	const formFieldProps = t2;
-	let t3;
-	if ($[26] !== label) {
-		t3 = { label };
-		$[26] = label;
-		$[27] = t3;
-	} else t3 = $[27];
-	const { labelProps, fieldProps } = useLabel(t3);
-	const triggerRef = useRef(null);
-	const closeComboBoxRef = useRef(null);
-	const wrapperRef = useRef(null);
-	const [popoverWidth, setPopoverWidth] = useState(void 0);
-	const { fieldState, isOpen, setIsOpen, onInputChange, onChange, onClear, onSelectAll, listItems, selectableListItems, selectedIds, isMultiple } = SelectContext.useSelect();
-	const t4 = !isOpen;
-	let t5;
-	if ($[28] !== t4) {
-		t5 = { isDisabled: t4 };
-		$[28] = t4;
-		$[29] = t5;
-	} else t5 = $[29];
-	usePreventScroll(t5);
-	let t6;
-	let t7;
-	if ($[30] !== isOpen) {
-		t6 = () => {
-			if (!isOpen || !wrapperRef.current) return;
-			setPopoverWidth(wrapperRef.current.getBoundingClientRect().width);
-			const observer = new ResizeObserver((entries) => {
-				setPopoverWidth(entries[0].contentRect.width);
-			});
-			observer.observe(wrapperRef.current);
-			return () => {
-				observer.disconnect();
-			};
-		};
-		t7 = [isOpen];
-		$[30] = isOpen;
-		$[31] = t6;
-		$[32] = t7;
-	} else {
-		t6 = $[31];
-		t7 = $[32];
-	}
-	useLayoutEffect(t6, t7);
-	let t8;
-	if ($[33] !== fieldState.value || $[34] !== isMultiple || $[35] !== onChange || $[36] !== onClear || $[37] !== onSelectAll || $[38] !== selectableListItems || $[39] !== selectedIds) {
-		t8 = (value) => {
-			if (!value) return;
-			if (value === "all-item-id") {
-				if (selectedIds.length === selectableListItems.length) onClear();
-				else onSelectAll();
-				return;
-			}
-			if (!isMultiple) {
-				onChange(value);
-				return;
-			}
-			if (!Array.isArray(fieldState.value)) {
-				onChange([value]);
-				return;
-			}
-			if (fieldState.value.includes(value)) onChange(fieldState.value.filter((id) => id !== value));
-			else onChange(fieldState.value.concat(value));
-		};
-		$[33] = fieldState.value;
-		$[34] = isMultiple;
-		$[35] = onChange;
-		$[36] = onClear;
-		$[37] = onSelectAll;
-		$[38] = selectableListItems;
-		$[39] = selectedIds;
-		$[40] = t8;
-	} else t8 = $[40];
-	const onSelectionChange = t8;
-	let t9;
-	if ($[41] !== setIsOpen) {
-		t9 = (value_0) => {
-			if (closeComboBoxRef.current && value_0) {
-				closeComboBoxRef.current.setOpen(false);
-				closeComboBoxRef.current = null;
-			} else setIsOpen(value_0);
-		};
-		$[41] = setIsOpen;
-		$[42] = t9;
-	} else t9 = $[42];
-	const openChangeHandler = t9;
-	const WrapperComponent = isSearchable ? ComboBox : Fragment;
-	const t10 = isMultiple ? null : fieldState.value;
-	const t11 = fieldState.inputValue;
-	const t12 = !!error;
-	let t13;
-	if ($[43] !== containerClassName) {
-		t13 = clsx("group w-full", containerClassName);
-		$[43] = containerClassName;
-		$[44] = t13;
-	} else t13 = $[44];
-	let t14;
-	if ($[45] !== fieldState.inputValue || $[46] !== isDisabled || $[47] !== listItems || $[48] !== onInputChange || $[49] !== onSelectionChange || $[50] !== openChangeHandler || $[51] !== t10 || $[52] !== t12 || $[53] !== t13) {
-		t14 = {
-			items: listItems,
-			selectedKey: t10,
-			onSelectionChange,
-			inputValue: t11,
-			onInputChange,
-			onOpenChange: openChangeHandler,
-			allowsEmptyCollection: true,
-			isDisabled,
-			isInvalid: t12,
-			menuTrigger: "focus",
-			className: t13
-		};
-		$[45] = fieldState.inputValue;
-		$[46] = isDisabled;
-		$[47] = listItems;
-		$[48] = onInputChange;
-		$[49] = onSelectionChange;
-		$[50] = openChangeHandler;
-		$[51] = t10;
-		$[52] = t12;
-		$[53] = t13;
-		$[54] = t14;
-	} else t14 = $[54];
-	const comboBoxProps = t14;
-	const t15 = hideLabel || isHeaderHidden;
-	let t16;
-	if ($[55] !== headerClassName || $[56] !== helperText || $[57] !== isDisabled || $[58] !== isRequired || $[59] !== label || $[60] !== labelProps || $[61] !== rightContent || $[62] !== t15 || $[63] !== tooltipText) {
-		t16 = {
-			label,
-			tooltipText,
-			helperText,
-			isRequired,
-			rightContent,
-			isHeaderHidden: t15,
-			isDisabled,
-			className: headerClassName,
-			labelProps
-		};
-		$[55] = headerClassName;
-		$[56] = helperText;
-		$[57] = isDisabled;
-		$[58] = isRequired;
-		$[59] = label;
-		$[60] = labelProps;
-		$[61] = rightContent;
-		$[62] = t15;
-		$[63] = tooltipText;
-		$[64] = t16;
-	} else t16 = $[64];
-	const headerProps = t16;
-	let t17;
-	if ($[65] !== isOpen || $[66] !== setIsOpen) {
-		t17 = {
-			isOpen,
-			onOpenChange: setIsOpen
-		};
-		$[65] = isOpen;
-		$[66] = setIsOpen;
-		$[67] = t17;
-	} else t17 = $[67];
-	const dialogTriggerProps = t17;
-	let t18;
-	if ($[68] !== isLoading || $[69] !== listItems) {
-		t18 = listItems.filter(_temp).length > 0 || isLoading;
-		$[68] = isLoading;
-		$[69] = listItems;
-		$[70] = t18;
-	} else t18 = $[70];
-	const showPopover = t18;
-	let t19;
-	if ($[71] !== comboBoxProps || $[72] !== isSearchable) {
-		t19 = isSearchable ? comboBoxProps : {};
-		$[71] = comboBoxProps;
-		$[72] = isSearchable;
-		$[73] = t19;
-	} else t19 = $[73];
-	let t20;
-	if ($[74] !== containerClassName || $[75] !== isSearchable || $[76] !== labelProps) {
-		t20 = !isSearchable && {
-			labelProps,
-			className: clsx("group w-full", containerClassName)
-		};
-		$[74] = containerClassName;
-		$[75] = isSearchable;
-		$[76] = labelProps;
-		$[77] = t20;
-	} else t20 = $[77];
-	let t21;
-	if ($[78] !== as || $[79] !== className || $[80] !== collapseAfter || $[81] !== customTrigger || $[82] !== dialogTriggerProps || $[83] !== error || $[84] !== fieldProps || $[85] !== headerProps || $[86] !== hideDropdownIcon || $[87] !== inputClassName || $[88] !== isClearable || $[89] !== isClearableIfDisabled || $[90] !== isDirty || $[91] !== isDisabled || $[92] !== isRequired || $[93] !== isSearchable || $[94] !== leadingContent || $[95] !== onBlur || $[96] !== placeholder || $[97] !== ref || $[98] !== selectedTagsType || $[99] !== showSelectionContent || $[100] !== size || $[101] !== trailingContent || $[102] !== variant) {
-		t21 = customTrigger ? /* @__PURE__ */ jsx(DialogTrigger, {
-			...dialogTriggerProps,
-			children: /* @__PURE__ */ jsx("div", {
-				...fieldProps,
-				ref: mergeRefs(ref, triggerRef),
-				children: customTrigger
-			})
-		}) : /* @__PURE__ */ jsx(SelectInput, {
-			ref: mergeRefs(ref, triggerRef),
-			placeholder,
-			variant,
-			as,
-			size,
-			isDisabled,
-			isInvalid: !!error,
-			className,
-			hideDropdownIcon,
-			isSearchable,
-			isClearable,
-			isClearableIfDisabled,
-			showSelectionContent,
-			inputClassName,
-			leadingContent,
-			trailingContent,
-			collapseAfter,
-			selectedTagsType,
-			isRequired,
-			isDirty,
-			onBlur,
-			onCloseComboBox: (state) => {
-				if (isSearchable) closeComboBoxRef.current = state;
-			},
-			fieldProps,
-			headerProps
-		});
-		$[78] = as;
-		$[79] = className;
-		$[80] = collapseAfter;
-		$[81] = customTrigger;
-		$[82] = dialogTriggerProps;
-		$[83] = error;
-		$[84] = fieldProps;
-		$[85] = headerProps;
-		$[86] = hideDropdownIcon;
-		$[87] = inputClassName;
-		$[88] = isClearable;
-		$[89] = isClearableIfDisabled;
-		$[90] = isDirty;
-		$[91] = isDisabled;
-		$[92] = isRequired;
-		$[93] = isSearchable;
-		$[94] = leadingContent;
-		$[95] = onBlur;
-		$[96] = placeholder;
-		$[97] = ref;
-		$[98] = selectedTagsType;
-		$[99] = showSelectionContent;
-		$[100] = size;
-		$[101] = trailingContent;
-		$[102] = variant;
-		$[103] = t21;
-	} else t21 = $[103];
-	let t22;
-	if ($[104] !== ignoreTriggerWidth || $[105] !== isOpen || $[106] !== isSearchable || $[107] !== popoverCva || $[108] !== popoverWidth || $[109] !== props || $[110] !== selectPopoverCva || $[111] !== setIsOpen || $[112] !== showPopover) {
-		t22 = (!isSearchable || showPopover) && /* @__PURE__ */ jsx(Popover, {
-			triggerRef,
-			isOpen,
-			onOpenChange: setIsOpen,
-			className: selectPopoverCva({}),
-			style: { width: !ignoreTriggerWidth ? popoverWidth : void 0 },
-			offset: 0,
-			children: /* @__PURE__ */ jsx(SelectListBox, {
-				...props,
-				className: clsx(popoverCva({}), "max-h-80! [scrollbar-width:thin]"),
-				autoFocus: !isSearchable
-			})
-		});
-		$[104] = ignoreTriggerWidth;
-		$[105] = isOpen;
-		$[106] = isSearchable;
-		$[107] = popoverCva;
-		$[108] = popoverWidth;
-		$[109] = props;
-		$[110] = selectPopoverCva;
-		$[111] = setIsOpen;
-		$[112] = showPopover;
-		$[113] = t22;
-	} else t22 = $[113];
-	let t23;
-	if ($[114] !== as || $[115] !== formFieldProps || $[116] !== onFocusCapture || $[117] !== onMouseEnter || $[118] !== t20 || $[119] !== t21 || $[120] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(FormField, {
-			...formFieldProps,
-			...t20,
-			as,
-			onMouseEnter,
-			onFocusCapture,
-			ref: wrapperRef,
-			children: [t21, t22]
-		});
-		$[114] = as;
-		$[115] = formFieldProps;
-		$[116] = onFocusCapture;
-		$[117] = onMouseEnter;
-		$[118] = t20;
-		$[119] = t21;
-		$[120] = t22;
-		$[121] = t23;
-	} else t23 = $[121];
-	let t24;
-	if ($[122] !== WrapperComponent || $[123] !== t19 || $[124] !== t23) {
-		t24 = /* @__PURE__ */ jsx(WrapperComponent, {
-			...t19,
-			children: t23
-		});
-		$[122] = WrapperComponent;
-		$[123] = t19;
-		$[124] = t23;
-		$[125] = t24;
-	} else t24 = $[125];
-	let t25;
-	if ($[126] !== as || $[127] !== error || $[128] !== t24) {
-		t25 = /* @__PURE__ */ jsx(TooltipWrapper, {
-			as,
-			error,
-			children: t24
-		});
-		$[126] = as;
-		$[127] = error;
-		$[128] = t24;
-		$[129] = t25;
-	} else t25 = $[129];
-	return t25;
-};
-function _temp(item) {
-	return !item.isSelectAllItem;
-}
-//#endregion
-export { SelectDesktop };

package/dist/components/inputs/Selection/shared/SelectInput.d.ts

@@ -1,15 +0,0 @@
-import { AriaFieldProps } from 'react-aria';
-import { ComboBoxState } from 'react-stately';
-import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
-import { SelectBaseProps } from './SelectBase';
-import { SelectItem } from './select.types';
-import { InputVariantProps } from '../../shared/input.cva';
-interface SelectInputProps extends InputVariantProps, Pick<SelectBaseProps, "ref" | "placeholder" | "isDisabled" | "hideDropdownIcon" | "isSearchable" | "isClearable" | "isClearableIfDisabled" | "onBlur" | "showSelectionContent" | "inputClassName" | "selectedTagsType" | "collapseAfter" | "isRequired" | "isDirty" | "leadingContent" | "trailingContent" | "onMouseEnter" | "onFocusCapture"> {
-    isInvalid?: boolean;
-    className?: string;
-    fieldProps?: AriaFieldProps;
-    headerProps?: FormFieldHeaderProps;
-    onCloseComboBox?: (state: ComboBoxState<SelectItem> | null) => void;
-}
-export declare 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 }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};