@v-c/select 0.0.1

package/dist/SelectTrigger.cjs

@@ -0,0 +1,189 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_trigger = require("@v-c/trigger");
+__v_c_trigger = require_rolldown_runtime.__toESM(__v_c_trigger);
+function getBuiltInPlacements(popupMatchSelectWidth) {
+	const adjustX = popupMatchSelectWidth === true ? 0 : 1;
+	return {
+		bottomLeft: {
+			points: ["tl", "bl"],
+			offset: [0, 4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		bottomRight: {
+			points: ["tr", "br"],
+			offset: [0, 4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		topLeft: {
+			points: ["bl", "tl"],
+			offset: [0, -4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		topRight: {
+			points: ["br", "tr"],
+			offset: [0, -4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		}
+	};
+}
+var SelectTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs, expose }) => {
+	const mergedBuiltinPlacements = (0, vue.computed)(() => {
+		return props?.builtinPlacements || getBuiltInPlacements(props.popupMatchSelectWidth);
+	});
+	const isNumberPopupWidth = (0, vue.computed)(() => typeof props.popupMatchSelectWidth === "number");
+	const stretch = (0, vue.computed)(() => {
+		if (isNumberPopupWidth.value) return null;
+		return props.popupMatchSelectWidth === false ? "minWidth" : "width";
+	});
+	const triggerPopupRef = (0, vue.shallowRef)();
+	expose({ getPopupElement: () => triggerPopupRef.value?.popupElement });
+	return () => {
+		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty,...restProps } = props;
+		let popupNode = popupElement;
+		if (popupRender) popupNode = popupRender(popupElement);
+		const popupPrefixCls = `${prefixCls}-dropdown`;
+		const mergedTransitionName = animation ? `${popupPrefixCls}-${animation}` : transitionName;
+		const mergedPopupStyle = popupStyle ?? {};
+		if (isNumberPopupWidth.value) mergedPopupStyle.width = `${popupMatchSelectWidth}px`;
+		return (0, vue.createVNode)(__v_c_trigger.default, (0, vue.mergeProps)(attrs, restProps, {
+			"showAction": onPopupVisibleChange ? ["click"] : [],
+			"hideAction": onPopupVisibleChange ? ["click"] : [],
+			"popupPlacement": placement || (direction === "rtl" ? "bottomRight" : "bottomLeft"),
+			"builtinPlacements": mergedBuiltinPlacements.value,
+			"prefixCls": popupPrefixCls,
+			"popup": (0, vue.createVNode)("div", {
+				"onMousedown": onPopupMouseDown,
+				"onMouseenter": onPopupMouseEnter
+			}, [popupNode]),
+			"ref": triggerPopupRef,
+			"stretch": stretch.value,
+			"popupMotion": { name: mergedTransitionName },
+			"popupAlign": popupAlign,
+			"popupVisible": visible,
+			"getPopupContainer": getPopupContainer,
+			"popupClassName": (0, __v_c_util.clsx)(popupClassName, { [`${popupPrefixCls}-empty`]: empty }),
+			"popupStyle": mergedPopupStyle,
+			"onPopupVisibleChange": onPopupVisibleChange ?? void 0
+		}), { default: () => [slots?.default?.()] });
+	};
+}, {
+	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		visible: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		popupElement: {
+			required: true,
+			default: void 0
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		popupMatchSelectWidth: {
+			type: [Boolean, Number],
+			required: false,
+			default: void 0
+		},
+		popupRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		popupAlign: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		empty: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		onPopupVisibleChange: {
+			type: [Function, null],
+			required: false,
+			default: void 0
+		},
+		onPopupMouseEnter: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		onPopupMouseDown: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	}, { direction: "ltr" }),
+	name: "SelectTrigger",
+	inheritAttrs: false
+});
+var SelectTrigger_default = SelectTrigger;
+exports.default = SelectTrigger_default;

package/dist/SelectTrigger.d.ts

@@ -0,0 +1,26 @@
+import { AlignType, BuildInPlacements } from '@v-c/trigger';
+import { CSSProperties } from 'vue';
+import { Placement, RenderDOMFunc } from './interface.ts';
+export interface SelectTriggerProps {
+    prefixCls: string;
+    disabled: boolean;
+    visible: boolean;
+    popupElement: any;
+    animation?: string;
+    transitionName?: string;
+    placement?: Placement;
+    builtinPlacements?: BuildInPlacements;
+    popupStyle?: CSSProperties;
+    popupClassName?: string;
+    direction?: string;
+    popupMatchSelectWidth?: boolean | number;
+    popupRender?: (menu: any) => any;
+    getPopupContainer?: RenderDOMFunc;
+    popupAlign?: AlignType;
+    empty: boolean;
+    onPopupVisibleChange?: ((visible: boolean) => void) | null;
+    onPopupMouseEnter: () => void;
+    onPopupMouseDown: (event: MouseEvent) => void;
+}
+declare const SelectTrigger: import('vue').DefineSetupFnComponent<SelectTriggerProps, {}, {}, SelectTriggerProps & {}, import('vue').PublicProps>;
+export default SelectTrigger;

package/dist/SelectTrigger.js

@@ -0,0 +1,185 @@
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
+import { clsx } from "@v-c/util";
+import Trigger from "@v-c/trigger";
+function getBuiltInPlacements(popupMatchSelectWidth) {
+	const adjustX = popupMatchSelectWidth === true ? 0 : 1;
+	return {
+		bottomLeft: {
+			points: ["tl", "bl"],
+			offset: [0, 4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		bottomRight: {
+			points: ["tr", "br"],
+			offset: [0, 4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		topLeft: {
+			points: ["bl", "tl"],
+			offset: [0, -4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		},
+		topRight: {
+			points: ["br", "tr"],
+			offset: [0, -4],
+			overflow: {
+				adjustX,
+				adjustY: 1
+			},
+			htmlRegion: "scroll"
+		}
+	};
+}
+var SelectTrigger_default = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const mergedBuiltinPlacements = computed(() => {
+		return props?.builtinPlacements || getBuiltInPlacements(props.popupMatchSelectWidth);
+	});
+	const isNumberPopupWidth = computed(() => typeof props.popupMatchSelectWidth === "number");
+	const stretch = computed(() => {
+		if (isNumberPopupWidth.value) return null;
+		return props.popupMatchSelectWidth === false ? "minWidth" : "width";
+	});
+	const triggerPopupRef = shallowRef();
+	expose({ getPopupElement: () => triggerPopupRef.value?.popupElement });
+	return () => {
+		const { prefixCls, popupElement, popupRender, animation, transitionName, popupStyle, popupMatchSelectWidth, onPopupVisibleChange, placement, direction = "ltr", builtinPlacements, onPopupMouseEnter, onPopupMouseDown, popupAlign, visible, getPopupContainer, popupClassName, empty,...restProps } = props;
+		let popupNode = popupElement;
+		if (popupRender) popupNode = popupRender(popupElement);
+		const popupPrefixCls = `${prefixCls}-dropdown`;
+		const mergedTransitionName = animation ? `${popupPrefixCls}-${animation}` : transitionName;
+		const mergedPopupStyle = popupStyle ?? {};
+		if (isNumberPopupWidth.value) mergedPopupStyle.width = `${popupMatchSelectWidth}px`;
+		return createVNode(Trigger, mergeProps(attrs, restProps, {
+			"showAction": onPopupVisibleChange ? ["click"] : [],
+			"hideAction": onPopupVisibleChange ? ["click"] : [],
+			"popupPlacement": placement || (direction === "rtl" ? "bottomRight" : "bottomLeft"),
+			"builtinPlacements": mergedBuiltinPlacements.value,
+			"prefixCls": popupPrefixCls,
+			"popup": createVNode("div", {
+				"onMousedown": onPopupMouseDown,
+				"onMouseenter": onPopupMouseEnter
+			}, [popupNode]),
+			"ref": triggerPopupRef,
+			"stretch": stretch.value,
+			"popupMotion": { name: mergedTransitionName },
+			"popupAlign": popupAlign,
+			"popupVisible": visible,
+			"getPopupContainer": getPopupContainer,
+			"popupClassName": clsx(popupClassName, { [`${popupPrefixCls}-empty`]: empty }),
+			"popupStyle": mergedPopupStyle,
+			"onPopupVisibleChange": onPopupVisibleChange ?? void 0
+		}), { default: () => [slots?.default?.()] });
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		visible: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		popupElement: {
+			required: true,
+			default: void 0
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		transitionName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		placement: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		builtinPlacements: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupStyle: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		popupClassName: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		popupMatchSelectWidth: {
+			type: [Boolean, Number],
+			required: false,
+			default: void 0
+		},
+		popupRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		popupAlign: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		empty: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		onPopupVisibleChange: {
+			type: [Function, null],
+			required: false,
+			default: void 0
+		},
+		onPopupMouseEnter: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		onPopupMouseDown: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	}, { direction: "ltr" }),
+	name: "SelectTrigger",
+	inheritAttrs: false
+});
+export { SelectTrigger_default as default };

package/dist/TransBtn.cjs

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+var TransBtn = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
+	return () => {
+		const { className, style, customizeIcon, customizeIconProps, onMouseDown, onClick } = props;
+		const icon = typeof customizeIcon === "function" ? customizeIcon(customizeIconProps) : customizeIcon;
+		return (0, vue.createVNode)("span", {
+			"class": className,
+			"onMousedown": (event) => {
+				event.preventDefault();
+				onMouseDown?.(event);
+			},
+			"style": {
+				userSelect: "none",
+				WebkitUserSelect: "none",
+				...style
+			},
+			"unselectable": "on",
+			"onClick": onClick,
+			"aria-hidden": true
+		}, [icon !== void 0 ? icon : (0, vue.createVNode)("span", { "class": (0, __v_c_util.clsx)(className.split(/\s+/).map((cls) => `${cls}-icon`)) }, [slots?.default?.()])]);
+	};
+}, {
+	props: {
+		className: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		customizeIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		customizeIconProps: {
+			required: false,
+			default: void 0
+		},
+		onMouseDown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TransBtn",
+	inheritAttrs: false
+});
+var TransBtn_default = TransBtn;
+exports.default = TransBtn_default;

package/dist/TransBtn.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'vue';
+import { RenderNode } from './interface.ts';
+export interface TransBtnProps {
+    className: string;
+    style?: CSSProperties;
+    customizeIcon?: RenderNode;
+    customizeIconProps?: any;
+    onMouseDown?: (event: MouseEvent) => void;
+    onClick?: (event: MouseEvent) => void;
+}
+/**
+ * Small wrapper for Select icons (clear/arrow/etc.).
+ * Prevents default mousedown to avoid blurring or caret moves, and
+ * renders a custom icon or a fallback icon span.
+ *
+ * DOM structure:
+ * <span className={className} ...>
+ *   { icon || <span className={`${className}-icon`}>{children}</span> }
+ * </span>
+ */
+declare const TransBtn: import('vue').DefineSetupFnComponent<TransBtnProps, {}, {}, TransBtnProps & {}, import('vue').PublicProps>;
+export default TransBtn;

package/dist/TransBtn.js

@@ -0,0 +1,66 @@
+import { createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+var TransBtn_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	return () => {
+		const { className, style, customizeIcon, customizeIconProps, onMouseDown, onClick } = props;
+		const icon = typeof customizeIcon === "function" ? customizeIcon(customizeIconProps) : customizeIcon;
+		return createVNode("span", {
+			"class": className,
+			"onMousedown": (event) => {
+				event.preventDefault();
+				onMouseDown?.(event);
+			},
+			"style": {
+				userSelect: "none",
+				WebkitUserSelect: "none",
+				...style
+			},
+			"unselectable": "on",
+			"onClick": onClick,
+			"aria-hidden": true
+		}, [icon !== void 0 ? icon : createVNode("span", { "class": clsx(className.split(/\s+/).map((cls) => `${cls}-icon`)) }, [slots?.default?.()])]);
+	};
+}, {
+	props: {
+		className: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		customizeIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		customizeIconProps: {
+			required: false,
+			default: void 0
+		},
+		onMouseDown: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "TransBtn",
+	inheritAttrs: false
+});
+export { TransBtn_default as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/hooks/index.cjs

@@ -0,0 +1,23 @@
+const require_useBaseProps = require("./useBaseProps.cjs");
+const require_useAllowClear = require("./useAllowClear.cjs");
+const require_useComponents = require("./useComponents.cjs");
+const require_useLock = require("./useLock.cjs");
+const require_useOpen = require("./useOpen.cjs");
+const require_useSelectTriggerControl = require("./useSelectTriggerControl.cjs");
+const require_useCache = require("./useCache.cjs");
+const require_useFilterOptions = require("./useFilterOptions.cjs");
+const require_useOptions = require("./useOptions.cjs");
+const require_useRefFunc = require("./useRefFunc.cjs");
+const require_useSearchConfig = require("./useSearchConfig.cjs");
+exports.useAllowClear = require_useAllowClear.useAllowClear;
+exports.useBaseProps = require_useBaseProps.default;
+exports.useBaseSelectProvider = require_useBaseProps.useBaseSelectProvider;
+exports.useCache = require_useCache.default;
+exports.useComponents = require_useComponents.default;
+exports.useFilterOptions = require_useFilterOptions.default;
+exports.useLock = require_useLock.default;
+exports.useOpen = require_useOpen.default;
+exports.useOptions = require_useOptions.default;
+exports.useRefFunc = require_useRefFunc.default;
+exports.useSearchConfig = require_useSearchConfig.default;
+exports.useSelectTriggerControl = require_useSelectTriggerControl.default;

package/dist/hooks/index.d.ts

@@ -0,0 +1,17 @@
+export { useAllowClear } from './useAllowClear';
+export type { AllowClearConfig } from './useAllowClear';
+export { default as useBaseProps, useBaseSelectProvider } from './useBaseProps';
+export type { BaseSelectContextProps } from './useBaseProps';
+export { default as useCache } from './useCache';
+export { default as useComponents } from './useComponents';
+export type { ComponentsConfig } from './useComponents';
+export { default as useFilterOptions } from './useFilterOptions';
+export { default as useLock } from './useLock';
+export { default as useOpen } from './useOpen';
+export type { TriggerOpenType } from './useOpen';
+export { default as useOptions } from './useOptions';
+export type { OptionsResult } from './useOptions';
+export { default as useRefFunc } from './useRefFunc';
+export { default as useSearchConfig } from './useSearchConfig';
+export type { SearchConfigResult } from './useSearchConfig';
+export { default as useSelectTriggerControl } from './useSelectTriggerControl';

package/dist/hooks/index.js

@@ -0,0 +1,12 @@
+import useBaseProps, { useBaseSelectProvider } from "./useBaseProps.js";
+import { useAllowClear } from "./useAllowClear.js";
+import useComponents from "./useComponents.js";
+import useLock from "./useLock.js";
+import useOpen from "./useOpen.js";
+import useSelectTriggerControl from "./useSelectTriggerControl.js";
+import useCache from "./useCache.js";
+import useFilterOptions from "./useFilterOptions.js";
+import useOptions from "./useOptions.js";
+import useRefFunc from "./useRefFunc.js";
+import useSearchConfig from "./useSearchConfig.js";
+export { useAllowClear, useBaseProps, useBaseSelectProvider, useCache, useComponents, useFilterOptions, useLock, useOpen, useOptions, useRefFunc, useSearchConfig, useSelectTriggerControl };

package/dist/hooks/useAllowClear.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useAllowClear(_prefixCls, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode) {
+	const allowClearConfig = (0, vue.computed)(() => {
+		if (typeof allowClear?.value === "boolean") return { allowClear: allowClear.value };
+		if (allowClear?.value && typeof allowClear.value === "object") return allowClear.value;
+		return { allowClear: false };
+	});
+	return (0, vue.computed)(() => {
+		const mergedAllowClear = !disabled?.value && allowClearConfig.value?.allowClear !== false && (displayValues.value.length || mergedSearchValue?.value) && !(mode?.value === "combobox" && mergedSearchValue?.value === "");
+		return {
+			allowClear: !!mergedAllowClear,
+			clearIcon: mergedAllowClear ? allowClearConfig.value.clearIcon || clearIcon?.value || "×" : null
+		};
+	});
+}
+exports.useAllowClear = useAllowClear;

package/dist/hooks/useAllowClear.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { DisplayValueType, Mode } from '../interface.ts';
+export interface AllowClearConfig {
+    allowClear: boolean;
+    clearIcon: any;
+}
+export declare function useAllowClear(_prefixCls: Ref<string>, displayValues: Ref<DisplayValueType[]>, allowClear?: Ref<boolean | {
+    clearIcon?: any;
+}>, clearIcon?: Ref<any>, disabled?: Ref<boolean>, mergedSearchValue?: Ref<string | undefined>, mode?: Ref<Mode | undefined>): import('vue').ComputedRef<AllowClearConfig>;

package/dist/hooks/useAllowClear.js

@@ -0,0 +1,16 @@
+import { computed } from "vue";
+function useAllowClear(_prefixCls, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode) {
+	const allowClearConfig = computed(() => {
+		if (typeof allowClear?.value === "boolean") return { allowClear: allowClear.value };
+		if (allowClear?.value && typeof allowClear.value === "object") return allowClear.value;
+		return { allowClear: false };
+	});
+	return computed(() => {
+		const mergedAllowClear = !disabled?.value && allowClearConfig.value?.allowClear !== false && (displayValues.value.length || mergedSearchValue?.value) && !(mode?.value === "combobox" && mergedSearchValue?.value === "");
+		return {
+			allowClear: !!mergedAllowClear,
+			clearIcon: mergedAllowClear ? allowClearConfig.value.clearIcon || clearIcon?.value || "×" : null
+		};
+	});
+}
+export { useAllowClear };