niuma-ui 2.0.4 → 2.0.9

package/dist/components/dropdown/src/RsDropdownItemView.impl.js

@@ -8,23 +8,33 @@ var _hoisted_3 = {
 	key: 0,
 	class: "rs-dropdown__item-hint"
 };
+var _hoisted_4 = {
+	key: 1,
+	class: "rs-dropdown__item-shortcut"
+};
 var RsDropdownItemView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDropdownItemView",
 	__name: "RsDropdownItemView",
 	props: {
 		item: {},
 		size: { default: "md" }
 	},
 	setup(__props) {
-		/** 下拉项内容：图标 + 标题 + 可选说明，密度由 size 控制。 */
+		/** 下拉项内容：图标 + 标题 + 可选说明 / 快捷键，密度由 size 控制。 */
 		const props = __props;
 		const iconSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[props.size]);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [__props.item.icon ? (openBlock(), createBlock(RsIcon_default, {
-				key: 0,
-				name: __props.item.icon,
-				size: iconSize.value,
-				class: "rs-dropdown__item-icon"
-			}, null, 8, ["name", "size"])) : createCommentVNode("", true), createElementVNode("span", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.item.label), 1), __props.item.hint ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.item.hint), 1)) : createCommentVNode("", true)])], 64);
+			return openBlock(), createElementBlock(Fragment, null, [
+				__props.item.icon ? (openBlock(), createBlock(RsIcon_default, {
+					key: 0,
+					name: __props.item.icon,
+					size: iconSize.value,
+					class: "rs-dropdown__item-icon",
+					"aria-hidden": "true"
+				}, null, 8, ["name", "size"])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.item.label), 1), __props.item.hint ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.item.hint), 1)) : createCommentVNode("", true)]),
+				__props.item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_4, toDisplayString(__props.item.shortcut), 1)) : createCommentVNode("", true)
+			], 64);
 		};
 	}
 });

package/dist/components/dropdown/src/RsDropdownItems.d.ts

@@ -1,18 +1,47 @@
-import { type RsDropdownItems } from './dropdown-utils';
-import type { RsComponentSize } from '../../../theme/types';
+import { type RsDropdownItem, type RsDropdownItems } from './dropdown-utils';
+import { type RsComponentSize } from '../../../theme/types';
 type __VLS_Props = {
     items: RsDropdownItems;
     /** true：单选互斥；false：操作项 */
     selectable?: boolean;
     size?: RsComponentSize;
+    selectedValue?: string;
+    highlightedValue?: string;
+    openSubmenuValue?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_10: {
+    item: RsDropdownItem;
+    selected: boolean;
+    highlighted: boolean;
+}, __VLS_31: {
+    item: RsDropdownItem;
+    selected: boolean;
+    highlighted: boolean;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_10) => any;
+} & {
+    item?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (value: string) => any;
+    highlight: (value: string) => any;
+    openSubmenu: (value: string) => any;
+    itemEnter: (item: RsDropdownItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((value: string) => any) | undefined;
+    onHighlight?: ((value: string) => any) | undefined;
+    onOpenSubmenu?: ((value: string) => any) | undefined;
+    onItemEnter?: ((item: RsDropdownItem) => any) | undefined;
 }>, {
     size: RsComponentSize;
     selectable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/dropdown/src/RsDropdownItems.impl.js

@@ -1,9 +1,20 @@
-import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem } from "../../_shared/src/reka.js";
-import { isDropdownItemGroup } from "./dropdown-utils.js";
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { hasDropdownChildren, isDropdownDivider, isDropdownItemGroup, resolveDropdownExternalRel } from "./dropdown-utils.js";
 import RsDropdownItemView_default from "./RsDropdownItemView.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/dropdown/src/RsDropdownItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	class: "rs-dropdown__group-label",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "rs-dropdown__divider"
+};
 var RsDropdownItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDropdownItems",
 	__name: "RsDropdownItems",
 	props: {
 		items: {},
@@ -11,75 +22,176 @@ var RsDropdownItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			type: Boolean,
 			default: false
 		},
-		size: { default: "md" }
+		size: { default: "md" },
+		selectedValue: {},
+		highlightedValue: {},
+		openSubmenuValue: {}
 	},
-	emits: ["select"],
+	emits: [
+		"select",
+		"highlight",
+		"openSubmenu",
+		"itemEnter"
+	],
 	setup(__props, { emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
-		function onActionSelect(item) {
-			if (item.disabled) return;
+		const chevronSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[props.size]);
+		function itemRole(item) {
+			if (props.selectable && !hasDropdownChildren(item)) return "menuitemradio";
+			return "menuitem";
+		}
+		function isSelected(item) {
+			return props.selectable && item.value === props.selectedValue && !hasDropdownChildren(item);
+		}
+		function isHighlighted(item) {
+			return item.value === props.highlightedValue;
+		}
+		function onActivate(item, event) {
+			if (item.disabled) {
+				event.preventDefault();
+				return;
+			}
+			emit("highlight", item.value);
+			if (hasDropdownChildren(item)) {
+				emit("openSubmenu", item.value);
+				return;
+			}
 			emit("select", item.value);
 		}
+		function onEnter(item) {
+			if (item.disabled) return;
+			emit("itemEnter", item);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (entry, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isDropdownItemGroup)(entry) ? (openBlock(), createBlock(unref(DropdownMenuGroup), {
-					key: `group-${index}`,
-					class: "rs-dropdown__group"
-				}, {
-					default: withCtx(() => [createVNode(unref(DropdownMenuLabel), { class: "rs-dropdown__group-label" }, {
-						default: withCtx(() => [createTextVNode(toDisplayString(entry.label), 1)]),
+				return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isDropdownItemGroup)(entry) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "rs-dropdown__group",
+					role: "group",
+					"aria-label": entry.label
+				}, [createElementVNode("span", _hoisted_2, toDisplayString(entry.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(entry.options, (item) => {
+					return openBlock(), createElementBlock(Fragment, { key: item.value }, [unref(isDropdownDivider)(item) ? (openBlock(), createElementBlock("hr", _hoisted_3)) : (openBlock(), createBlock(resolveDynamicComponent(item.href && !unref(hasDropdownChildren)(item) ? "a" : "button"), {
+						key: 1,
+						class: normalizeClass(["rs-dropdown__item", {
+							"rs-dropdown__item--danger": item.tone === "danger",
+							"rs-dropdown__item--submenu": unref(hasDropdownChildren)(item)
+						}]),
+						"data-dropdown-value": item.value,
+						type: item.href && !unref(hasDropdownChildren)(item) ? void 0 : "button",
+						href: item.href && !unref(hasDropdownChildren)(item) && !item.disabled ? item.href : void 0,
+						target: item.href && !unref(hasDropdownChildren)(item) ? item.target : void 0,
+						rel: item.href && !unref(hasDropdownChildren)(item) ? unref(resolveDropdownExternalRel)(item) : void 0,
+						role: itemRole(item),
+						disabled: item.href ? void 0 : item.disabled,
+						"aria-disabled": item.disabled ? "true" : void 0,
+						"aria-checked": itemRole(item) === "menuitemradio" ? isSelected(item) : void 0,
+						"aria-haspopup": unref(hasDropdownChildren)(item) ? "menu" : void 0,
+						"aria-expanded": unref(hasDropdownChildren)(item) ? item.value === __props.openSubmenuValue : void 0,
+						tabindex: isHighlighted(item) ? 0 : -1,
+						"data-state": isSelected(item) ? "checked" : void 0,
+						"data-highlighted": isHighlighted(item) ? "" : void 0,
+						"data-disabled": item.disabled ? "" : void 0,
+						onClick: ($event) => onActivate(item, $event),
+						onMouseenter: ($event) => onEnter(item)
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, {
+							item,
+							selected: isSelected(item),
+							highlighted: isHighlighted(item)
+						}), () => [createVNode(RsDropdownItemView_default, {
+							item,
+							size: __props.size
+						}, null, 8, ["item", "size"])]), unref(hasDropdownChildren)(item) ? (openBlock(), createBlock(RsIcon_default, {
+							key: 0,
+							name: "chevron-right",
+							size: chevronSize.value,
+							class: "rs-dropdown__item-chevron",
+							"aria-hidden": "true"
+						}, null, 8, ["size"])) : createCommentVNode("", true)]),
 						_: 2
-					}, 1024), __props.selectable ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(entry.options, (item) => {
-						return openBlock(), createBlock(unref(DropdownMenuRadioItem), {
-							key: item.value,
-							value: item.value,
-							disabled: item.disabled,
-							class: "rs-dropdown__item"
-						}, {
-							default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-								item,
-								size: __props.size
-							}, null, 8, ["item", "size"])]),
-							_: 2
-						}, 1032, ["value", "disabled"]);
-					}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(entry.options, (item) => {
-						return openBlock(), createBlock(unref(DropdownMenuItem), {
-							key: item.value,
-							disabled: item.disabled,
-							class: "rs-dropdown__item",
-							onSelect: ($event) => onActionSelect(item)
-						}, {
-							default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-								item,
-								size: __props.size
-							}, null, 8, ["item", "size"])]),
-							_: 2
-						}, 1032, ["disabled", "onSelect"]);
-					}), 128))]),
-					_: 2
-				}, 1024)) : __props.selectable ? (openBlock(), createBlock(unref(DropdownMenuRadioItem), {
-					key: `radio-${entry.value}`,
-					value: entry.value,
-					disabled: entry.disabled,
-					class: "rs-dropdown__item"
+					}, 1064, [
+						"data-dropdown-value",
+						"class",
+						"type",
+						"href",
+						"target",
+						"rel",
+						"role",
+						"disabled",
+						"aria-disabled",
+						"aria-checked",
+						"aria-haspopup",
+						"aria-expanded",
+						"tabindex",
+						"data-state",
+						"data-highlighted",
+						"data-disabled",
+						"onClick",
+						"onMouseenter"
+					]))], 64);
+				}), 128))], 8, _hoisted_1)) : unref(isDropdownDivider)(entry) ? (openBlock(), createElementBlock("hr", {
+					key: `div-${index}`,
+					class: "rs-dropdown__divider"
+				})) : (openBlock(), createBlock(resolveDynamicComponent(entry.href && !unref(hasDropdownChildren)(entry) ? "a" : "button"), {
+					key: `item-${entry.value}`,
+					class: normalizeClass(["rs-dropdown__item", {
+						"rs-dropdown__item--danger": entry.tone === "danger",
+						"rs-dropdown__item--submenu": unref(hasDropdownChildren)(entry)
+					}]),
+					"data-dropdown-value": entry.value,
+					type: entry.href && !unref(hasDropdownChildren)(entry) ? void 0 : "button",
+					href: entry.href && !unref(hasDropdownChildren)(entry) && !entry.disabled ? entry.href : void 0,
+					target: entry.href && !unref(hasDropdownChildren)(entry) ? entry.target : void 0,
+					rel: entry.href && !unref(hasDropdownChildren)(entry) ? unref(resolveDropdownExternalRel)(entry) : void 0,
+					role: itemRole(entry),
+					disabled: entry.href ? void 0 : entry.disabled,
+					"aria-disabled": entry.disabled ? "true" : void 0,
+					"aria-checked": itemRole(entry) === "menuitemradio" ? isSelected(entry) : void 0,
+					"aria-haspopup": unref(hasDropdownChildren)(entry) ? "menu" : void 0,
+					"aria-expanded": unref(hasDropdownChildren)(entry) ? entry.value === __props.openSubmenuValue : void 0,
+					tabindex: isHighlighted(entry) ? 0 : -1,
+					"data-state": isSelected(entry) ? "checked" : void 0,
+					"data-highlighted": isHighlighted(entry) ? "" : void 0,
+					"data-disabled": entry.disabled ? "" : void 0,
+					onClick: ($event) => onActivate(entry, $event),
+					onMouseenter: ($event) => onEnter(entry)
 				}, {
-					default: withCtx(() => [createVNode(RsDropdownItemView_default, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, {
 						item: entry,
-						size: __props.size
-					}, null, 8, ["item", "size"])]),
-					_: 2
-				}, 1032, ["value", "disabled"])) : (openBlock(), createBlock(unref(DropdownMenuItem), {
-					key: `action-${entry.value}`,
-					disabled: entry.disabled,
-					class: "rs-dropdown__item",
-					onSelect: ($event) => onActionSelect(entry)
-				}, {
-					default: withCtx(() => [createVNode(RsDropdownItemView_default, {
+						selected: isSelected(entry),
+						highlighted: isHighlighted(entry)
+					}), () => [createVNode(RsDropdownItemView_default, {
 						item: entry,
 						size: __props.size
-					}, null, 8, ["item", "size"])]),
+					}, null, 8, ["item", "size"])]), unref(hasDropdownChildren)(entry) ? (openBlock(), createBlock(RsIcon_default, {
+						key: 0,
+						name: "chevron-right",
+						size: chevronSize.value,
+						class: "rs-dropdown__item-chevron",
+						"aria-hidden": "true"
+					}, null, 8, ["size"])) : createCommentVNode("", true)]),
 					_: 2
-				}, 1032, ["disabled", "onSelect"]))], 64);
+				}, 1064, [
+					"data-dropdown-value",
+					"class",
+					"type",
+					"href",
+					"target",
+					"rel",
+					"role",
+					"disabled",
+					"aria-disabled",
+					"aria-checked",
+					"aria-haspopup",
+					"aria-expanded",
+					"tabindex",
+					"data-state",
+					"data-highlighted",
+					"data-disabled",
+					"onClick",
+					"onMouseenter"
+				]))], 64);
 			}), 128);
 		};
 	}

package/dist/components/dropdown/src/dropdown-utils.d.ts

@@ -1,3 +1,4 @@
+import type { RsOverlayAnchorBox, RsOverlayBox, RsOverlayPopupSize, RsOverlayViewport } from '../../_shared/src/overlay-utils';
 export interface RsDropdownItem {
     label: string;
     value: string;
@@ -5,6 +6,16 @@ export interface RsDropdownItem {
     /** 次要说明，工具条动作菜单等场景使用 */
     hint?: string;
     disabled?: boolean;
+    /** divider 只画分隔线，不参与选中 */
+    type?: 'item' | 'divider';
+    /** danger 用于删除等破坏性命令 */
+    tone?: RsDropdownTone;
+    href?: string;
+    target?: string;
+    rel?: string;
+    /** 展示用快捷键，不代绑全局热键 */
+    shortcut?: string;
+    children?: RsDropdownItem[];
 }
 export interface RsDropdownItemGroup {
     label: string;
@@ -13,5 +24,44 @@ export interface RsDropdownItemGroup {
 export type RsDropdownItems = RsDropdownItem[] | RsDropdownItemGroup[];
 /** 菜单宽度：trigger 对齐触发器；fit 随内容，不跟窄图标按钮 */
 export type RsDropdownContentWidth = 'trigger' | 'fit';
+export type RsDropdownTrigger = 'click' | 'hover' | 'contextmenu';
+export type RsDropdownPlacement = 'bottom' | 'top' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export type RsDropdownTone = 'neutral' | 'danger';
+export type RsDropdownGetPopupContainer = (trigger?: HTMLElement) => HTMLElement | null | undefined;
+export interface RsDropdownExpose {
+    open: () => void;
+    close: () => void;
+    focus: () => void;
+    blur: () => void;
+}
+/** 模板 ref 实例：expose + 根节点 */
+export type RsDropdownInstance = RsDropdownExpose & {
+    $el: HTMLElement;
+};
+export interface RsDropdownItemSlot {
+    item: RsDropdownItem;
+    selected: boolean;
+    highlighted: boolean;
+}
 export declare function isDropdownItemGroup(item: RsDropdownItem | RsDropdownItemGroup): item is RsDropdownItemGroup;
+export declare function isDropdownDivider(item: RsDropdownItem): boolean;
+export declare function hasDropdownChildren(item: RsDropdownItem): boolean;
 export declare function flattenDropdownItems(items: RsDropdownItems): RsDropdownItem[];
+/** 当前菜单层可点的项（不含分隔线与子菜单后代）。 */
+export declare function listDropdownLayerItems(items: RsDropdownItems): RsDropdownItem[];
+export declare function normalizeDropdownTriggers(trigger: RsDropdownTrigger | RsDropdownTrigger[] | undefined): RsDropdownTrigger[];
+export declare function resolveDropdownPortalTarget(getPopupContainer: RsDropdownGetPopupContainer | undefined, trigger?: HTMLElement | null): string | HTMLElement;
+export declare function resolveDropdownMenuKeys(rtl: boolean): {
+    next: string;
+    prev: string;
+    openSub: string;
+    closeSub: string;
+};
+export declare function matchDropdownTypeahead(items: readonly RsDropdownItem[], query: string, fromIndex?: number): number;
+export declare function escapeDropdownSelector(value: string): string;
+export declare function resolveDropdownExternalRel(item: RsDropdownItem): string | undefined;
+/**
+ * 下拉面板贴触发器：可指定上下与 start/end。
+ * 视口不够仍翻转；start/end 在 RTL 对调。
+ */
+export declare function placeDropdownPopup(anchor: RsOverlayAnchorBox, popup: RsOverlayPopupSize, viewport: RsOverlayViewport, placement: RsDropdownPlacement, rtl?: boolean, gap?: number): RsOverlayBox;

package/dist/components/dropdown/src/dropdown-utils.js

@@ -2,11 +2,111 @@
 function isDropdownItemGroup(item) {
 	return "options" in item && Array.isArray(item.options);
 }
+function isDropdownDivider(item) {
+	return item.type === "divider";
+}
+function hasDropdownChildren(item) {
+	return Boolean(item.children?.length);
+}
 function flattenDropdownItems(items) {
 	const result = [];
-	for (const item of items) if (isDropdownItemGroup(item)) result.push(...item.options);
-	else result.push(item);
+	for (const item of items) {
+		if (isDropdownItemGroup(item)) {
+			result.push(...flattenDropdownItems(item.options));
+			continue;
+		}
+		if (isDropdownDivider(item)) continue;
+		result.push(item);
+		if (item.children?.length) result.push(...flattenDropdownItems(item.children));
+	}
+	return result;
+}
+/** 当前菜单层可点的项（不含分隔线与子菜单后代）。 */
+function listDropdownLayerItems(items) {
+	const result = [];
+	for (const item of items) {
+		if (isDropdownItemGroup(item)) {
+			for (const option of item.options) if (!isDropdownDivider(option)) result.push(option);
+			continue;
+		}
+		if (!isDropdownDivider(item)) result.push(item);
+	}
 	return result;
 }
+function normalizeDropdownTriggers(trigger) {
+	let list;
+	if (Array.isArray(trigger)) list = trigger;
+	else if (trigger) list = [trigger];
+	else list = ["click"];
+	const allowed = /* @__PURE__ */ new Set([
+		"click",
+		"hover",
+		"contextmenu"
+	]);
+	const next = list.filter((item) => allowed.has(item));
+	return next.length ? next : ["click"];
+}
+function resolveDropdownPortalTarget(getPopupContainer, trigger) {
+	if (typeof document === "undefined") return "body";
+	if (!getPopupContainer) return "body";
+	return getPopupContainer(trigger ?? void 0) ?? "body";
+}
+function resolveDropdownMenuKeys(rtl) {
+	return {
+		next: "ArrowDown",
+		prev: "ArrowUp",
+		openSub: rtl ? "ArrowLeft" : "ArrowRight",
+		closeSub: rtl ? "ArrowRight" : "ArrowLeft"
+	};
+}
+function matchDropdownTypeahead(items, query, fromIndex = -1) {
+	const needle = query.trim().toLowerCase();
+	if (!needle || !items.length) return -1;
+	const start = Math.max(-1, fromIndex);
+	for (let step = 1; step <= items.length; step += 1) {
+		const index = (start + step) % items.length;
+		const item = items[index];
+		if (!item || item.disabled || isDropdownDivider(item)) continue;
+		if (item.label.toLowerCase().startsWith(needle)) return index;
+	}
+	return -1;
+}
+function escapeDropdownSelector(value) {
+	if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+	return value;
+}
+function resolveDropdownExternalRel(item) {
+	if (!item.href) return void 0;
+	if (item.rel) return item.rel;
+	if (item.target === "_blank") return "noopener noreferrer";
+}
+/**
+* 下拉面板贴触发器：可指定上下与 start/end。
+* 视口不够仍翻转；start/end 在 RTL 对调。
+*/
+function placeDropdownPopup(anchor, popup, viewport, placement, rtl = false, gap = 4) {
+	const preferTop = placement.startsWith("top");
+	const below = anchor.top + anchor.height + gap;
+	const above = anchor.top - popup.height - gap;
+	const roomBelow = below + popup.height <= viewport.height;
+	const roomAbove = above >= gap;
+	let side;
+	if (preferTop) side = roomAbove || !roomBelow ? "top" : "bottom";
+	else side = roomBelow || !roomAbove ? "bottom" : "top";
+	const top = side === "bottom" ? below : Math.max(gap, above);
+	const width = Math.min(popup.width, Math.max(0, viewport.width - gap * 2));
+	const wantEnd = placement.endsWith("end");
+	const alignRight = rtl ? !wantEnd : wantEnd;
+	const startLeft = anchor.left;
+	const endLeft = anchor.left + (anchor.width ?? 0) - width;
+	const rawLeft = alignRight ? endLeft : startLeft;
+	const maxLeft = Math.max(gap, viewport.width - width - gap);
+	return {
+		top,
+		left: Math.min(Math.max(gap, rawLeft), maxLeft),
+		width,
+		placement: side
+	};
+}
 //#endregion
-export { flattenDropdownItems, isDropdownItemGroup };
+export { escapeDropdownSelector, flattenDropdownItems, hasDropdownChildren, isDropdownDivider, isDropdownItemGroup, listDropdownLayerItems, matchDropdownTypeahead, normalizeDropdownTriggers, placeDropdownPopup, resolveDropdownExternalRel, resolveDropdownMenuKeys, resolveDropdownPortalTarget };

package/dist/components/empty/index.d.ts

@@ -1 +1,2 @@
 export { default as RsEmpty } from './src/RsEmpty.js';
+export type { RsEmptyPreset, RsEmptySize } from './src/empty-utils';