@xihan-ui/web-components 1.0.0 → 1.1.0

package/dist/define.js

@@ -1,7 +1,7 @@
 import { a as containsPart, c as applyMotionOverride, d as notifyXhConfigChange, f as onXhConfigChange, h as withXhConfig, i as PART_ATTR, o as discoverParts, p as resolveXhConfig, r as createSpreader, s as wcNormalize, t as MachineController } from "./machine-controller-DE6edQbK.js";
 import { t as defineElement } from "./registry-DR6I2_zF.js";
-import { n as version, t as XhReactiveElement } from "./element-ib25-l85.js";
-import { HEATMAP_LEGEND_TEXT, SCROLLBAR_DEFAULT_TYPE, accordionAnatomy, accordionMachine, accordionMeta, affixAnatomy, affixMachine, affixMeta, alertAnatomy, alertMachine, alertMeta, anchorAnatomy, anchorMachine, anchorMeta, autoSizeTextarea, avatarAnatomy, avatarGroupAnatomy, avatarGroupMeta, avatarMachine, avatarMeta, backTopAnatomy, backTopMachine, backTopMeta, badgeAnatomy, badgeMeta, breadcrumbAnatomy, breadcrumbMeta, buildHeatmapGrid, buttonAnatomy, buttonGroupAnatomy, buttonGroupMeta, buttonMeta, calendarAnatomy, calendarMachine, calendarMeta, cardAnatomy, cardMeta, carouselAnatomy, carouselMachine, carouselMeta, cascaderAnatomy, cascaderMachine, cascaderMeta, checkboxAnatomy, checkboxGroupAnatomy, checkboxGroupMachine, checkboxGroupMeta, checkboxMachine, checkboxMeta, clipboardAnatomy, clipboardMachine, clipboardMeta, codeBlockAnatomy, codeBlockMeta, collapsibleAnatomy, collapsibleMachine, collapsibleMeta, colorPickerAnatomy, colorPickerMachine, colorPickerMeta, colorPickerToChannel, colorPickerToInputChannel, comboboxAnatomy, comboboxMachine, comboboxMeta, composerAnatomy, composerMachine, composerMeta, connectAccordion, connectAffix, connectAlert, connectAnchor, connectAvatar, connectAvatarGroup, connectBackTop, connectBadge, connectBreadcrumb, connectButton, connectButtonGroup, connectCalendar, connectCard, connectCarousel, connectCascader, connectCheckbox, connectCheckboxGroup, connectClipboard, connectCodeBlock, connectCollapsible, connectColorPicker, connectCombobox, connectComposer, connectContextMenu, connectCountdown, connectDateField, connectDatePicker, connectDescriptions, connectDialog, connectDownloadTrigger, connectDrawer, connectDynamicInput, connectEditable, connectEllipsis, connectEmptyState, connectField, connectFieldset, connectFileUpload, connectFlex, connectFloatButton, connectFloatingPanel, connectForm, connectGradientText, connectGrid, connectHeatmap, connectHighlight, connectHotkeys, connectHoverCard, connectIcon, connectIconWrapper, connectImage, connectImageCropper, connectImageViewer, connectInfiniteScroll, connectJsonViewer, connectLayout, connectList, connectListbox, connectLoadingBar, connectLog, connectMarquee, connectMasonry, connectMention, connectMenu, connectMenubar, connectNavigationMenu, connectNotification, connectNotificationItem, connectNumberAnimation, connectNumberField, connectPageHeader, connectPagination, connectPasswordInput, connectPinInput, connectPopconfirm, connectPopover, connectPopselect, connectProgress, connectQrCode, connectRadioGroup, connectRating, connectResult, connectScrollArea, connectScrollbar, connectSegmented, connectSelect, connectSeparator, connectSideNav, connectSignaturePad, connectSkeleton, connectSlider, connectSpace, connectSpinner, connectSplitter, connectStatistic, connectSteps, connectSwitch, connectTable, connectTabs, connectTag, connectTagsInput, connectTextField, connectThread, connectTime, connectTimeField, connectTimePicker, connectTimeline, connectTimer, connectToast, connectToggle, connectToggleGroup, connectToolbar, connectTooltip, connectTour, connectTransfer, connectTree, connectTreeSelect, connectTypography, connectVirtualizer, connectWatermark, contextMenuAnatomy, contextMenuMachine, contextMenuMeta, countdownAnatomy, countdownMachine, countdownMeta, dateFieldAnatomy, dateFieldMachine, dateFieldMeta, datePickerAnatomy, datePickerCalendarProps, datePickerFieldEndProps, datePickerFieldProps, datePickerMachine, datePickerMeta, descriptionsAnatomy, descriptionsMeta, detectHotkeysPlatform, dialogAnatomy, dialogMachine, dialogMeta, distributeMasonry, downloadTriggerAnatomy, downloadTriggerMachine, downloadTriggerMeta, drawerAnatomy, drawerMachine, drawerMeta, dynamicInputAnatomy, dynamicInputMachine, dynamicInputMeta, editableAnatomy, editableMachine, editableMeta, ellipsisAnatomy, ellipsisMachine, ellipsisMeta, emptyStateAnatomy, emptyStateMeta, fieldAnatomy, fieldMeta, fieldsetAnatomy, fieldsetMeta, fileUploadAnatomy, fileUploadMachine, fileUploadMeta, flexAnatomy, flexMeta, floatButtonAnatomy, floatButtonMeta, floatingPanelAnatomy, floatingPanelMachine, floatingPanelMeta, formAnatomy, formMachine, formMeta, gradientTextAnatomy, gradientTextMeta, gridAnatomy, gridMeta, heatmapAnatomy, heatmapMachine, heatmapMeta, highlightAnatomy, highlightMeta, hotkeysAnatomy, hotkeysMeta, hoverCardAnatomy, hoverCardMachine, hoverCardMeta, iconAnatomy, iconMeta, iconWrapperAnatomy, iconWrapperMeta, imageAnatomy, imageCropperAnatomy, imageCropperMachine, imageCropperMeta, imageMachine, imageMeta, imageViewerAnatomy, imageViewerCounterText, imageViewerMachine, imageViewerMeta, infiniteScrollAnatomy, infiniteScrollMachine, infiniteScrollMeta, isOverflowing, isTimerUnit, jsonViewerAnatomy, jsonViewerMachine, jsonViewerMeta, layoutAnatomy, layoutMachine, layoutMeta, listAnatomy, listMeta, listboxAnatomy, listboxMachine, listboxMeta, loadingBarAnatomy, loadingBarMachine, loadingBarMeta, logAnatomy, logMeta, marqueeAnatomy, marqueeMeta, masonryAnatomy, masonryMeta, mentionAnatomy, mentionMachine, mentionMeta, menuAnatomy, menuMachine, menuMeta, menubarAnatomy, menubarMachine, menubarMeta, navigationMenuAnatomy, navigationMenuMachine, navigationMenuMeta, notificationAnatomy, notificationMachine, notificationMeta, numberAnimationAnatomy, numberAnimationMachine, numberAnimationMeta, numberFieldAnatomy, numberFieldMachine, numberFieldMeta, pageHeaderAnatomy, pageHeaderMeta, paginationAnatomy, paginationMachine, paginationMeta, passwordInputAnatomy, passwordInputMachine, passwordInputMeta, pinInputAnatomy, pinInputMachine, pinInputMeta, popconfirmAnatomy, popconfirmMeta, popoverAnatomy, popoverMachine, popoverMeta, popselectAnatomy, popselectInitialFocus, popselectMeta, progressAnatomy, progressMeta, qrCodeAnatomy, qrCodeMeta, radioGroupAnatomy, radioGroupMachine, radioGroupMeta, ratingAnatomy, ratingMachine, ratingMeta, resolveMasonryColumns, resultAnatomy, resultMeta, scrollAreaAnatomy, scrollAreaMeta, scrollAreaScrollbarProps, scrollbarAnatomy, scrollbarMachine, scrollbarMeta, segmentedAnatomy, segmentedMachine, segmentedMeta, selectAnatomy, selectMachine, selectMeta, separatorAnatomy, separatorMeta, sideNavAnatomy, sideNavMachine, sideNavMeta, signaturePadAnatomy, signaturePadMachine, signaturePadMeta, skeletonAnatomy, skeletonMeta, sliderAnatomy, sliderMachine, sliderMeta, spaceAnatomy, spaceMeta, spinnerAnatomy, spinnerMeta, splitterAnatomy, splitterMachine, splitterMeta, statisticAnatomy, statisticMeta, stepsAnatomy, stepsMachine, stepsMeta, switchAnatomy, switchMachine, switchMeta, tableAnatomy, tableMachine, tableMeta, tabsAnatomy, tabsMachine, tabsMeta, tagAnatomy, tagMachine, tagMeta, tagsInputAnatomy, tagsInputMachine, tagsInputMeta, textFieldAnatomy, textFieldMachine, textFieldMeta, threadAnatomy, threadMachine, threadMeta, timeAnatomy, timeFieldAnatomy, timeFieldMachine, timeFieldMeta, timeMeta, timePickerAnatomy, timePickerMachine, timePickerMeta, timelineAnatomy, timelineMeta, timerAnatomy, timerMachine, timerMeta, toastAnatomy, toastMachine, toastMeta, toggleAnatomy, toggleGroupAnatomy, toggleGroupMachine, toggleGroupMeta, toggleMachine, toggleMeta, toolbarAnatomy, toolbarMachine, toolbarMeta, tooltipAnatomy, tooltipMachine, tooltipMeta, tourAnatomy, tourMachine, tourMeta, transferAnatomy, transferFocusKey, transferMachine, transferMeta, treeAnatomy, treeMachine, treeMeta, treeSelectAnatomy, treeSelectMachine, treeSelectMeta, typographyAnatomy, typographyMeta, virtualizerAnatomy, virtualizerMachine, virtualizerMeta, watermarkAnatomy, watermarkMeta } from "@xihan-ui/headless";
+import { n as version, t as XhReactiveElement } from "./element-b0p0Q8Py.js";
+import { HEATMAP_LEGEND_TEXT, SCROLLBAR_DEFAULT_TYPE, accordionAnatomy, accordionMachine, accordionMeta, affixAnatomy, affixMachine, affixMeta, alertAnatomy, alertMachine, alertMeta, anchorAnatomy, anchorMachine, anchorMeta, autoSizeTextarea, avatarAnatomy, avatarGroupAnatomy, avatarGroupMeta, avatarMachine, avatarMeta, backTopAnatomy, backTopMachine, backTopMeta, badgeAnatomy, badgeMeta, breadcrumbAnatomy, breadcrumbMeta, buildHeatmapGrid, buttonAnatomy, buttonGroupAnatomy, buttonGroupMeta, buttonMeta, calendarAnatomy, calendarMachine, calendarMeta, cardAnatomy, cardMeta, carouselAnatomy, carouselMachine, carouselMeta, cascaderAnatomy, cascaderMachine, cascaderMeta, checkboxAnatomy, checkboxGroupAnatomy, checkboxGroupMachine, checkboxGroupMeta, checkboxMachine, checkboxMeta, clipboardAnatomy, clipboardMachine, clipboardMeta, codeBlockAnatomy, codeBlockMeta, collapsibleAnatomy, collapsibleMachine, collapsibleMeta, colorPickerAnatomy, colorPickerMachine, colorPickerMeta, colorPickerToChannel, colorPickerToInputChannel, comboboxAnatomy, comboboxMachine, comboboxMeta, composerAnatomy, composerMachine, composerMeta, connectAccordion, connectAffix, connectAlert, connectAnchor, connectAvatar, connectAvatarGroup, connectBackTop, connectBadge, connectBreadcrumb, connectButton, connectButtonGroup, connectCalendar, connectCard, connectCarousel, connectCascader, connectCheckbox, connectCheckboxGroup, connectClipboard, connectCodeBlock, connectCollapsible, connectColorPicker, connectCombobox, connectComposer, connectContextMenu, connectCountdown, connectDateField, connectDatePicker, connectDescriptions, connectDialog, connectDownloadTrigger, connectDrawer, connectDynamicInput, connectEditable, connectEllipsis, connectEmptyState, connectField, connectFieldset, connectFileUpload, connectFlex, connectFloatButton, connectFloatingPanel, connectForm, connectGradientText, connectGrid, connectHeatmap, connectHighlight, connectHotkeys, connectHoverCard, connectIcon, connectIconWrapper, connectImage, connectImageCropper, connectImageViewer, connectInfiniteScroll, connectJsonViewer, connectLayout, connectList, connectListbox, connectLoadingBar, connectLog, connectMarquee, connectMasonry, connectMention, connectMenu, connectMenubar, connectNavigationMenu, connectNotification, connectNotificationItem, connectNumberAnimation, connectNumberField, connectPageHeader, connectPagination, connectPasswordInput, connectPinInput, connectPopconfirm, connectPopover, connectPopselect, connectProgress, connectQrCode, connectRadioGroup, connectRating, connectResizable, connectResult, connectScrollArea, connectScrollbar, connectSegmented, connectSelect, connectSeparator, connectSideNav, connectSignaturePad, connectSkeleton, connectSlider, connectSortable, connectSpace, connectSpinner, connectSplitter, connectStatistic, connectSteps, connectSwitch, connectTable, connectTabs, connectTag, connectTagsInput, connectTextField, connectThread, connectTime, connectTimeField, connectTimePicker, connectTimeline, connectTimer, connectToast, connectToggle, connectToggleGroup, connectToolbar, connectTooltip, connectTour, connectTransfer, connectTree, connectTreeSelect, connectTypography, connectVirtualizer, connectWatermark, contextMenuAnatomy, contextMenuMachine, contextMenuMeta, countdownAnatomy, countdownMachine, countdownMeta, dateFieldAnatomy, dateFieldMachine, dateFieldMeta, datePickerAnatomy, datePickerCalendarProps, datePickerFieldEndProps, datePickerFieldProps, datePickerMachine, datePickerMeta, descriptionsAnatomy, descriptionsMeta, detectHotkeysPlatform, dialogAnatomy, dialogMachine, dialogMeta, distributeMasonry, downloadTriggerAnatomy, downloadTriggerMachine, downloadTriggerMeta, drawerAnatomy, drawerMachine, drawerMeta, dynamicInputAnatomy, dynamicInputMachine, dynamicInputMeta, editableAnatomy, editableMachine, editableMeta, ellipsisAnatomy, ellipsisMachine, ellipsisMeta, emptyStateAnatomy, emptyStateMeta, fieldAnatomy, fieldMeta, fieldsetAnatomy, fieldsetMeta, fileUploadAnatomy, fileUploadMachine, fileUploadMeta, flexAnatomy, flexMeta, floatButtonAnatomy, floatButtonMeta, floatingPanelAnatomy, floatingPanelMachine, floatingPanelMeta, formAnatomy, formMachine, formMeta, gradientTextAnatomy, gradientTextMeta, gridAnatomy, gridMeta, heatmapAnatomy, heatmapMachine, heatmapMeta, highlightAnatomy, highlightMeta, hotkeysAnatomy, hotkeysMeta, hoverCardAnatomy, hoverCardMachine, hoverCardMeta, iconAnatomy, iconMeta, iconWrapperAnatomy, iconWrapperMeta, imageAnatomy, imageCropperAnatomy, imageCropperMachine, imageCropperMeta, imageMachine, imageMeta, imageViewerAnatomy, imageViewerCounterText, imageViewerMachine, imageViewerMeta, infiniteScrollAnatomy, infiniteScrollMachine, infiniteScrollMeta, isOverflowing, isTimerUnit, jsonViewerAnatomy, jsonViewerMachine, jsonViewerMeta, layoutAnatomy, layoutMachine, layoutMeta, listAnatomy, listMeta, listboxAnatomy, listboxMachine, listboxMeta, loadingBarAnatomy, loadingBarMachine, loadingBarMeta, logAnatomy, logMeta, marqueeAnatomy, marqueeMeta, masonryAnatomy, masonryMeta, mentionAnatomy, mentionMachine, mentionMeta, menuAnatomy, menuMachine, menuMeta, menubarAnatomy, menubarMachine, menubarMeta, navigationMenuAnatomy, navigationMenuMachine, navigationMenuMeta, notificationAnatomy, notificationMachine, notificationMeta, numberAnimationAnatomy, numberAnimationMachine, numberAnimationMeta, numberFieldAnatomy, numberFieldMachine, numberFieldMeta, pageHeaderAnatomy, pageHeaderMeta, paginationAnatomy, paginationMachine, paginationMeta, passwordInputAnatomy, passwordInputMachine, passwordInputMeta, pinInputAnatomy, pinInputMachine, pinInputMeta, popconfirmAnatomy, popconfirmMeta, popoverAnatomy, popoverMachine, popoverMeta, popselectAnatomy, popselectInitialFocus, popselectMeta, progressAnatomy, progressMeta, qrCodeAnatomy, qrCodeMeta, radioGroupAnatomy, radioGroupMachine, radioGroupMeta, ratingAnatomy, ratingMachine, ratingMeta, resizableAnatomy, resizableMachine, resizableMeta, resolveMasonryColumns, resultAnatomy, resultMeta, scrollAreaAnatomy, scrollAreaMeta, scrollAreaScrollbarProps, scrollbarAnatomy, scrollbarMachine, scrollbarMeta, segmentedAnatomy, segmentedMachine, segmentedMeta, selectAnatomy, selectMachine, selectMeta, separatorAnatomy, separatorMeta, sideNavAnatomy, sideNavMachine, sideNavMeta, signaturePadAnatomy, signaturePadMachine, signaturePadMeta, skeletonAnatomy, skeletonMeta, sliderAnatomy, sliderMachine, sliderMeta, sortableAnatomy, sortableMachine, sortableMeta, spaceAnatomy, spaceMeta, spinnerAnatomy, spinnerMeta, splitterAnatomy, splitterMachine, splitterMeta, statisticAnatomy, statisticMeta, stepsAnatomy, stepsMachine, stepsMeta, switchAnatomy, switchMachine, switchMeta, tableAnatomy, tableMachine, tableMeta, tabsAnatomy, tabsMachine, tabsMeta, tagAnatomy, tagMachine, tagMeta, tagsInputAnatomy, tagsInputMachine, tagsInputMeta, textFieldAnatomy, textFieldMachine, textFieldMeta, threadAnatomy, threadMachine, threadMeta, timeAnatomy, timeFieldAnatomy, timeFieldMachine, timeFieldMeta, timeMeta, timePickerAnatomy, timePickerMachine, timePickerMeta, timelineAnatomy, timelineMeta, timerAnatomy, timerMachine, timerMeta, toastAnatomy, toastMachine, toastMeta, toggleAnatomy, toggleGroupAnatomy, toggleGroupMachine, toggleGroupMeta, toggleMachine, toggleMeta, toolbarAnatomy, toolbarMachine, toolbarMeta, tooltipAnatomy, tooltipMachine, tooltipMeta, tourAnatomy, tourMachine, tourMeta, transferAnatomy, transferFocusKey, transferMachine, transferMeta, treeAnatomy, treeMachine, treeMeta, treeSelectAnatomy, treeSelectMachine, treeSelectMeta, typographyAnatomy, typographyMeta, virtualizerAnatomy, virtualizerMachine, virtualizerMeta, watermarkAnatomy, watermarkMeta } from "@xihan-ui/headless";
 import { DATA_PART, DATA_SCOPE, DIAGNOSTIC_CODES, VERSION, createCounterIdGenerator, createRuntimeConfig, createScope, getDiagnostics, isDev, reportDiagnostic } from "@xihan-ui/kernel";
 import { ITEM_VALUE_ATTR, declaredItemDisabled, isItemDisabled } from "@xihan-ui/behavior";
 import { findDeprecatedPart, startDeprecationScan } from "@xihan-ui/kernel/deprecations";
@@ -516,7 +516,7 @@ var XhAccordionElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/affix.ts
-const NUMBER_CONVERTER$57 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const NUMBER_CONVERTER$59 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-affix>` —— 吸附行为宿主：滚过判定线就把 content 钉在滚动容器可视区的边上。
 *
@@ -539,11 +539,11 @@ var XhAffixElement = class extends XhElement {
 	};
 	static properties = {
 		topOffset: {
-			converter: NUMBER_CONVERTER$57,
+			converter: NUMBER_CONVERTER$59,
 			attribute: "offset-top"
 		},
 		bottomOffset: {
-			converter: NUMBER_CONVERTER$57,
+			converter: NUMBER_CONVERTER$59,
 			attribute: "offset-bottom"
 		},
 		target: { attribute: false }
@@ -644,9 +644,9 @@ var XhAlertElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/anchor.ts
-const STRING_CONVERTER$95 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$56 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$68 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$97 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$58 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$70 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-anchor>` —— 锚点导航行为宿主，激活项由机器的滚动观察器结算，
 * 目标区块按 link 上的 value 属性（或 targets 清单）里的 id 现查。
@@ -677,20 +677,20 @@ var XhAnchorElement = class extends XhElement {
 		meta: anchorMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$95 },
+		value: { converter: STRING_CONVERTER$97 },
 		defaultValue: {
-			converter: STRING_CONVERTER$95,
+			converter: STRING_CONVERTER$97,
 			attribute: "default-value"
 		},
-		offset: { converter: NUMBER_CONVERTER$56 },
-		smooth: { converter: BOOLEAN_CONVERTER$68 },
-		orientation: { converter: STRING_CONVERTER$95 },
+		offset: { converter: NUMBER_CONVERTER$58 },
+		smooth: { converter: BOOLEAN_CONVERTER$70 },
+		orientation: { converter: STRING_CONVERTER$97 },
 		direction: {
-			converter: STRING_CONVERTER$95,
+			converter: STRING_CONVERTER$97,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$95 },
-		size: { converter: STRING_CONVERTER$95 },
+		tone: { converter: STRING_CONVERTER$97 },
+		size: { converter: STRING_CONVERTER$97 },
 		targets: { attribute: false },
 		translations: { attribute: false },
 		scrollElement: { attribute: false }
@@ -745,7 +745,7 @@ var XhAnchorElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/avatar.ts
-const STRING_CONVERTER$94 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$96 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-avatar>` —— 头像行为宿主，src/alt 写进 image 节点，加载成败回送机器，image 与 fallback 互斥显隐。
 *
@@ -764,9 +764,9 @@ var XhAvatarElement = class extends XhElement {
 		meta: avatarMeta
 	};
 	static properties = {
-		src: { converter: STRING_CONVERTER$94 },
-		alt: { converter: STRING_CONVERTER$94 },
-		size: { converter: STRING_CONVERTER$94 }
+		src: { converter: STRING_CONVERTER$96 },
+		alt: { converter: STRING_CONVERTER$96 },
+		size: { converter: STRING_CONVERTER$96 }
 	};
 	notify = (details) => {
 		this.dispatchEvent(new CustomEvent("status-change", {
@@ -845,8 +845,8 @@ var XhAvatarGroupElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/back-top.ts
-const STRING_CONVERTER$93 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$55 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$95 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$57 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-back-top>` —— 回到顶部行为宿主：滚动量过线时露出按钮，点它滚回顶部。
 *
@@ -870,12 +870,12 @@ var XhBackTopElement = class extends XhElement {
 	};
 	static properties = {
 		visibilityHeight: {
-			converter: NUMBER_CONVERTER$55,
+			converter: NUMBER_CONVERTER$57,
 			attribute: "visibility-height"
 		},
-		behavior: { converter: STRING_CONVERTER$93 },
-		tone: { converter: STRING_CONVERTER$93 },
-		size: { converter: STRING_CONVERTER$93 },
+		behavior: { converter: STRING_CONVERTER$95 },
+		tone: { converter: STRING_CONVERTER$95 },
+		size: { converter: STRING_CONVERTER$95 },
 		translations: { attribute: false },
 		target: { attribute: false }
 	};
@@ -972,7 +972,7 @@ var XhBadgeElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/breadcrumb.ts
-const STRING_CONVERTER$92 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$94 = { fromAttribute: (v) => v ?? void 0 };
 /** 读作者写在角色节点上的布尔声明：属性缺席或 ="false" 为假，其余为真。 */
 function authorFlag$1(el, name) {
 	const raw = el.getAttribute(name);
@@ -1002,11 +1002,11 @@ var XhBreadcrumbElement = class extends XhElement {
 	};
 	static properties = {
 		direction: {
-			converter: STRING_CONVERTER$92,
+			converter: STRING_CONVERTER$94,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$92 },
-		size: { converter: STRING_CONVERTER$92 },
+		tone: { converter: STRING_CONVERTER$94 },
+		size: { converter: STRING_CONVERTER$94 },
 		translations: { attribute: false }
 	};
 	wire() {
@@ -1134,9 +1134,9 @@ var XhButtonGroupElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/calendar.ts
-const STRING_CONVERTER$91 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$67 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
-const NUMBER_CONVERTER$54 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$93 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$69 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const NUMBER_CONVERTER$56 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /** 作者写的面板下标；写坏了或没写按 0 算。 */
 function declaredIndex$6(el, fallback = 0) {
 	const raw = el?.getAttribute("index")?.trim();
@@ -1197,32 +1197,32 @@ var XhCalendarElement = class extends XhElement {
 		meta: calendarMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$91 },
+		value: { converter: STRING_CONVERTER$93 },
 		defaultValue: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "default-value"
 		},
 		selectionMode: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "selection-mode"
 		},
 		focusedValue: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "focused-value"
 		},
 		defaultFocusedValue: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "default-focused-value"
 		},
-		min: { converter: STRING_CONVERTER$91 },
-		max: { converter: STRING_CONVERTER$91 },
-		locale: { converter: STRING_CONVERTER$91 },
+		min: { converter: STRING_CONVERTER$93 },
+		max: { converter: STRING_CONVERTER$93 },
+		locale: { converter: STRING_CONVERTER$93 },
 		timeZone: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "time-zone"
 		},
 		weekdayFormat: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "weekday-format"
 		},
 		disabled: { type: Boolean },
@@ -1234,21 +1234,21 @@ var XhCalendarElement = class extends XhElement {
 			type: Boolean,
 			attribute: "fixed-weeks"
 		},
-		view: { converter: STRING_CONVERTER$91 },
+		view: { converter: STRING_CONVERTER$93 },
 		activeView: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "active-view"
 		},
 		defaultActiveView: {
-			converter: STRING_CONVERTER$91,
+			converter: STRING_CONVERTER$93,
 			attribute: "default-active-view"
 		},
 		weekSelection: {
-			converter: BOOLEAN_CONVERTER$67,
+			converter: BOOLEAN_CONVERTER$69,
 			attribute: "week-selection"
 		},
 		visibleCount: {
-			converter: NUMBER_CONVERTER$54,
+			converter: NUMBER_CONVERTER$56,
 			attribute: "visible-count"
 		},
 		isDateUnavailable: { attribute: false }
@@ -1431,9 +1431,9 @@ var XhCardElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/carousel.ts
-const STRING_CONVERTER$90 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$53 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$66 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$92 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$55 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$68 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * autoplay 布尔或毫秒两用：缺席 = undefined，`autoplay` / `autoplay="true"` = 默认间隔，
 * `autoplay="false"` = 关，`autoplay="3000"` = 3 秒一张，念不成数的串按开着处理。
@@ -1487,35 +1487,35 @@ var XhCarouselElement = class extends XhElement {
 		meta: carouselMeta
 	};
 	static properties = {
-		page: { converter: NUMBER_CONVERTER$53 },
+		page: { converter: NUMBER_CONVERTER$55 },
 		defaultPage: {
-			converter: NUMBER_CONVERTER$53,
+			converter: NUMBER_CONVERTER$55,
 			attribute: "default-page"
 		},
 		slideCount: {
-			converter: NUMBER_CONVERTER$53,
+			converter: NUMBER_CONVERTER$55,
 			attribute: "slide-count"
 		},
 		slidesPerPage: {
-			converter: NUMBER_CONVERTER$53,
+			converter: NUMBER_CONVERTER$55,
 			attribute: "slides-per-page"
 		},
 		slidesPerMove: {
-			converter: NUMBER_CONVERTER$53,
+			converter: NUMBER_CONVERTER$55,
 			attribute: "slides-per-move"
 		},
-		orientation: { converter: STRING_CONVERTER$90 },
+		orientation: { converter: STRING_CONVERTER$92 },
 		direction: {
-			converter: STRING_CONVERTER$90,
+			converter: STRING_CONVERTER$92,
 			attribute: "dir"
 		},
-		loop: { converter: BOOLEAN_CONVERTER$66 },
+		loop: { converter: BOOLEAN_CONVERTER$68 },
 		autoplay: { converter: AUTOPLAY_CONVERTER },
 		allowPointerDrag: {
-			converter: BOOLEAN_CONVERTER$66,
+			converter: BOOLEAN_CONVERTER$68,
 			attribute: "allow-pointer-drag"
 		},
-		spacing: { converter: STRING_CONVERTER$90 },
+		spacing: { converter: STRING_CONVERTER$92 },
 		translations: { attribute: false }
 	};
 	notify = (details) => {
@@ -1682,9 +1682,9 @@ var ScrollbarsController = class {
 };
 //#endregion
 //#region src/elements/cascader.ts
-const STRING_CONVERTER$89 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$52 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$65 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$91 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$54 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$67 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 条目一系的归属容器：文本与勾选标记向上找最近的那个条目。 */
 const ITEM_SELECTOR$4 = "[data-xh-part=\"item\"]";
 /**
@@ -1754,43 +1754,43 @@ var XhCascaderElement = class extends XhElement {
 		collection: { attribute: false },
 		value: { attribute: false },
 		defaultValue: { attribute: false },
-		open: { converter: BOOLEAN_CONVERTER$65 },
+		open: { converter: BOOLEAN_CONVERTER$67 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
 		expandTrigger: {
-			converter: STRING_CONVERTER$89,
+			converter: STRING_CONVERTER$91,
 			attribute: "expand-trigger"
 		},
 		changeOnSelect: {
-			converter: BOOLEAN_CONVERTER$65,
+			converter: BOOLEAN_CONVERTER$67,
 			attribute: "change-on-select"
 		},
 		multiple: { type: Boolean },
 		searchable: { type: Boolean },
 		cascade: { type: Boolean },
 		checkedStrategy: {
-			converter: STRING_CONVERTER$89,
+			converter: STRING_CONVERTER$91,
 			attribute: "checked-strategy"
 		},
 		disabled: { type: Boolean },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$65,
+			converter: BOOLEAN_CONVERTER$67,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$65 },
-		variant: { converter: STRING_CONVERTER$89 },
-		tone: { converter: STRING_CONVERTER$89 },
-		size: { converter: STRING_CONVERTER$89 },
-		placeholder: { converter: STRING_CONVERTER$89 },
-		separator: { converter: STRING_CONVERTER$89 },
+		invalid: { converter: BOOLEAN_CONVERTER$67 },
+		variant: { converter: STRING_CONVERTER$91 },
+		tone: { converter: STRING_CONVERTER$91 },
+		size: { converter: STRING_CONVERTER$91 },
+		placeholder: { converter: STRING_CONVERTER$91 },
+		separator: { converter: STRING_CONVERTER$91 },
 		translations: { attribute: false },
-		placement: { converter: STRING_CONVERTER$89 },
-		offset: { converter: NUMBER_CONVERTER$52 },
-		loop: { converter: BOOLEAN_CONVERTER$65 },
+		placement: { converter: STRING_CONVERTER$91 },
+		offset: { converter: NUMBER_CONVERTER$54 },
+		loop: { converter: BOOLEAN_CONVERTER$67 },
 		direction: {
-			converter: STRING_CONVERTER$89,
+			converter: STRING_CONVERTER$91,
 			attribute: "dir"
 		}
 	};
@@ -2119,8 +2119,8 @@ function createDeclaredDisabled() {
 }
 //#endregion
 //#region src/elements/checkbox-group.ts
-const STRING_CONVERTER$88 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$64 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$90 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$66 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 const LIST_CONVERTER = { fromAttribute: (v) => v === null ? void 0 : v.split(",").map((s) => s.trim()).filter(Boolean) };
 /**
 * `<xh-checkbox-group>` —— Light-DOM 行为宿主：作者写 root/label 与若干 item 角色节点，
@@ -2163,14 +2163,14 @@ var XhCheckboxGroupElement = class extends XhElement {
 			converter: LIST_CONVERTER,
 			attribute: "item-values"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$64 },
+		disabled: { converter: BOOLEAN_CONVERTER$66 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$64,
+			converter: BOOLEAN_CONVERTER$66,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$64 },
-		orientation: { converter: STRING_CONVERTER$88 },
-		name: { converter: STRING_CONVERTER$88 }
+		invalid: { converter: BOOLEAN_CONVERTER$66 },
+		orientation: { converter: STRING_CONVERTER$90 },
+		name: { converter: STRING_CONVERTER$90 }
 	};
 	/** 条目自身 disabled 声明的快照，整组禁用期间 DOM 上的 aria-disabled 不可信。 */
 	declaredDisabled = /* @__PURE__ */ new WeakMap();
@@ -2258,8 +2258,8 @@ var XhCheckboxGroupElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/clipboard.ts
-const STRING_CONVERTER$87 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$51 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$89 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$53 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-clipboard>` —— Light-DOM 行为宿主，跑 clipboard 机器并把 connect 产出打到角色节点上。
 *
@@ -2286,8 +2286,8 @@ var XhClipboardElement = class extends XhElement {
 		meta: clipboardMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$87 },
-		timeout: { converter: NUMBER_CONVERTER$51 }
+		value: { converter: STRING_CONVERTER$89 },
+		timeout: { converter: NUMBER_CONVERTER$53 }
 	};
 	notifyStatus = (details) => {
 		this.dispatchEvent(new CustomEvent("status-change", {
@@ -2334,8 +2334,8 @@ var XhClipboardElement = class extends XhElement {
 //#region src/elements/code-block.ts
 /** 默认着色实现全元素共用一份：它无状态，没必要每个块建一个。 */
 const defaultHighlighter = createHighlighter();
-const STRING_CONVERTER$86 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$63 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$88 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$65 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-code-block>` —— Light-DOM 行为宿主，无状态机：wire 时算出 connectCodeBlock 的产出，
 * 打到四类角色节点上。显示的代码文本由作者写在 code 角色节点里，元素不改其子节点。
@@ -2358,15 +2358,15 @@ var XhCodeBlockElement = class extends XhElement {
 		meta: codeBlockMeta
 	};
 	static properties = {
-		code: { converter: STRING_CONVERTER$86 },
+		code: { converter: STRING_CONVERTER$88 },
 		codeLang: {
-			converter: STRING_CONVERTER$86,
+			converter: STRING_CONVERTER$88,
 			attribute: "code-lang"
 		},
 		wrap: { type: Boolean },
-		complete: { converter: BOOLEAN_CONVERTER$63 },
+		complete: { converter: BOOLEAN_CONVERTER$65 },
 		highlightWhileStreaming: {
-			converter: BOOLEAN_CONVERTER$63,
+			converter: BOOLEAN_CONVERTER$65,
 			attribute: "highlight-while-streaming"
 		}
 	};
@@ -2501,9 +2501,9 @@ var XhCollapsibleElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/color-picker.ts
-const STRING_CONVERTER$85 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$50 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$62 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$87 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$52 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$64 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 预设色板写成逗号分隔（swatches="#ff0000,#00ff00"），空串当没写。 */
 const STRING_LIST_CONVERTER = { fromAttribute: (v) => {
 	if (v == null || v.trim() === "") return void 0;
@@ -2564,32 +2564,32 @@ var XhColorPickerElement = class extends XhElement {
 		meta: colorPickerMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$85 },
+		value: { converter: STRING_CONVERTER$87 },
 		defaultValue: {
-			converter: STRING_CONVERTER$85,
+			converter: STRING_CONVERTER$87,
 			attribute: "default-value"
 		},
-		format: { converter: STRING_CONVERTER$85 },
-		open: { converter: BOOLEAN_CONVERTER$62 },
+		format: { converter: STRING_CONVERTER$87 },
+		open: { converter: BOOLEAN_CONVERTER$64 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$62 },
+		disabled: { converter: BOOLEAN_CONVERTER$64 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$62,
+			converter: BOOLEAN_CONVERTER$64,
 			attribute: "read-only"
 		},
-		alpha: { converter: BOOLEAN_CONVERTER$62 },
+		alpha: { converter: BOOLEAN_CONVERTER$64 },
 		swatches: { converter: STRING_LIST_CONVERTER },
-		name: { converter: STRING_CONVERTER$85 },
-		size: { converter: STRING_CONVERTER$85 },
+		name: { converter: STRING_CONVERTER$87 },
+		size: { converter: STRING_CONVERTER$87 },
 		direction: {
-			converter: STRING_CONVERTER$85,
+			converter: STRING_CONVERTER$87,
 			attribute: "dir"
 		},
-		placement: { converter: STRING_CONVERTER$85 },
-		offset: { converter: NUMBER_CONVERTER$50 },
+		placement: { converter: STRING_CONVERTER$87 },
+		offset: { converter: NUMBER_CONVERTER$52 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -2751,9 +2751,9 @@ var XhColorPickerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/combobox.ts
-const STRING_CONVERTER$84 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$49 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$61 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$86 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$51 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$63 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-combobox>` —— Light-DOM 行为宿主：作者写 root/label/control/input/trigger/positioner/content/item/...
 * 角色节点，元素跑 combobox 机器并把 connect 产出打上去。浮层定位引擎在本元素里建好、经 refs 注入机器，
@@ -2813,21 +2813,21 @@ var XhComboboxElement = class extends XhElement {
 	static properties = {
 		collection: { attribute: false },
 		translations: { attribute: false },
-		name: { converter: STRING_CONVERTER$84 },
-		value: { converter: STRING_CONVERTER$84 },
+		name: { converter: STRING_CONVERTER$86 },
+		value: { converter: STRING_CONVERTER$86 },
 		defaultValue: {
-			converter: STRING_CONVERTER$84,
+			converter: STRING_CONVERTER$86,
 			attribute: "default-value"
 		},
 		inputValue: {
-			converter: STRING_CONVERTER$84,
+			converter: STRING_CONVERTER$86,
 			attribute: "input-value"
 		},
 		defaultInputValue: {
-			converter: STRING_CONVERTER$84,
+			converter: STRING_CONVERTER$86,
 			attribute: "default-input-value"
 		},
-		open: { converter: BOOLEAN_CONVERTER$61 },
+		open: { converter: BOOLEAN_CONVERTER$63 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
@@ -2835,12 +2835,12 @@ var XhComboboxElement = class extends XhElement {
 		multiple: { type: Boolean },
 		disabled: { type: Boolean },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$61,
+			converter: BOOLEAN_CONVERTER$63,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$61 },
-		loop: { converter: BOOLEAN_CONVERTER$61 },
-		placeholder: { converter: STRING_CONVERTER$84 },
+		invalid: { converter: BOOLEAN_CONVERTER$63 },
+		loop: { converter: BOOLEAN_CONVERTER$63 },
+		placeholder: { converter: STRING_CONVERTER$86 },
 		allowCustomValue: {
 			type: Boolean,
 			attribute: "allow-custom-value"
@@ -2850,14 +2850,14 @@ var XhComboboxElement = class extends XhElement {
 			attribute: "open-on-click"
 		},
 		inputBehavior: {
-			converter: STRING_CONVERTER$84,
+			converter: STRING_CONVERTER$86,
 			attribute: "input-behavior"
 		},
-		placement: { converter: STRING_CONVERTER$84 },
-		offset: { converter: NUMBER_CONVERTER$49 },
-		variant: { converter: STRING_CONVERTER$84 },
-		tone: { converter: STRING_CONVERTER$84 },
-		size: { converter: STRING_CONVERTER$84 }
+		placement: { converter: STRING_CONVERTER$86 },
+		offset: { converter: NUMBER_CONVERTER$51 },
+		variant: { converter: STRING_CONVERTER$86 },
+		tone: { converter: STRING_CONVERTER$86 },
+		size: { converter: STRING_CONVERTER$86 }
 	};
 	idGen = createCounterIdGenerator();
 	comboboxScope = createScope(null, this.idGen);
@@ -3020,8 +3020,8 @@ var XhComboboxElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/composer.ts
-const STRING_CONVERTER$83 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$60 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$85 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$62 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-composer>` —— Light-DOM 行为宿主：跑 composer 机器，把 connect 产出打到作者写的
 * root/input/submit-trigger 三类角色节点上。input 须是原生 `<textarea>`，值经 property 写、
@@ -3047,18 +3047,18 @@ var XhComposerElement = class extends XhElement {
 		meta: composerMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$83 },
+		value: { converter: STRING_CONVERTER$85 },
 		defaultValue: {
-			converter: STRING_CONVERTER$83,
+			converter: STRING_CONVERTER$85,
 			attribute: "default-value"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$60 },
+		disabled: { converter: BOOLEAN_CONVERTER$62 },
 		runStatus: {
-			converter: STRING_CONVERTER$83,
+			converter: STRING_CONVERTER$85,
 			attribute: "run-status"
 		},
 		submitOnEnter: {
-			converter: BOOLEAN_CONVERTER$60,
+			converter: BOOLEAN_CONVERTER$62,
 			attribute: "submit-on-enter"
 		},
 		translations: { attribute: false }
@@ -3100,7 +3100,7 @@ var XhComposerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/config.ts
-const STRING_CONVERTER$82 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$84 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-config>` —— 配置作用域。包住一棵子树，里面的元素解析 locale / size / translations
 * 时先看最近的这一层，再往外层与全局那份回落。
@@ -3123,9 +3123,9 @@ const STRING_CONVERTER$82 = { fromAttribute: (v) => v ?? void 0 };
 */
 var XhConfigElement = class extends XhReactiveElement {
 	static properties = {
-		locale: { converter: STRING_CONVERTER$82 },
-		size: { converter: STRING_CONVERTER$82 },
-		motion: { converter: STRING_CONVERTER$82 },
+		locale: { converter: STRING_CONVERTER$84 },
+		size: { converter: STRING_CONVERTER$84 },
+		motion: { converter: STRING_CONVERTER$84 },
 		translations: { attribute: false },
 		scrollRoot: { attribute: false }
 	};
@@ -3159,9 +3159,9 @@ var XhConfigElement = class extends XhReactiveElement {
 };
 //#endregion
 //#region src/elements/context-menu.ts
-const STRING_CONVERTER$81 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$48 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$59 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$83 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$50 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$61 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-context-menu>` —— Light-DOM 行为宿主：作者写 root/trigger/positioner/content 与若干
 * item / group / separator 角色节点，元素跑 context-menu 机器并把 connect 产出打上去。
@@ -3204,26 +3204,26 @@ var XhContextMenuElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		open: { converter: BOOLEAN_CONVERTER$59 },
+		open: { converter: BOOLEAN_CONVERTER$61 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$81 },
-		offset: { converter: NUMBER_CONVERTER$48 },
-		loop: { converter: BOOLEAN_CONVERTER$59 },
-		typeahead: { converter: BOOLEAN_CONVERTER$59 },
+		placement: { converter: STRING_CONVERTER$83 },
+		offset: { converter: NUMBER_CONVERTER$50 },
+		loop: { converter: BOOLEAN_CONVERTER$61 },
+		typeahead: { converter: BOOLEAN_CONVERTER$61 },
 		translations: { attribute: false },
 		direction: {
-			converter: STRING_CONVERTER$81,
+			converter: STRING_CONVERTER$83,
 			attribute: "dir"
 		},
 		longPressDelay: {
-			converter: NUMBER_CONVERTER$48,
+			converter: NUMBER_CONVERTER$50,
 			attribute: "long-press-delay"
 		},
-		tone: { converter: STRING_CONVERTER$81 },
-		size: { converter: STRING_CONVERTER$81 }
+		tone: { converter: STRING_CONVERTER$83 },
+		size: { converter: STRING_CONVERTER$83 }
 	};
 	idGen = createCounterIdGenerator();
 	menuScope = createScope(null, this.idGen);
@@ -3374,9 +3374,9 @@ var XhContextMenuElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/countdown.ts
-const STRING_CONVERTER$80 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$47 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$58 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$82 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$49 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$60 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-countdown>` —— Light-DOM 行为宿主：作者写一个 root 角色节点，
 * 元素跑 countdown 机器，逐帧把剩余毫秒按模板铺成时分秒写进那个节点。
@@ -3406,11 +3406,11 @@ var XhCountdownElement = class extends XhElement {
 		meta: countdownMeta
 	};
 	static properties = {
-		value: { converter: NUMBER_CONVERTER$47 },
-		format: { converter: STRING_CONVERTER$80 },
-		active: { converter: BOOLEAN_CONVERTER$58 },
-		precision: { converter: NUMBER_CONVERTER$47 },
-		live: { converter: STRING_CONVERTER$80 }
+		value: { converter: NUMBER_CONVERTER$49 },
+		format: { converter: STRING_CONVERTER$82 },
+		active: { converter: BOOLEAN_CONVERTER$60 },
+		precision: { converter: NUMBER_CONVERTER$49 },
+		live: { converter: STRING_CONVERTER$82 }
 	};
 	notify = (details) => {
 		this.dispatchEvent(new CustomEvent("finish", {
@@ -3440,8 +3440,8 @@ var XhCountdownElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/date-field.ts
-const STRING_CONVERTER$79 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$57 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$81 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$59 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 const SEGMENT_SET_CONVERTER = { fromAttribute: (v) => {
 	if (v === null) return void 0;
 	const list = v.split(",").map((part) => part.trim()).filter(Boolean);
@@ -3527,33 +3527,33 @@ var XhDateFieldElement = class extends XhElement {
 		meta: dateFieldMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$79 },
+		value: { converter: STRING_CONVERTER$81 },
 		defaultValue: {
-			converter: STRING_CONVERTER$79,
+			converter: STRING_CONVERTER$81,
 			attribute: "default-value"
 		},
-		min: { converter: STRING_CONVERTER$79 },
-		max: { converter: STRING_CONVERTER$79 },
-		locale: { converter: STRING_CONVERTER$79 },
+		min: { converter: STRING_CONVERTER$81 },
+		max: { converter: STRING_CONVERTER$81 },
+		locale: { converter: STRING_CONVERTER$81 },
 		timeZone: {
-			converter: STRING_CONVERTER$79,
+			converter: STRING_CONVERTER$81,
 			attribute: "time-zone"
 		},
-		granularity: { converter: STRING_CONVERTER$79 },
+		granularity: { converter: STRING_CONVERTER$81 },
 		segments: { converter: SEGMENT_SET_CONVERTER },
-		disabled: { converter: BOOLEAN_CONVERTER$57 },
+		disabled: { converter: BOOLEAN_CONVERTER$59 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$57,
+			converter: BOOLEAN_CONVERTER$59,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$57 },
-		required: { converter: BOOLEAN_CONVERTER$57 },
-		name: { converter: STRING_CONVERTER$79 },
+		invalid: { converter: BOOLEAN_CONVERTER$59 },
+		required: { converter: BOOLEAN_CONVERTER$59 },
+		name: { converter: STRING_CONVERTER$81 },
 		placeholder: { attribute: false },
 		translations: { attribute: false },
-		variant: { converter: STRING_CONVERTER$79 },
-		tone: { converter: STRING_CONVERTER$79 },
-		size: { converter: STRING_CONVERTER$79 }
+		variant: { converter: STRING_CONVERTER$81 },
+		tone: { converter: STRING_CONVERTER$81 },
+		size: { converter: STRING_CONVERTER$81 }
 	};
 	notifyChange = (details) => {
 		this.dispatchEvent(new CustomEvent("value-change", {
@@ -3610,9 +3610,9 @@ var XhDateFieldElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/date-picker.ts
-const STRING_CONVERTER$78 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$46 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$56 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$80 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$48 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$58 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 九块段位的名字，按段名声明时照它认。 */
 const SEGMENT_TYPES$2 = [
 	"year",
@@ -3734,78 +3734,78 @@ var XhDatePickerElement = class extends XhElement {
 		delegates: [dateFieldAnatomy, calendarAnatomy]
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$78 },
+		value: { converter: STRING_CONVERTER$80 },
 		defaultValue: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "default-value"
 		},
-		open: { converter: BOOLEAN_CONVERTER$56 },
+		open: { converter: BOOLEAN_CONVERTER$58 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		min: { converter: STRING_CONVERTER$78 },
-		max: { converter: STRING_CONVERTER$78 },
-		locale: { converter: STRING_CONVERTER$78 },
+		min: { converter: STRING_CONVERTER$80 },
+		max: { converter: STRING_CONVERTER$80 },
+		locale: { converter: STRING_CONVERTER$80 },
 		timeZone: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "time-zone"
 		},
 		selectionMode: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "selection-mode"
 		},
-		view: { converter: STRING_CONVERTER$78 },
+		view: { converter: STRING_CONVERTER$80 },
 		activeView: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "active-view"
 		},
 		segments: { attribute: false },
 		weekSelection: {
-			converter: BOOLEAN_CONVERTER$56,
+			converter: BOOLEAN_CONVERTER$58,
 			attribute: "week-selection"
 		},
 		presets: { attribute: false },
 		visibleCount: {
-			converter: NUMBER_CONVERTER$46,
+			converter: NUMBER_CONVERTER$48,
 			attribute: "visible-count"
 		},
 		fixedWeeks: {
-			converter: BOOLEAN_CONVERTER$56,
+			converter: BOOLEAN_CONVERTER$58,
 			attribute: "fixed-weeks"
 		},
 		defaultFocusedValue: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "default-focused-value"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$56 },
+		disabled: { converter: BOOLEAN_CONVERTER$58 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$56,
+			converter: BOOLEAN_CONVERTER$58,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$56 },
-		required: { converter: BOOLEAN_CONVERTER$56 },
-		name: { converter: STRING_CONVERTER$78 },
+		invalid: { converter: BOOLEAN_CONVERTER$58 },
+		required: { converter: BOOLEAN_CONVERTER$58 },
+		name: { converter: STRING_CONVERTER$80 },
 		endName: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "end-name"
 		},
 		translations: { attribute: false },
-		variant: { converter: STRING_CONVERTER$78 },
-		tone: { converter: STRING_CONVERTER$78 },
-		size: { converter: STRING_CONVERTER$78 },
-		placement: { converter: STRING_CONVERTER$78 },
-		offset: { converter: NUMBER_CONVERTER$46 },
+		variant: { converter: STRING_CONVERTER$80 },
+		tone: { converter: STRING_CONVERTER$80 },
+		size: { converter: STRING_CONVERTER$80 },
+		placement: { converter: STRING_CONVERTER$80 },
+		offset: { converter: NUMBER_CONVERTER$48 },
 		closeOnSelect: {
-			converter: BOOLEAN_CONVERTER$56,
+			converter: BOOLEAN_CONVERTER$58,
 			attribute: "close-on-select"
 		},
 		showTime: {
-			converter: BOOLEAN_CONVERTER$56,
+			converter: BOOLEAN_CONVERTER$58,
 			attribute: "show-time"
 		},
 		timeGranularity: {
-			converter: STRING_CONVERTER$78,
+			converter: STRING_CONVERTER$80,
 			attribute: "time-granularity"
 		},
 		isDateUnavailable: { attribute: false }
@@ -4085,7 +4085,7 @@ var XhDatePickerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/descriptions.ts
-const STRING_CONVERTER$77 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$79 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-descriptions>` —— Light-DOM 行为宿主，无状态机，把 connectDescriptions 产出打到各角色节点。
 * 排版走 CSS Grid，columns 落成列数。
@@ -4111,8 +4111,8 @@ var XhDescriptionsElement = class extends XhElement {
 	static properties = {
 		columns: { type: Number },
 		bordered: { type: Boolean },
-		placement: { converter: STRING_CONVERTER$77 },
-		size: { converter: STRING_CONVERTER$77 }
+		placement: { converter: STRING_CONVERTER$79 },
+		size: { converter: STRING_CONVERTER$79 }
 	};
 	wire() {
 		const api = connectDescriptions(this.configured("descriptions", {
@@ -4133,8 +4133,8 @@ var XhDescriptionsElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/dialog.ts
-const BOOLEAN_CONVERTER$55 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
-const STRING_CONVERTER$76 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$57 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$78 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-dialog>` —— Light-DOM 行为宿主，跑 dialog 机器并把 connect 产出打到角色节点上，
 * 关闭时用内联 style.display 隐藏浮层子树。
@@ -4163,25 +4163,25 @@ var XhDialogElement = class extends XhElement {
 		meta: dialogMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$55 },
+		open: { converter: BOOLEAN_CONVERTER$57 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		modal: { converter: BOOLEAN_CONVERTER$55 },
+		modal: { converter: BOOLEAN_CONVERTER$57 },
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$55,
+			converter: BOOLEAN_CONVERTER$57,
 			attribute: "close-on-escape"
 		},
 		restoreFocus: {
-			converter: BOOLEAN_CONVERTER$55,
+			converter: BOOLEAN_CONVERTER$57,
 			attribute: "restore-focus"
 		},
 		initialFocus: {
-			converter: STRING_CONVERTER$76,
+			converter: STRING_CONVERTER$78,
 			attribute: "initial-focus"
 		},
-		size: { converter: STRING_CONVERTER$76 }
+		size: { converter: STRING_CONVERTER$78 }
 	};
 	idGen = createCounterIdGenerator();
 	dialogScope = createScope(null, this.idGen);
@@ -4287,8 +4287,8 @@ var XhDialogElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/download-trigger.ts
-const STRING_CONVERTER$75 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$54 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$77 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$56 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-download-trigger>` —— Light-DOM 行为宿主，跑 download-trigger 机器并把 connect 产出打到 root 角色节点。
 *
@@ -4312,16 +4312,16 @@ var XhDownloadTriggerElement = class extends XhElement {
 		meta: downloadTriggerMeta
 	};
 	static properties = {
-		data: { converter: STRING_CONVERTER$75 },
+		data: { converter: STRING_CONVERTER$77 },
 		fileName: {
-			converter: STRING_CONVERTER$75,
+			converter: STRING_CONVERTER$77,
 			attribute: "file-name"
 		},
 		mimeType: {
-			converter: STRING_CONVERTER$75,
+			converter: STRING_CONVERTER$77,
 			attribute: "mime-type"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$54 }
+		disabled: { converter: BOOLEAN_CONVERTER$56 }
 	};
 	notifyComplete = (details) => {
 		this.dispatchEvent(new CustomEvent("download-complete", {
@@ -4356,8 +4356,8 @@ var XhDownloadTriggerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/drawer.ts
-const BOOLEAN_CONVERTER$53 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
-const STRING_CONVERTER$74 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$55 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$76 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-drawer>` —— Light-DOM 行为宿主，跑 drawer 机器并把 connect 产出打到角色节点上，
 * 关闭时用内联 style.display 隐藏浮层子树。
@@ -4392,27 +4392,27 @@ var XhDrawerElement = class extends XhElement {
 		meta: drawerMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$53 },
+		open: { converter: BOOLEAN_CONVERTER$55 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		modal: { converter: BOOLEAN_CONVERTER$53 },
-		contained: { converter: BOOLEAN_CONVERTER$53 },
-		side: { converter: STRING_CONVERTER$74 },
+		modal: { converter: BOOLEAN_CONVERTER$55 },
+		contained: { converter: BOOLEAN_CONVERTER$55 },
+		side: { converter: STRING_CONVERTER$76 },
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$53,
+			converter: BOOLEAN_CONVERTER$55,
 			attribute: "close-on-escape"
 		},
 		closeOnInteractOutside: {
-			converter: BOOLEAN_CONVERTER$53,
+			converter: BOOLEAN_CONVERTER$55,
 			attribute: "close-on-interact-outside"
 		},
 		restoreFocus: {
-			converter: BOOLEAN_CONVERTER$53,
+			converter: BOOLEAN_CONVERTER$55,
 			attribute: "restore-focus"
 		},
-		size: { converter: STRING_CONVERTER$74 },
+		size: { converter: STRING_CONVERTER$76 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -4523,8 +4523,8 @@ var XhDrawerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/dynamic-input.ts
-const NUMBER_CONVERTER$45 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$52 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const NUMBER_CONVERTER$47 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$54 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 作者写在行上的下标。缺席或写坏了就退回文档序——把行按顺序排下来本身就是声明。 */
 function declaredIndex$2(el, position) {
 	const raw = el.getAttribute("index");
@@ -4566,11 +4566,11 @@ var XhDynamicInputElement = class extends XhElement {
 	static properties = {
 		value: { attribute: false },
 		defaultValue: { attribute: false },
-		min: { converter: NUMBER_CONVERTER$45 },
-		max: { converter: NUMBER_CONVERTER$45 },
+		min: { converter: NUMBER_CONVERTER$47 },
+		max: { converter: NUMBER_CONVERTER$47 },
 		createItem: { attribute: false },
-		movable: { converter: BOOLEAN_CONVERTER$52 },
-		disabled: { converter: BOOLEAN_CONVERTER$52 },
+		movable: { converter: BOOLEAN_CONVERTER$54 },
+		disabled: { converter: BOOLEAN_CONVERTER$54 },
 		translations: { attribute: false }
 	};
 	notifyValue = (details) => {
@@ -4624,9 +4624,9 @@ var XhDynamicInputElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/editable.ts
-const STRING_CONVERTER$73 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$44 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$51 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$75 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$46 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$53 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-editable>` —— Light-DOM 行为宿主：作者写 root/label/area/preview/input/control
 * 与三颗按钮的角色节点，元素跑 editable 机器并把 connect 产出打上去。
@@ -4675,42 +4675,42 @@ var XhEditableElement = class extends XhElement {
 		meta: editableMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$73 },
+		value: { converter: STRING_CONVERTER$75 },
 		defaultValue: {
-			converter: STRING_CONVERTER$73,
+			converter: STRING_CONVERTER$75,
 			attribute: "default-value"
 		},
-		edit: { converter: BOOLEAN_CONVERTER$51 },
+		edit: { converter: BOOLEAN_CONVERTER$53 },
 		defaultEdit: {
-			converter: BOOLEAN_CONVERTER$51,
+			converter: BOOLEAN_CONVERTER$53,
 			attribute: "default-edit"
 		},
-		placeholder: { converter: STRING_CONVERTER$73 },
-		disabled: { converter: BOOLEAN_CONVERTER$51 },
+		placeholder: { converter: STRING_CONVERTER$75 },
+		disabled: { converter: BOOLEAN_CONVERTER$53 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$51,
+			converter: BOOLEAN_CONVERTER$53,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$51 },
+		invalid: { converter: BOOLEAN_CONVERTER$53 },
 		maxLength: {
-			converter: NUMBER_CONVERTER$44,
+			converter: NUMBER_CONVERTER$46,
 			attribute: "max-length"
 		},
-		name: { converter: STRING_CONVERTER$73 },
+		name: { converter: STRING_CONVERTER$75 },
 		submitMode: {
-			converter: STRING_CONVERTER$73,
+			converter: STRING_CONVERTER$75,
 			attribute: "submit-mode"
 		},
 		activationMode: {
-			converter: STRING_CONVERTER$73,
+			converter: STRING_CONVERTER$75,
 			attribute: "activation-mode"
 		},
 		selectOnFocus: {
-			converter: BOOLEAN_CONVERTER$51,
+			converter: BOOLEAN_CONVERTER$53,
 			attribute: "select-on-focus"
 		},
 		autoResize: {
-			converter: BOOLEAN_CONVERTER$51,
+			converter: BOOLEAN_CONVERTER$53,
 			attribute: "auto-resize"
 		}
 	};
@@ -4819,7 +4819,7 @@ var XhEditableElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/ellipsis.ts
-const NUMBER_CONVERTER$43 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const NUMBER_CONVERTER$45 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 const TRISTATE_CONVERTER$1 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-ellipsis>` —— 省略行为宿主：把一段文字夹在给定行数内，并如实报出它有没有被裁掉。
@@ -4847,7 +4847,7 @@ var XhEllipsisElement = class extends XhElement {
 		meta: ellipsisMeta
 	};
 	static properties = {
-		lines: { converter: NUMBER_CONVERTER$43 },
+		lines: { converter: NUMBER_CONVERTER$45 },
 		expandable: { type: Boolean },
 		expanded: { converter: TRISTATE_CONVERTER$1 },
 		defaultExpanded: {
@@ -4893,7 +4893,7 @@ var XhEllipsisElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/empty-state.ts
-const STRING_CONVERTER$72 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$74 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-empty-state>` —— 空状态行为宿主，无状态机，把 connectEmptyState 产出的属性打到角色节点上。
 *
@@ -4915,8 +4915,8 @@ var XhEmptyStateElement = class extends XhElement {
 		meta: emptyStateMeta
 	};
 	static properties = {
-		size: { converter: STRING_CONVERTER$72 },
-		live: { converter: STRING_CONVERTER$72 }
+		size: { converter: STRING_CONVERTER$74 },
+		live: { converter: STRING_CONVERTER$74 }
 	};
 	wire() {
 		const props = {
@@ -4937,7 +4937,7 @@ var XhEmptyStateElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/field.ts
-const STRING_CONVERTER$71 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$73 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-field>` —— Light-DOM 行为宿主，无状态机，把 connectField 产出的 id 与 aria-* 打到
 * label/control/description/error-text 角色节点上，自动对齐 `for` 与描述链。控件本身由作者渲染。
@@ -4967,7 +4967,7 @@ var XhFieldElement = class extends XhElement {
 		required: { type: Boolean },
 		disabled: { type: Boolean },
 		controlId: {
-			converter: STRING_CONVERTER$71,
+			converter: STRING_CONVERTER$73,
 			attribute: "control-id"
 		}
 	};
@@ -4993,7 +4993,7 @@ var XhFieldElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/fieldset.ts
-const BOOLEAN_CONVERTER$50 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const BOOLEAN_CONVERTER$52 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-fieldset>` —— Light-DOM 行为宿主，无状态机，把 connectFieldset 产出的属性打到
 * root/legend/helper-text/error-text 角色节点上：说明与错误文案的 id 自动接进 root 的描述链。
@@ -5022,9 +5022,9 @@ var XhFieldsetElement = class extends XhElement {
 		}
 	};
 	static properties = {
-		disabled: { converter: BOOLEAN_CONVERTER$50 },
-		invalid: { converter: BOOLEAN_CONVERTER$50 },
-		required: { converter: BOOLEAN_CONVERTER$50 },
+		disabled: { converter: BOOLEAN_CONVERTER$52 },
+		invalid: { converter: BOOLEAN_CONVERTER$52 },
+		required: { converter: BOOLEAN_CONVERTER$52 },
 		translations: { attribute: false }
 	};
 	fieldsetScope = createScope(null, createCounterIdGenerator());
@@ -5067,9 +5067,9 @@ var XhFieldsetElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/file-upload.ts
-const STRING_CONVERTER$70 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$42 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$49 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$72 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$44 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$51 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 取作者写在条目上的 index，缺席或写坏了退回文档序。 */
 function declaredIndex$1(el, position) {
 	const raw = el.getAttribute("index");
@@ -5133,31 +5133,31 @@ var XhFileUploadElement = class XhFileUploadElement extends XhElement {
 		defaultRemoteFiles: { attribute: false },
 		upload: { attribute: false },
 		autoUpload: {
-			converter: BOOLEAN_CONVERTER$49,
+			converter: BOOLEAN_CONVERTER$51,
 			attribute: "auto-upload"
 		},
-		accept: { converter: STRING_CONVERTER$70 },
+		accept: { converter: STRING_CONVERTER$72 },
 		maxFiles: {
-			converter: NUMBER_CONVERTER$42,
+			converter: NUMBER_CONVERTER$44,
 			attribute: "max-files"
 		},
 		maxFileSize: {
-			converter: NUMBER_CONVERTER$42,
+			converter: NUMBER_CONVERTER$44,
 			attribute: "max-file-size"
 		},
 		minFileSize: {
-			converter: NUMBER_CONVERTER$42,
+			converter: NUMBER_CONVERTER$44,
 			attribute: "min-file-size"
 		},
 		disabled: { type: Boolean },
 		invalid: { type: Boolean },
-		name: { converter: STRING_CONVERTER$70 },
+		name: { converter: STRING_CONVERTER$72 },
 		allowDrop: {
-			converter: BOOLEAN_CONVERTER$49,
+			converter: BOOLEAN_CONVERTER$51,
 			attribute: "allow-drop"
 		},
 		directory: { type: Boolean },
-		capture: { converter: STRING_CONVERTER$70 },
+		capture: { converter: STRING_CONVERTER$72 },
 		translations: { attribute: false }
 	};
 	uploadScope = createScope(this, createCounterIdGenerator());
@@ -5375,8 +5375,8 @@ var XhFlexElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/float-button.ts
-const STRING_CONVERTER$69 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$41 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$71 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$43 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 const TRISTATE_CONVERTER = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-float-button>` —— 悬浮按钮行为宿主：一颗钉在视口一角的触发器，展开一组动作。
@@ -5414,11 +5414,11 @@ var XhFloatButtonElement = class extends XhElement {
 			attribute: "default-open"
 		},
 		disabled: { type: Boolean },
-		placement: { converter: STRING_CONVERTER$69 },
-		offset: { converter: NUMBER_CONVERTER$41 },
-		shape: { converter: STRING_CONVERTER$69 },
+		placement: { converter: STRING_CONVERTER$71 },
+		offset: { converter: NUMBER_CONVERTER$43 },
+		shape: { converter: STRING_CONVERTER$71 },
 		expandTrigger: {
-			converter: STRING_CONVERTER$69,
+			converter: STRING_CONVERTER$71,
 			attribute: "expand-trigger"
 		},
 		translations: { attribute: false }
@@ -5466,8 +5466,8 @@ var XhFloatButtonElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/floating-panel.ts
-const STRING_CONVERTER$68 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$48 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$70 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$50 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 一对数写成逗号分隔（position="24,24"）；读不出两个有限数就当没写。 */
 function parsePair(v) {
 	if (v == null || v.trim() === "") return void 0;
@@ -5481,7 +5481,7 @@ const POSITION_CONVERTER = { fromAttribute: (v) => {
 		y: pair[1]
 	} : void 0;
 } };
-const SIZE_CONVERTER = { fromAttribute: (v) => {
+const SIZE_CONVERTER$1 = { fromAttribute: (v) => {
 	const pair = parsePair(v);
 	return pair ? {
 		width: pair[0],
@@ -5552,9 +5552,9 @@ var XhFloatingPanelElement = class extends XhElement {
 		meta: floatingPanelMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$48 },
+		open: { converter: BOOLEAN_CONVERTER$50 },
 		defaultOpen: {
-			converter: BOOLEAN_CONVERTER$48,
+			converter: BOOLEAN_CONVERTER$50,
 			attribute: "default-open"
 		},
 		position: { converter: POSITION_CONVERTER },
@@ -5562,30 +5562,30 @@ var XhFloatingPanelElement = class extends XhElement {
 			converter: POSITION_CONVERTER,
 			attribute: "default-position"
 		},
-		size: { converter: SIZE_CONVERTER },
+		size: { converter: SIZE_CONVERTER$1 },
 		defaultSize: {
-			converter: SIZE_CONVERTER,
+			converter: SIZE_CONVERTER$1,
 			attribute: "default-size"
 		},
 		minSize: {
-			converter: SIZE_CONVERTER,
+			converter: SIZE_CONVERTER$1,
 			attribute: "min-size"
 		},
 		maxSize: {
-			converter: SIZE_CONVERTER,
+			converter: SIZE_CONVERTER$1,
 			attribute: "max-size"
 		},
-		stage: { converter: STRING_CONVERTER$68 },
+		stage: { converter: STRING_CONVERTER$70 },
 		defaultStage: {
-			converter: STRING_CONVERTER$68,
+			converter: STRING_CONVERTER$70,
 			attribute: "default-stage"
 		},
 		panelDraggable: {
-			converter: BOOLEAN_CONVERTER$48,
+			converter: BOOLEAN_CONVERTER$50,
 			attribute: "panel-draggable"
 		},
-		resizable: { converter: BOOLEAN_CONVERTER$48 },
-		disabled: { converter: BOOLEAN_CONVERTER$48 },
+		resizable: { converter: BOOLEAN_CONVERTER$50 },
+		disabled: { converter: BOOLEAN_CONVERTER$50 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -5680,8 +5680,8 @@ var XhFloatingPanelElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/form.ts
-const STRING_CONVERTER$67 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$47 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$69 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$49 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 字段容器与摘要条目自报的字段名，取作者写的 `value` 属性。
 *
@@ -5742,21 +5742,21 @@ var XhFormElement = class extends XhElement {
 		rules: { attribute: false },
 		validateMessages: { attribute: false },
 		validateOn: {
-			converter: STRING_CONVERTER$67,
+			converter: STRING_CONVERTER$69,
 			attribute: "validate-on"
 		},
-		layout: { converter: STRING_CONVERTER$67 },
+		layout: { converter: STRING_CONVERTER$69 },
 		labelWidth: {
-			converter: STRING_CONVERTER$67,
+			converter: STRING_CONVERTER$69,
 			attribute: "label-width"
 		},
 		labelAlign: {
-			converter: STRING_CONVERTER$67,
+			converter: STRING_CONVERTER$69,
 			attribute: "label-align"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$47 },
+		disabled: { converter: BOOLEAN_CONVERTER$49 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$47,
+			converter: BOOLEAN_CONVERTER$49,
 			attribute: "read-only"
 		}
 	};
@@ -5891,7 +5891,7 @@ var XhFormElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/gradient-text.ts
-const STRING_CONVERTER$66 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$68 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-gradient-text>` —— Light-DOM 行为宿主，无状态机，把 connectGradientText 产出打到 root 角色节点。
 *
@@ -5912,9 +5912,9 @@ var XhGradientTextElement = class extends XhElement {
 		meta: gradientTextMeta
 	};
 	static properties = {
-		from: { converter: STRING_CONVERTER$66 },
-		to: { converter: STRING_CONVERTER$66 },
-		direction: { converter: STRING_CONVERTER$66 }
+		from: { converter: STRING_CONVERTER$68 },
+		to: { converter: STRING_CONVERTER$68 },
+		direction: { converter: STRING_CONVERTER$68 }
 	};
 	wire() {
 		const api = connectGradientText({
@@ -5928,7 +5928,7 @@ var XhGradientTextElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/grid.ts
-const STRING_CONVERTER$65 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$67 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * 列数写整数就是各档同一个列数（`cols="3"`），写 JSON 对象就是逐档的列数
 * （`cols='{"base":1,"md":3}'`）。解析不出对象时当没写：落一个半截对象进去，
@@ -5977,9 +5977,9 @@ var XhGridElement = class extends XhElement {
 	};
 	static properties = {
 		cols: { converter: COLS_CONVERTER },
-		gap: { converter: STRING_CONVERTER$65 },
-		align: { converter: STRING_CONVERTER$65 },
-		justify: { converter: STRING_CONVERTER$65 }
+		gap: { converter: STRING_CONVERTER$67 },
+		align: { converter: STRING_CONVERTER$67 },
+		justify: { converter: STRING_CONVERTER$67 }
 	};
 	wire() {
 		const api = connectGrid({
@@ -6001,8 +6001,8 @@ var XhGridElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/heatmap.ts
-const STRING_CONVERTER$64 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$40 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$66 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$42 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /** 角色节点上作者写的 value，解不出数字即当没写。 */
 function numberOf(el) {
 	const raw = el.getAttribute("value");
@@ -6075,28 +6075,28 @@ var XhHeatmapElement = class extends XhElement {
 		columns: { attribute: false },
 		thresholds: { attribute: false },
 		translations: { attribute: false },
-		variant: { converter: STRING_CONVERTER$64 },
+		variant: { converter: STRING_CONVERTER$66 },
 		startDate: {
-			converter: STRING_CONVERTER$64,
+			converter: STRING_CONVERTER$66,
 			attribute: "start-date"
 		},
 		endDate: {
-			converter: STRING_CONVERTER$64,
+			converter: STRING_CONVERTER$66,
 			attribute: "end-date"
 		},
-		levels: { converter: NUMBER_CONVERTER$40 },
+		levels: { converter: NUMBER_CONVERTER$42 },
 		firstDayOfWeek: {
-			converter: NUMBER_CONVERTER$40,
+			converter: NUMBER_CONVERTER$42,
 			attribute: "first-day-of-week"
 		},
-		locale: { converter: STRING_CONVERTER$64 },
+		locale: { converter: STRING_CONVERTER$66 },
 		direction: {
-			converter: STRING_CONVERTER$64,
+			converter: STRING_CONVERTER$66,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$64 },
-		palette: { converter: STRING_CONVERTER$64 },
-		size: { converter: STRING_CONVERTER$64 }
+		tone: { converter: STRING_CONVERTER$66 },
+		palette: { converter: STRING_CONVERTER$66 },
+		size: { converter: STRING_CONVERTER$66 }
 	};
 	notifyFocus = (details) => {
 		this.dispatchEvent(new CustomEvent("cell-focus", {
@@ -6192,7 +6192,7 @@ var XhHeatmapElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/highlight.ts
-const STRING_CONVERTER$63 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$65 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-highlight>` —— Light-DOM 行为宿主，无状态机，把 text 按 keyword 切段铺进 root。
 *
@@ -6218,8 +6218,8 @@ var XhHighlightElement = class extends XhElement {
 		meta: highlightMeta
 	};
 	static properties = {
-		text: { converter: STRING_CONVERTER$63 },
-		keyword: { converter: STRING_CONVERTER$63 },
+		text: { converter: STRING_CONVERTER$65 },
+		keyword: { converter: STRING_CONVERTER$65 },
 		caseSensitive: {
 			type: Boolean,
 			attribute: "case-sensitive"
@@ -6267,8 +6267,8 @@ var XhHighlightElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/hotkeys.ts
-const STRING_CONVERTER$62 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$46 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$64 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$48 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 const ARRAY_CONVERTER$2 = { fromAttribute: (v) => v == null ? void 0 : v.split(",").map((s) => s.trim()).filter((s) => s !== "") };
 /**
 * `<xh-hotkeys>` —— Light-DOM 行为宿主：作者写一个空的行内容器当 root，
@@ -6302,14 +6302,14 @@ var XhHotkeysElement = class extends XhElement {
 	};
 	static properties = {
 		keys: { converter: ARRAY_CONVERTER$2 },
-		platform: { converter: STRING_CONVERTER$62 },
-		target: { converter: STRING_CONVERTER$62 },
+		platform: { converter: STRING_CONVERTER$64 },
+		target: { converter: STRING_CONVERTER$64 },
 		preventDefault: {
-			converter: BOOLEAN_CONVERTER$46,
+			converter: BOOLEAN_CONVERTER$48,
 			attribute: "prevent-default"
 		},
-		enabled: { converter: BOOLEAN_CONVERTER$46 },
-		size: { converter: STRING_CONVERTER$62 },
+		enabled: { converter: BOOLEAN_CONVERTER$48 },
+		size: { converter: STRING_CONVERTER$64 },
 		translations: { attribute: false }
 	};
 	/** 接进文档后测出来的平台；测出来之前是 auto，connect 按非 Mac 出。 */
@@ -6396,13 +6396,13 @@ var XhHotkeysElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/hover-card.ts
-const STRING_CONVERTER$61 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$39 = { fromAttribute: (v) => {
+const STRING_CONVERTER$63 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$41 = { fromAttribute: (v) => {
 	if (v === null) return void 0;
 	const n = Number(v);
 	return Number.isFinite(n) ? n : void 0;
 } };
-const BOOLEAN_CONVERTER$45 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const BOOLEAN_CONVERTER$47 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-hover-card>` —— Light-DOM 行为宿主：作者写 root/trigger/positioner/content/arrow 角色节点，
 * 元素跑 hover-card 机器并把 connect 产出打上去。
@@ -6435,27 +6435,27 @@ var XhHoverCardElement = class extends XhElement {
 		meta: hoverCardMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$45 },
+		open: { converter: BOOLEAN_CONVERTER$47 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$61 },
-		offset: { converter: NUMBER_CONVERTER$39 },
+		placement: { converter: STRING_CONVERTER$63 },
+		offset: { converter: NUMBER_CONVERTER$41 },
 		openDelay: {
-			converter: NUMBER_CONVERTER$39,
+			converter: NUMBER_CONVERTER$41,
 			attribute: "open-delay"
 		},
 		closeDelay: {
-			converter: NUMBER_CONVERTER$39,
+			converter: NUMBER_CONVERTER$41,
 			attribute: "close-delay"
 		},
 		direction: {
-			converter: STRING_CONVERTER$61,
+			converter: STRING_CONVERTER$63,
 			attribute: "dir"
 		},
 		disabled: { type: Boolean },
-		size: { converter: STRING_CONVERTER$61 }
+		size: { converter: STRING_CONVERTER$63 }
 	};
 	idGen = createCounterIdGenerator();
 	hoverCardScope = createScope(null, this.idGen);
@@ -6562,7 +6562,7 @@ var XhHoverCardElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/icon.ts
-const STRING_CONVERTER$60 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$62 = { fromAttribute: (v) => v ?? void 0 };
 const SVG_NS$1 = "http://www.w3.org/2000/svg";
 /** 自带可及名字的控件；图标落在它们里面时名字该写在控件上。 */
 const NAMED_CONTROLS = "button, a[href], [role=\"button\"], [role=\"link\"], [role=\"menuitem\"], [role=\"tab\"], [role=\"option\"]";
@@ -6603,10 +6603,10 @@ var XhIconElement = class extends XhElement {
 		}
 	};
 	static properties = {
-		label: { converter: STRING_CONVERTER$60 },
-		size: { converter: STRING_CONVERTER$60 },
-		weight: { converter: STRING_CONVERTER$60 },
-		tone: { converter: STRING_CONVERTER$60 },
+		label: { converter: STRING_CONVERTER$62 },
+		size: { converter: STRING_CONVERTER$62 },
+		weight: { converter: STRING_CONVERTER$62 },
+		tone: { converter: STRING_CONVERTER$62 },
 		icon: { attribute: false }
 	};
 	/** 一个 glyph 节点归谁，首次见到时定死。 */
@@ -6730,8 +6730,8 @@ var XhIconWrapperElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/image.ts
-const STRING_CONVERTER$59 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$38 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$61 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$40 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-image>` —— Light-DOM 行为宿主：作者写 root/image/fallback 角色节点，
 * 元素跑 image 机器并把 connect 产出打上去。图片来源由宿主的 src/alt 写进 image 节点，
@@ -6755,10 +6755,10 @@ var XhImageElement = class extends XhElement {
 		meta: imageMeta
 	};
 	static properties = {
-		src: { converter: STRING_CONVERTER$59 },
-		alt: { converter: STRING_CONVERTER$59 },
+		src: { converter: STRING_CONVERTER$61 },
+		alt: { converter: STRING_CONVERTER$61 },
 		fallbackDelay: {
-			converter: NUMBER_CONVERTER$38,
+			converter: NUMBER_CONVERTER$40,
 			attribute: "fallback-delay"
 		}
 	};
@@ -6814,9 +6814,9 @@ var XhImageElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/image-cropper.ts
-const STRING_CONVERTER$58 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$37 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$44 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$60 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$39 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$46 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 裁切矩形写成逗号分隔的四个数：`x,y,width,height`。
 * 读不出四个有限数就当没写：留下 NaN 会一路写进定位百分比与表单值。
@@ -6887,38 +6887,38 @@ var XhImageCropperElement = class extends XhElement {
 		meta: imageCropperMeta
 	};
 	static properties = {
-		src: { converter: STRING_CONVERTER$58 },
-		alt: { converter: STRING_CONVERTER$58 },
+		src: { converter: STRING_CONVERTER$60 },
+		alt: { converter: STRING_CONVERTER$60 },
 		value: { converter: RECT_CONVERTER },
 		defaultValue: {
 			converter: RECT_CONVERTER,
 			attribute: "default-value"
 		},
 		aspectRatio: {
-			converter: NUMBER_CONVERTER$37,
+			converter: NUMBER_CONVERTER$39,
 			attribute: "aspect-ratio"
 		},
 		minWidth: {
-			converter: NUMBER_CONVERTER$37,
+			converter: NUMBER_CONVERTER$39,
 			attribute: "min-width"
 		},
 		minHeight: {
-			converter: NUMBER_CONVERTER$37,
+			converter: NUMBER_CONVERTER$39,
 			attribute: "min-height"
 		},
-		zoom: { converter: NUMBER_CONVERTER$37 },
+		zoom: { converter: NUMBER_CONVERTER$39 },
 		defaultZoom: {
-			converter: NUMBER_CONVERTER$37,
+			converter: NUMBER_CONVERTER$39,
 			attribute: "default-zoom"
 		},
-		rotation: { converter: NUMBER_CONVERTER$37 },
-		shape: { converter: STRING_CONVERTER$58 },
-		disabled: { converter: BOOLEAN_CONVERTER$44 },
+		rotation: { converter: NUMBER_CONVERTER$39 },
+		shape: { converter: STRING_CONVERTER$60 },
+		disabled: { converter: BOOLEAN_CONVERTER$46 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$44,
+			converter: BOOLEAN_CONVERTER$46,
 			attribute: "read-only"
 		},
-		name: { converter: STRING_CONVERTER$58 },
+		name: { converter: STRING_CONVERTER$60 },
 		translations: { attribute: false }
 	};
 	notifyValue = (details) => {
@@ -7007,8 +7007,8 @@ var XhImageCropperElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/image-viewer.ts
-const BOOLEAN_CONVERTER$43 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
-const NUMBER_CONVERTER$36 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$45 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const NUMBER_CONVERTER$38 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
 /**
 * `<xh-image-viewer>` —— Light-DOM 行为宿主，跑 image-viewer 机器：
 * 模态看片浮层，滚轮缩放、拖拽平移、旋转翻转与多图翻页。
@@ -7052,39 +7052,39 @@ var XhImageViewerElement = class extends XhElement {
 		meta: imageViewerMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$43 },
+		open: { converter: BOOLEAN_CONVERTER$45 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		index: { converter: NUMBER_CONVERTER$36 },
+		index: { converter: NUMBER_CONVERTER$38 },
 		defaultIndex: {
-			converter: NUMBER_CONVERTER$36,
+			converter: NUMBER_CONVERTER$38,
 			attribute: "default-index"
 		},
-		loop: { converter: BOOLEAN_CONVERTER$43 },
+		loop: { converter: BOOLEAN_CONVERTER$45 },
 		zoomStep: {
-			converter: NUMBER_CONVERTER$36,
+			converter: NUMBER_CONVERTER$38,
 			attribute: "zoom-step"
 		},
 		minScale: {
-			converter: NUMBER_CONVERTER$36,
+			converter: NUMBER_CONVERTER$38,
 			attribute: "min-scale"
 		},
 		maxScale: {
-			converter: NUMBER_CONVERTER$36,
+			converter: NUMBER_CONVERTER$38,
 			attribute: "max-scale"
 		},
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$43,
+			converter: BOOLEAN_CONVERTER$45,
 			attribute: "close-on-escape"
 		},
 		closeOnInteractOutside: {
-			converter: BOOLEAN_CONVERTER$43,
+			converter: BOOLEAN_CONVERTER$45,
 			attribute: "close-on-interact-outside"
 		},
 		restoreFocus: {
-			converter: BOOLEAN_CONVERTER$43,
+			converter: BOOLEAN_CONVERTER$45,
 			attribute: "restore-focus"
 		},
 		items: { attribute: false },
@@ -7225,8 +7225,8 @@ var XhImageViewerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/infinite-scroll.ts
-const NUMBER_CONVERTER$35 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$42 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const NUMBER_CONVERTER$37 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$44 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-infinite-scroll>` —— 无限滚动行为宿主：摆在列表末尾的哨兵一进可视区就报「该取下一页了」。
 *
@@ -7249,9 +7249,9 @@ var XhInfiniteScrollElement = class extends XhElement {
 		meta: infiniteScrollMeta
 	};
 	static properties = {
-		distance: { converter: NUMBER_CONVERTER$35 },
-		disabled: { converter: BOOLEAN_CONVERTER$42 },
-		loading: { converter: BOOLEAN_CONVERTER$42 },
+		distance: { converter: NUMBER_CONVERTER$37 },
+		disabled: { converter: BOOLEAN_CONVERTER$44 },
+		loading: { converter: BOOLEAN_CONVERTER$44 },
 		target: { attribute: false }
 	};
 	notify = () => {
@@ -7285,9 +7285,9 @@ var XhInfiniteScrollElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/json-viewer.ts
-const STRING_CONVERTER$57 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$34 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$41 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$59 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$36 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$43 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 const JSON_CONVERTER = { fromAttribute: (v) => {
 	if (v == null) return void 0;
 	try {
@@ -7375,28 +7375,28 @@ var XhJsonViewerElement = class extends XhElement {
 		expandedValue: { attribute: false },
 		defaultExpandedValue: { attribute: false },
 		defaultExpandedDepth: {
-			converter: NUMBER_CONVERTER$34,
+			converter: NUMBER_CONVERTER$36,
 			attribute: "default-expanded-depth"
 		},
 		maxStringLength: {
-			converter: NUMBER_CONVERTER$34,
+			converter: NUMBER_CONVERTER$36,
 			attribute: "max-string-length"
 		},
 		maxItems: {
-			converter: NUMBER_CONVERTER$34,
+			converter: NUMBER_CONVERTER$36,
 			attribute: "max-items"
 		},
 		sortKeys: {
-			converter: BOOLEAN_CONVERTER$41,
+			converter: BOOLEAN_CONVERTER$43,
 			attribute: "sort-keys"
 		},
 		view: { attribute: "view" },
-		loop: { converter: BOOLEAN_CONVERTER$41 },
+		loop: { converter: BOOLEAN_CONVERTER$43 },
 		direction: {
-			converter: STRING_CONVERTER$57,
+			converter: STRING_CONVERTER$59,
 			attribute: "dir"
 		},
-		size: { converter: STRING_CONVERTER$57 },
+		size: { converter: STRING_CONVERTER$59 },
 		translations: { attribute: false }
 	};
 	notify = (details) => {
@@ -7584,7 +7584,7 @@ var XhJsonViewerElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/layout.ts
-const STRING_CONVERTER$56 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$58 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-layout>` —— 页面骨架的 Light-DOM 行为宿主，跑 layout 机器并把 connect 产出打到
 * root/header/sider/content/footer/sider-trigger 角色节点。
@@ -7630,15 +7630,15 @@ var XhLayoutElement = class extends XhElement {
 		},
 		siderWidth: {
 			attribute: "sider-width",
-			converter: STRING_CONVERTER$56
+			converter: STRING_CONVERTER$58
 		},
 		siderCollapsedWidth: {
 			attribute: "sider-collapsed-width",
-			converter: STRING_CONVERTER$56
+			converter: STRING_CONVERTER$58
 		},
 		siderPlacement: {
 			attribute: "sider-placement",
-			converter: STRING_CONVERTER$56
+			converter: STRING_CONVERTER$58
 		},
 		headerFixed: {
 			type: Boolean,
@@ -7687,7 +7687,7 @@ var XhLayoutElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/list.ts
-const STRING_CONVERTER$55 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$57 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-list>` —— Light-DOM 行为宿主，无状态机，把 connectList 产出打到各角色节点。
 * 除 root 外的部件全部可缺省：空列表、只有一行标题的条目都是合法形态。
@@ -7717,7 +7717,7 @@ var XhListElement = class extends XhElement {
 		bordered: { type: Boolean },
 		hoverable: { type: Boolean },
 		split: { type: Boolean },
-		size: { converter: STRING_CONVERTER$55 }
+		size: { converter: STRING_CONVERTER$57 }
 	};
 	wire() {
 		const api = connectList(this.configured("list", {
@@ -7741,8 +7741,8 @@ var XhListElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/listbox.ts
-const STRING_CONVERTER$54 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$40 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$56 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$42 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-listbox>` —— Light-DOM 行为宿主：作者写 root/label/content 与若干 item 角色节点，
 * 元素跑 listbox 机器并把 connect 产出打上去。条目身份取自条目节点上的 value 属性，
@@ -7784,24 +7784,24 @@ var XhListboxElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$54 },
+		value: { converter: STRING_CONVERTER$56 },
 		defaultValue: {
-			converter: STRING_CONVERTER$54,
+			converter: STRING_CONVERTER$56,
 			attribute: "default-value"
 		},
 		multiple: { type: Boolean },
 		selectionMode: {
-			converter: STRING_CONVERTER$54,
+			converter: STRING_CONVERTER$56,
 			attribute: "selection-mode"
 		},
 		disabled: { type: Boolean },
-		loop: { converter: BOOLEAN_CONVERTER$40 },
+		loop: { converter: BOOLEAN_CONVERTER$42 },
 		direction: {
-			converter: STRING_CONVERTER$54,
+			converter: STRING_CONVERTER$56,
 			attribute: "dir"
 		},
-		orientation: { converter: STRING_CONVERTER$54 },
-		typeahead: { converter: BOOLEAN_CONVERTER$40 }
+		orientation: { converter: STRING_CONVERTER$56 },
+		typeahead: { converter: BOOLEAN_CONVERTER$42 }
 	};
 	declaredDisabled = /* @__PURE__ */ new WeakMap();
 	/** 上一帧是否整列禁用：解禁当帧 DOM 上还留着机器写回的 aria-disabled，读不得。 */
@@ -7899,9 +7899,9 @@ var XhListboxElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/loading-bar.ts
-const STRING_CONVERTER$53 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$33 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$39 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$55 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$35 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$41 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 const HEIGHT_CONVERTER = { fromAttribute: (v) => {
 	if (v == null || v === "") return void 0;
 	const px = Number(v);
@@ -7940,23 +7940,23 @@ var XhLoadingBarElement = class extends XhElement {
 		meta: loadingBarMeta
 	};
 	static properties = {
-		value: { converter: NUMBER_CONVERTER$33 },
+		value: { converter: NUMBER_CONVERTER$35 },
 		defaultValue: {
-			converter: NUMBER_CONVERTER$33,
+			converter: NUMBER_CONVERTER$35,
 			attribute: "default-value"
 		},
-		loading: { converter: BOOLEAN_CONVERTER$39 },
+		loading: { converter: BOOLEAN_CONVERTER$41 },
 		height: { converter: HEIGHT_CONVERTER },
-		color: { converter: STRING_CONVERTER$53 },
-		tone: { converter: STRING_CONVERTER$53 },
-		trickle: { converter: BOOLEAN_CONVERTER$39 },
+		color: { converter: STRING_CONVERTER$55 },
+		tone: { converter: STRING_CONVERTER$55 },
+		trickle: { converter: BOOLEAN_CONVERTER$41 },
 		trickleSpeed: {
-			converter: NUMBER_CONVERTER$33,
+			converter: NUMBER_CONVERTER$35,
 			attribute: "trickle-speed"
 		},
-		minimum: { converter: NUMBER_CONVERTER$33 },
+		minimum: { converter: NUMBER_CONVERTER$35 },
 		fadeDuration: {
-			converter: NUMBER_CONVERTER$33,
+			converter: NUMBER_CONVERTER$35,
 			attribute: "fade-duration"
 		},
 		translations: { attribute: false }
@@ -7999,7 +7999,7 @@ var XhLoadingBarElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/log.ts
-const NUMBER_CONVERTER$32 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const NUMBER_CONVERTER$34 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-log>` —— Light-DOM 行为宿主：作者写 root/viewport/content/line 角色节点，
 * 元素把 connectLog 的产出打上去。行长出来时跟随滚动到底部，用户上滚后解除粘附，
@@ -8024,7 +8024,7 @@ var XhLogElement = class extends XhElement {
 		meta: logMeta
 	};
 	static properties = {
-		rows: { converter: NUMBER_CONVERTER$32 },
+		rows: { converter: NUMBER_CONVERTER$34 },
 		loading: { type: Boolean },
 		translations: { attribute: false }
 	};
@@ -8085,8 +8085,8 @@ var XhLogElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/marquee.ts
-const STRING_CONVERTER$52 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$31 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$54 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$33 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-marquee>` —— Light-DOM 行为宿主，无状态机，把 connectMarquee 产出打到 root 与 content 上。
 *
@@ -8113,8 +8113,8 @@ var XhMarqueeElement = class extends XhElement {
 		meta: marqueeMeta
 	};
 	static properties = {
-		direction: { converter: STRING_CONVERTER$52 },
-		speed: { converter: NUMBER_CONVERTER$31 },
+		direction: { converter: STRING_CONVERTER$54 },
+		speed: { converter: NUMBER_CONVERTER$33 },
 		pauseOnHover: {
 			type: Boolean,
 			attribute: "pause-on-hover"
@@ -8141,8 +8141,8 @@ var XhMarqueeElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/masonry.ts
-const STRING_CONVERTER$51 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$38 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$53 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$40 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 列数写整数就是各档同一个列数（`columns="3"`），写 JSON 对象就是逐档的列数
 * （`columns='{"base":1,"md":3}'`）。解析不出对象时当没写：落一个半截对象进去，
@@ -8186,8 +8186,8 @@ var XhMasonryElement = class extends XhElement {
 	};
 	static properties = {
 		columns: { converter: COLUMNS_CONVERTER },
-		gap: { converter: STRING_CONVERTER$51 },
-		sequential: { converter: BOOLEAN_CONVERTER$38 }
+		gap: { converter: STRING_CONVERTER$53 },
+		sequential: { converter: BOOLEAN_CONVERTER$40 }
 	};
 	/** 每一项首次被看到时的序号，重排后 DOM 序等于列序，原序只剩它认得出来。 */
 	seen = /* @__PURE__ */ new WeakMap();
@@ -8263,9 +8263,9 @@ var XhMasonryElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/mention.ts
-const STRING_CONVERTER$50 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$30 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$37 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$52 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$32 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$39 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-mention>` —— Light-DOM 行为宿主：作者写 root/input/positioner/content/item 角色节点，
 * 元素跑 mention 机器并把 connect 产出打上去。浮层定位引擎在本元素里建好、经 refs 注入机器，
@@ -8316,12 +8316,12 @@ var XhMentionElement = class extends XhElement {
 		collection: { attribute: false },
 		translations: { attribute: false },
 		triggerPrefix: {
-			converter: STRING_CONVERTER$50,
+			converter: STRING_CONVERTER$52,
 			attribute: "prefix"
 		},
-		value: { converter: STRING_CONVERTER$50 },
+		value: { converter: STRING_CONVERTER$52 },
 		defaultValue: {
-			converter: STRING_CONVERTER$50,
+			converter: STRING_CONVERTER$52,
 			attribute: "default-value"
 		},
 		disabled: { type: Boolean },
@@ -8330,13 +8330,13 @@ var XhMentionElement = class extends XhElement {
 			attribute: "read-only"
 		},
 		invalid: { type: Boolean },
-		placeholder: { converter: STRING_CONVERTER$50 },
-		loop: { converter: BOOLEAN_CONVERTER$37 },
-		placement: { converter: STRING_CONVERTER$50 },
-		offset: { converter: NUMBER_CONVERTER$30 },
-		variant: { converter: STRING_CONVERTER$50 },
-		tone: { converter: STRING_CONVERTER$50 },
-		size: { converter: STRING_CONVERTER$50 }
+		placeholder: { converter: STRING_CONVERTER$52 },
+		loop: { converter: BOOLEAN_CONVERTER$39 },
+		placement: { converter: STRING_CONVERTER$52 },
+		offset: { converter: NUMBER_CONVERTER$32 },
+		variant: { converter: STRING_CONVERTER$52 },
+		tone: { converter: STRING_CONVERTER$52 },
+		size: { converter: STRING_CONVERTER$52 }
 	};
 	idGen = createCounterIdGenerator();
 	mentionScope = createScope(null, this.idGen);
@@ -8485,9 +8485,9 @@ var XhMentionElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/menu.ts
-const STRING_CONVERTER$49 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$29 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$36 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$51 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$31 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$38 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-menu>` —— Light-DOM 行为宿主：用户写 trigger/positioner/content/item/group/... 角色节点，
 * 元素跑 menu 机器并把 connect 产出打上去。浮层定位引擎在本元素里建好、经 refs 注入机器，
@@ -8521,31 +8521,31 @@ var XhMenuElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		open: { converter: BOOLEAN_CONVERTER$36 },
+		open: { converter: BOOLEAN_CONVERTER$38 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$49 },
-		offset: { converter: NUMBER_CONVERTER$29 },
-		loop: { converter: BOOLEAN_CONVERTER$36 },
+		placement: { converter: STRING_CONVERTER$51 },
+		offset: { converter: NUMBER_CONVERTER$31 },
+		loop: { converter: BOOLEAN_CONVERTER$38 },
 		direction: {
-			converter: STRING_CONVERTER$49,
+			converter: STRING_CONVERTER$51,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$49 },
-		size: { converter: STRING_CONVERTER$49 },
-		submenu: { converter: BOOLEAN_CONVERTER$36 },
+		tone: { converter: STRING_CONVERTER$51 },
+		size: { converter: STRING_CONVERTER$51 },
+		submenu: { converter: BOOLEAN_CONVERTER$38 },
 		openOnHover: {
-			converter: BOOLEAN_CONVERTER$36,
+			converter: BOOLEAN_CONVERTER$38,
 			attribute: "open-on-hover"
 		},
 		hoverOpenDelay: {
-			converter: NUMBER_CONVERTER$29,
+			converter: NUMBER_CONVERTER$31,
 			attribute: "hover-open-delay"
 		},
 		hoverCloseDelay: {
-			converter: NUMBER_CONVERTER$29,
+			converter: NUMBER_CONVERTER$31,
 			attribute: "hover-close-delay"
 		}
 	};
@@ -8699,9 +8699,9 @@ var XhMenuElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/menubar.ts
-const STRING_CONVERTER$48 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$28 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$35 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$50 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$30 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$37 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 读角色节点的禁用声明，并摘掉作者写的原生 disabled，禁用态归一到 aria-disabled。 */
 function authorDisabled$1(el) {
 	const disabled = isItemDisabled(el);
@@ -8755,23 +8755,23 @@ var XhMenubarElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$48 },
+		value: { converter: STRING_CONVERTER$50 },
 		defaultValue: {
-			converter: STRING_CONVERTER$48,
+			converter: STRING_CONVERTER$50,
 			attribute: "default-value"
 		},
-		orientation: { converter: STRING_CONVERTER$48 },
-		loop: { converter: BOOLEAN_CONVERTER$35 },
+		orientation: { converter: STRING_CONVERTER$50 },
+		loop: { converter: BOOLEAN_CONVERTER$37 },
 		direction: {
-			converter: STRING_CONVERTER$48,
+			converter: STRING_CONVERTER$50,
 			attribute: "dir"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$35 },
-		typeahead: { converter: BOOLEAN_CONVERTER$35 },
-		placement: { converter: STRING_CONVERTER$48 },
-		offset: { converter: NUMBER_CONVERTER$28 },
-		tone: { converter: STRING_CONVERTER$48 },
-		size: { converter: STRING_CONVERTER$48 }
+		disabled: { converter: BOOLEAN_CONVERTER$37 },
+		typeahead: { converter: BOOLEAN_CONVERTER$37 },
+		placement: { converter: STRING_CONVERTER$50 },
+		offset: { converter: NUMBER_CONVERTER$30 },
+		tone: { converter: STRING_CONVERTER$50 },
+		size: { converter: STRING_CONVERTER$50 }
 	};
 	idGen = createCounterIdGenerator();
 	barScope = createScope(null, this.idGen);
@@ -8922,9 +8922,9 @@ var XhMenubarElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/navigation-menu.ts
-const STRING_CONVERTER$47 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$27 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$34 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$49 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$29 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$36 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 作者写在角色节点上的布尔声明，三态读法：属性缺席 = false，="false" = false，其余 = true。
 */
@@ -8988,27 +8988,27 @@ var XhNavigationMenuElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$47 },
+		value: { converter: STRING_CONVERTER$49 },
 		defaultValue: {
-			converter: STRING_CONVERTER$47,
+			converter: STRING_CONVERTER$49,
 			attribute: "default-value"
 		},
-		orientation: { converter: STRING_CONVERTER$47 },
+		orientation: { converter: STRING_CONVERTER$49 },
 		delayDuration: {
-			converter: NUMBER_CONVERTER$27,
+			converter: NUMBER_CONVERTER$29,
 			attribute: "delay-duration"
 		},
 		skipDelayDuration: {
-			converter: NUMBER_CONVERTER$27,
+			converter: NUMBER_CONVERTER$29,
 			attribute: "skip-delay-duration"
 		},
 		direction: {
-			converter: STRING_CONVERTER$47,
+			converter: STRING_CONVERTER$49,
 			attribute: "dir"
 		},
-		loop: { converter: BOOLEAN_CONVERTER$34 },
-		tone: { converter: STRING_CONVERTER$47 },
-		size: { converter: STRING_CONVERTER$47 },
+		loop: { converter: BOOLEAN_CONVERTER$36 },
+		tone: { converter: STRING_CONVERTER$49 },
+		size: { converter: STRING_CONVERTER$49 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -9122,9 +9122,9 @@ var XhNavigationMenuElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/notification.ts
-const STRING_CONVERTER$46 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$26 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$33 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$48 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$28 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$35 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 这一摞对应哪个位置。属性缺席就交 undefined，由 connect 回落到队列的 placement。
 * 写坏了照原样交出去：它与九个位没有一个对得上，这摞就一直是空的——
@@ -9162,16 +9162,16 @@ var XhNotificationElement = class extends XhElement {
 	static properties = {
 		items: { attribute: false },
 		defaultItems: { attribute: false },
-		placement: { converter: STRING_CONVERTER$46 },
-		max: { converter: NUMBER_CONVERTER$26 },
-		gap: { converter: NUMBER_CONVERTER$26 },
-		duration: { converter: NUMBER_CONVERTER$26 },
+		placement: { converter: STRING_CONVERTER$48 },
+		max: { converter: NUMBER_CONVERTER$28 },
+		gap: { converter: NUMBER_CONVERTER$28 },
+		duration: { converter: NUMBER_CONVERTER$28 },
 		removeDelay: {
-			converter: NUMBER_CONVERTER$26,
+			converter: NUMBER_CONVERTER$28,
 			attribute: "remove-delay"
 		},
 		pauseOnPageIdle: {
-			converter: BOOLEAN_CONVERTER$33,
+			converter: BOOLEAN_CONVERTER$35,
 			attribute: "pause-on-page-idle"
 		},
 		translations: { attribute: false }
@@ -9305,23 +9305,23 @@ var XhNotificationItemElement = class extends XhElement {
 	static partContract = ITEM_CONTRACT;
 	static properties = {
 		itemId: {
-			converter: STRING_CONVERTER$46,
+			converter: STRING_CONVERTER$48,
 			attribute: "id"
 		},
 		titleText: {
-			converter: STRING_CONVERTER$46,
+			converter: STRING_CONVERTER$48,
 			attribute: "title"
 		},
-		description: { converter: STRING_CONVERTER$46 },
-		type: { converter: STRING_CONVERTER$46 },
-		duration: { converter: NUMBER_CONVERTER$26 },
+		description: { converter: STRING_CONVERTER$48 },
+		type: { converter: STRING_CONVERTER$48 },
+		duration: { converter: NUMBER_CONVERTER$28 },
 		removeDelay: {
-			converter: NUMBER_CONVERTER$26,
+			converter: NUMBER_CONVERTER$28,
 			attribute: "remove-delay"
 		},
-		closable: { converter: BOOLEAN_CONVERTER$33 },
+		closable: { converter: BOOLEAN_CONVERTER$35 },
 		pauseOnPageIdle: {
-			converter: BOOLEAN_CONVERTER$33,
+			converter: BOOLEAN_CONVERTER$35,
 			attribute: "pause-on-page-idle"
 		},
 		translations: { attribute: false }
@@ -9395,9 +9395,9 @@ var XhNotificationItemElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/number-animation.ts
-const STRING_CONVERTER$45 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$25 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$32 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$47 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$27 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$34 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-number-animation>` —— Light-DOM 行为宿主：作者写一个 root 角色节点，
 * 元素跑 number-animation 机器，逐帧把补间算出的数字格式化后写进那个节点。
@@ -9429,16 +9429,16 @@ var XhNumberAnimationElement = class extends XhElement {
 		meta: numberAnimationMeta
 	};
 	static properties = {
-		from: { converter: NUMBER_CONVERTER$25 },
-		to: { converter: NUMBER_CONVERTER$25 },
-		duration: { converter: NUMBER_CONVERTER$25 },
-		easing: { converter: STRING_CONVERTER$45 },
-		precision: { converter: NUMBER_CONVERTER$25 },
-		separator: { converter: STRING_CONVERTER$45 },
-		active: { converter: BOOLEAN_CONVERTER$32 },
-		size: { converter: STRING_CONVERTER$45 },
-		tone: { converter: STRING_CONVERTER$45 },
-		live: { converter: STRING_CONVERTER$45 }
+		from: { converter: NUMBER_CONVERTER$27 },
+		to: { converter: NUMBER_CONVERTER$27 },
+		duration: { converter: NUMBER_CONVERTER$27 },
+		easing: { converter: STRING_CONVERTER$47 },
+		precision: { converter: NUMBER_CONVERTER$27 },
+		separator: { converter: STRING_CONVERTER$47 },
+		active: { converter: BOOLEAN_CONVERTER$34 },
+		size: { converter: STRING_CONVERTER$47 },
+		tone: { converter: STRING_CONVERTER$47 },
+		live: { converter: STRING_CONVERTER$47 }
 	};
 	notify = (details) => {
 		this.dispatchEvent(new CustomEvent("finish", {
@@ -9473,8 +9473,8 @@ var XhNumberAnimationElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/number-field.ts
-const STRING_CONVERTER$44 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$24 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$46 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$26 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 /**
 * `<xh-number-field>` —— Light-DOM 行为宿主：作者写 root/label/input/加减按钮四类角色节点，
 * 元素跑 number-field 机器并把 connect 产出打上去。
@@ -9515,16 +9515,16 @@ var XhNumberFieldElement = class extends XhElement {
 		meta: numberFieldMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$44 },
+		value: { converter: STRING_CONVERTER$46 },
 		defaultValue: {
-			converter: STRING_CONVERTER$44,
+			converter: STRING_CONVERTER$46,
 			attribute: "default-value"
 		},
-		min: { converter: NUMBER_CONVERTER$24 },
-		max: { converter: NUMBER_CONVERTER$24 },
-		step: { converter: NUMBER_CONVERTER$24 },
+		min: { converter: NUMBER_CONVERTER$26 },
+		max: { converter: NUMBER_CONVERTER$26 },
+		step: { converter: NUMBER_CONVERTER$26 },
 		largeStep: {
-			converter: NUMBER_CONVERTER$24,
+			converter: NUMBER_CONVERTER$26,
 			attribute: "large-step"
 		},
 		disabled: { type: Boolean },
@@ -9534,18 +9534,18 @@ var XhNumberFieldElement = class extends XhElement {
 		},
 		required: { type: Boolean },
 		invalid: { type: Boolean },
-		name: { converter: STRING_CONVERTER$44 },
+		name: { converter: STRING_CONVERTER$46 },
 		changeDelay: {
-			converter: NUMBER_CONVERTER$24,
+			converter: NUMBER_CONVERTER$26,
 			attribute: "change-delay"
 		},
 		changeInterval: {
-			converter: NUMBER_CONVERTER$24,
+			converter: NUMBER_CONVERTER$26,
 			attribute: "change-interval"
 		},
-		variant: { converter: STRING_CONVERTER$44 },
-		tone: { converter: STRING_CONVERTER$44 },
-		size: { converter: STRING_CONVERTER$44 },
+		variant: { converter: STRING_CONVERTER$46 },
+		tone: { converter: STRING_CONVERTER$46 },
+		size: { converter: STRING_CONVERTER$46 },
 		parse: { attribute: false },
 		format: { attribute: false }
 	};
@@ -9596,7 +9596,7 @@ var XhNumberFieldElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/page-header.ts
-const STRING_CONVERTER$43 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$45 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-page-header>` —— Light-DOM 行为宿主，无状态机，把 connectPageHeader 产出打到各角色节点。
 * 除 root 外的部件全部可缺省：返回位、标题、副标题、操作、页脚按需摆。
@@ -9620,7 +9620,7 @@ var XhPageHeaderElement = class extends XhElement {
 		meta: pageHeaderMeta
 	};
 	static properties = {
-		size: { converter: STRING_CONVERTER$43 },
+		size: { converter: STRING_CONVERTER$45 },
 		bordered: { type: Boolean }
 	};
 	wire() {
@@ -9642,8 +9642,8 @@ var XhPageHeaderElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/pagination.ts
-const NUMBER_CONVERTER$23 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const STRING_CONVERTER$42 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$25 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$44 = { fromAttribute: (v) => v ?? void 0 };
 /** 页码按钮自报的页数；缺失或空串一律给 NaN（见 wire 里的说明）。 */
 function itemPage(el) {
 	const raw = el.getAttribute("value");
@@ -9688,40 +9688,40 @@ var XhPaginationElement = class extends XhElement {
 		meta: paginationMeta
 	};
 	static properties = {
-		count: { converter: NUMBER_CONVERTER$23 },
+		count: { converter: NUMBER_CONVERTER$25 },
 		pageSize: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "page-size"
 		},
 		defaultPageSize: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "default-page-size"
 		},
 		pageSizeOptions: { attribute: false },
-		page: { converter: NUMBER_CONVERTER$23 },
+		page: { converter: NUMBER_CONVERTER$25 },
 		defaultPage: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "default-page"
 		},
 		siblingCount: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "sibling-count"
 		},
 		direction: {
-			converter: STRING_CONVERTER$42,
+			converter: STRING_CONVERTER$44,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$42 },
-		size: { converter: STRING_CONVERTER$42 },
+		tone: { converter: STRING_CONVERTER$44 },
+		size: { converter: STRING_CONVERTER$44 },
 		translations: { attribute: false },
-		placement: { converter: STRING_CONVERTER$42 },
-		offset: { converter: NUMBER_CONVERTER$23 },
+		placement: { converter: STRING_CONVERTER$44 },
+		offset: { converter: NUMBER_CONVERTER$25 },
 		openDelay: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "open-delay"
 		},
 		closeDelay: {
-			converter: NUMBER_CONVERTER$23,
+			converter: NUMBER_CONVERTER$25,
 			attribute: "close-delay"
 		}
 	};
@@ -9858,8 +9858,8 @@ var XhPaginationElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/password-input.ts
-const STRING_CONVERTER$41 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$31 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$43 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$33 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-password-input>` —— Light-DOM 行为宿主：作者写 root/label/control/input/
 * visibility-trigger/caps-lock-indicator 六类角色节点，元素跑 password-input 机器并把 connect 产出打上去。
@@ -9904,32 +9904,32 @@ var XhPasswordInputElement = class extends XhElement {
 		meta: passwordInputMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$41 },
+		value: { converter: STRING_CONVERTER$43 },
 		defaultValue: {
-			converter: STRING_CONVERTER$41,
+			converter: STRING_CONVERTER$43,
 			attribute: "default-value"
 		},
-		visible: { converter: BOOLEAN_CONVERTER$31 },
+		visible: { converter: BOOLEAN_CONVERTER$33 },
 		defaultVisible: {
-			converter: BOOLEAN_CONVERTER$31,
+			converter: BOOLEAN_CONVERTER$33,
 			attribute: "default-visible"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$31 },
+		disabled: { converter: BOOLEAN_CONVERTER$33 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$31,
+			converter: BOOLEAN_CONVERTER$33,
 			attribute: "read-only"
 		},
-		required: { converter: BOOLEAN_CONVERTER$31 },
-		invalid: { converter: BOOLEAN_CONVERTER$31 },
-		name: { converter: STRING_CONVERTER$41 },
-		placeholder: { converter: STRING_CONVERTER$41 },
+		required: { converter: BOOLEAN_CONVERTER$33 },
+		invalid: { converter: BOOLEAN_CONVERTER$33 },
+		name: { converter: STRING_CONVERTER$43 },
+		placeholder: { converter: STRING_CONVERTER$43 },
 		autoComplete: {
-			converter: STRING_CONVERTER$41,
+			converter: STRING_CONVERTER$43,
 			attribute: "auto-complete"
 		},
-		variant: { converter: STRING_CONVERTER$41 },
-		tone: { converter: STRING_CONVERTER$41 },
-		size: { converter: STRING_CONVERTER$41 },
+		variant: { converter: STRING_CONVERTER$43 },
+		tone: { converter: STRING_CONVERTER$43 },
+		size: { converter: STRING_CONVERTER$43 },
 		translations: { attribute: false }
 	};
 	notifyValue = (details) => {
@@ -9986,8 +9986,8 @@ var XhPasswordInputElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/pin-input.ts
-const STRING_CONVERTER$40 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$22 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const STRING_CONVERTER$42 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$24 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
 const ARRAY_CONVERTER$1 = { fromAttribute: (v) => v == null ? void 0 : [...v] };
 /** 作者写在格子上的下标。缺席或写坏了就退回文档序——手写 HTML 时把格子按顺序排下来本身就是声明。 */
 function declaredIndex(el, position) {
@@ -10038,22 +10038,22 @@ var XhPinInputElement = class extends XhElement {
 			converter: ARRAY_CONVERTER$1,
 			attribute: "default-value"
 		},
-		length: { converter: NUMBER_CONVERTER$22 },
-		type: { converter: STRING_CONVERTER$40 },
-		pattern: { converter: STRING_CONVERTER$40 },
+		length: { converter: NUMBER_CONVERTER$24 },
+		type: { converter: STRING_CONVERTER$42 },
+		pattern: { converter: STRING_CONVERTER$42 },
 		mask: { type: Boolean },
 		otp: { type: Boolean },
-		placeholder: { converter: STRING_CONVERTER$40 },
+		placeholder: { converter: STRING_CONVERTER$42 },
 		disabled: { type: Boolean },
 		invalid: { type: Boolean },
 		blurOnComplete: {
 			type: Boolean,
 			attribute: "blur-on-complete"
 		},
-		name: { converter: STRING_CONVERTER$40 },
-		variant: { converter: STRING_CONVERTER$40 },
-		tone: { converter: STRING_CONVERTER$40 },
-		size: { converter: STRING_CONVERTER$40 },
+		name: { converter: STRING_CONVERTER$42 },
+		variant: { converter: STRING_CONVERTER$42 },
+		tone: { converter: STRING_CONVERTER$42 },
+		size: { converter: STRING_CONVERTER$42 },
 		translations: { attribute: false }
 	};
 	notifyChange = (details) => {
@@ -10110,9 +10110,9 @@ var XhPinInputElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/popconfirm.ts
-const STRING_CONVERTER$39 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$21 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$30 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$41 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$23 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$32 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-popconfirm>` —— Light-DOM 行为宿主：用户写 root/trigger/positioner/content/... 角色节点，
 * 元素跑 popover 机器（开合、定位、消解层、焦点域都在那里）并把 connectPopconfirm 产出打上去。
@@ -10149,22 +10149,22 @@ var XhPopconfirmElement = class extends XhElement {
 		meta: popconfirmMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$30 },
+		open: { converter: BOOLEAN_CONVERTER$32 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$39 },
-		offset: { converter: NUMBER_CONVERTER$21 },
+		placement: { converter: STRING_CONVERTER$41 },
+		offset: { converter: NUMBER_CONVERTER$23 },
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$30,
+			converter: BOOLEAN_CONVERTER$32,
 			attribute: "close-on-escape"
 		},
 		closeOnInteractOutside: {
-			converter: BOOLEAN_CONVERTER$30,
+			converter: BOOLEAN_CONVERTER$32,
 			attribute: "close-on-interact-outside"
 		},
-		size: { converter: STRING_CONVERTER$39 }
+		size: { converter: STRING_CONVERTER$41 }
 	};
 	idGen = createCounterIdGenerator();
 	popconfirmScope = createScope(null, this.idGen);
@@ -10290,9 +10290,9 @@ var XhPopconfirmElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/popover.ts
-const STRING_CONVERTER$38 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$20 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$29 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$40 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$22 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$31 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-popover>` —— Light-DOM 行为宿主：用户写 trigger/positioner/content/... 角色节点，
 * 元素跑 popover 机器并把 connect 产出打上去。浮层定位引擎在本元素里建好、经 refs 注入机器，
@@ -10322,23 +10322,23 @@ var XhPopoverElement = class extends XhElement {
 		meta: popoverMeta
 	};
 	static properties = {
-		open: { converter: BOOLEAN_CONVERTER$29 },
+		open: { converter: BOOLEAN_CONVERTER$31 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$38 },
-		offset: { converter: NUMBER_CONVERTER$20 },
-		modal: { converter: BOOLEAN_CONVERTER$29 },
+		placement: { converter: STRING_CONVERTER$40 },
+		offset: { converter: NUMBER_CONVERTER$22 },
+		modal: { converter: BOOLEAN_CONVERTER$31 },
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$29,
+			converter: BOOLEAN_CONVERTER$31,
 			attribute: "close-on-escape"
 		},
 		closeOnInteractOutside: {
-			converter: BOOLEAN_CONVERTER$29,
+			converter: BOOLEAN_CONVERTER$31,
 			attribute: "close-on-interact-outside"
 		},
-		size: { converter: STRING_CONVERTER$38 },
+		size: { converter: STRING_CONVERTER$40 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -10449,9 +10449,9 @@ var XhPopoverElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/popselect.ts
-const STRING_CONVERTER$37 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$19 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$28 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$39 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$21 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$30 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-popselect>` —— Light-DOM 行为宿主：作者写 root/trigger/positioner/content/item 角色节点，
 * 元素同时跑两台机器——浮层开合、定位、消解层与焦点域归 popover，选中集合与焦点锚点归 listbox——
@@ -10500,37 +10500,37 @@ var XhPopselectElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$37 },
+		value: { converter: STRING_CONVERTER$39 },
 		defaultValue: {
-			converter: STRING_CONVERTER$37,
+			converter: STRING_CONVERTER$39,
 			attribute: "default-value"
 		},
 		multiple: { type: Boolean },
 		disabled: { type: Boolean },
-		loop: { converter: BOOLEAN_CONVERTER$28 },
-		typeahead: { converter: BOOLEAN_CONVERTER$28 },
+		loop: { converter: BOOLEAN_CONVERTER$30 },
+		typeahead: { converter: BOOLEAN_CONVERTER$30 },
 		direction: {
-			converter: STRING_CONVERTER$37,
+			converter: STRING_CONVERTER$39,
 			attribute: "dir"
 		},
-		open: { converter: BOOLEAN_CONVERTER$28 },
+		open: { converter: BOOLEAN_CONVERTER$30 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
-		placement: { converter: STRING_CONVERTER$37 },
-		offset: { converter: NUMBER_CONVERTER$19 },
+		placement: { converter: STRING_CONVERTER$39 },
+		offset: { converter: NUMBER_CONVERTER$21 },
 		closeOnEscape: {
-			converter: BOOLEAN_CONVERTER$28,
+			converter: BOOLEAN_CONVERTER$30,
 			attribute: "close-on-escape"
 		},
 		closeOnInteractOutside: {
-			converter: BOOLEAN_CONVERTER$28,
+			converter: BOOLEAN_CONVERTER$30,
 			attribute: "close-on-interact-outside"
 		},
-		variant: { converter: STRING_CONVERTER$37 },
-		tone: { converter: STRING_CONVERTER$37 },
-		size: { converter: STRING_CONVERTER$37 },
+		variant: { converter: STRING_CONVERTER$39 },
+		tone: { converter: STRING_CONVERTER$39 },
+		size: { converter: STRING_CONVERTER$39 },
 		translations: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -10779,7 +10779,7 @@ var XhProgressElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/qr-code.ts
-const STRING_CONVERTER$36 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$38 = { fromAttribute: (v) => v ?? void 0 };
 const SVG_NS = "http://www.w3.org/2000/svg";
 /** 本元素生成的几何节点的标记：作者写的节点不带它，重画时只清掉自己生成的那几个。 */
 const GEOM_ATTR = "data-xh-geom";
@@ -10824,20 +10824,20 @@ var XhQrCodeElement = class extends XhElement {
 		}
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$36 },
-		level: { converter: STRING_CONVERTER$36 },
-		label: { converter: STRING_CONVERTER$36 },
+		value: { converter: STRING_CONVERTER$38 },
+		level: { converter: STRING_CONVERTER$38 },
+		label: { converter: STRING_CONVERTER$38 },
 		pixelSize: {
 			type: Number,
 			attribute: "pixel-size"
 		},
 		margin: { type: Number },
 		moduleShape: {
-			converter: STRING_CONVERTER$36,
+			converter: STRING_CONVERTER$38,
 			attribute: "module-shape"
 		},
 		eyeShape: {
-			converter: STRING_CONVERTER$36,
+			converter: STRING_CONVERTER$38,
 			attribute: "eye-shape"
 		}
 	};
@@ -11050,9 +11050,9 @@ var XhRadioGroupElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/rating.ts
-const STRING_CONVERTER$35 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$18 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$27 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$37 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$20 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$29 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-rating>` —— Light-DOM 行为宿主：作者写 root/label/control 与若干 item 角色节点
 * （可选再写一个 hidden-input 参与表单提交），元素跑 rating 机器并把 connect 产出打上去。
@@ -11088,33 +11088,33 @@ var XhRatingElement = class extends XhElement {
 		meta: ratingMeta
 	};
 	static properties = {
-		value: { converter: NUMBER_CONVERTER$18 },
+		value: { converter: NUMBER_CONVERTER$20 },
 		defaultValue: {
-			converter: NUMBER_CONVERTER$18,
+			converter: NUMBER_CONVERTER$20,
 			attribute: "default-value"
 		},
-		count: { converter: NUMBER_CONVERTER$18 },
+		count: { converter: NUMBER_CONVERTER$20 },
 		allowHalf: {
-			converter: BOOLEAN_CONVERTER$27,
+			converter: BOOLEAN_CONVERTER$29,
 			attribute: "allow-half"
 		},
 		allowClear: {
-			converter: BOOLEAN_CONVERTER$27,
+			converter: BOOLEAN_CONVERTER$29,
 			attribute: "allow-clear"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$27 },
+		disabled: { converter: BOOLEAN_CONVERTER$29 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$27,
+			converter: BOOLEAN_CONVERTER$29,
 			attribute: "read-only"
 		},
-		required: { converter: BOOLEAN_CONVERTER$27 },
-		name: { converter: STRING_CONVERTER$35 },
+		required: { converter: BOOLEAN_CONVERTER$29 },
+		name: { converter: STRING_CONVERTER$37 },
 		direction: {
-			converter: STRING_CONVERTER$35,
+			converter: STRING_CONVERTER$37,
 			attribute: "dir"
 		},
-		tone: { converter: STRING_CONVERTER$35 },
-		size: { converter: STRING_CONVERTER$35 }
+		tone: { converter: STRING_CONVERTER$37 },
+		size: { converter: STRING_CONVERTER$37 }
 	};
 	notifyValue = (details) => {
 		this.dispatchEvent(new CustomEvent("value-change", {
@@ -11179,8 +11179,161 @@ var XhRatingElement = class extends XhElement {
 	}
 };
 //#endregion
+//#region src/elements/resizable.ts
+const STRING_CONVERTER$36 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$19 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$28 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+/** 尺寸写成 `宽x高`（如 `320x200`）。解析不出两个有限数就当没写。 */
+const SIZE_CONVERTER = { fromAttribute: (v) => {
+	if (v == null || v.trim() === "") return void 0;
+	const [w, h] = v.split(/[x,\s]+/).map(Number);
+	return Number.isFinite(w) && Number.isFinite(h) ? {
+		width: w,
+		height: h
+	} : void 0;
+} };
+/** 开放的边写成逗号分隔（如 `e,s,se`）。 */
+const EDGES_CONVERTER = { fromAttribute: (v) => {
+	if (v == null || v.trim() === "") return void 0;
+	const out = v.split(",").map((s) => s.trim()).filter(Boolean);
+	return out.length ? out : void 0;
+} };
+/**
+* `<xh-resizable>` —— Light-DOM 行为宿主：作者写 root 与八向 handle 角色节点，
+* 元素跑 resizable 机器并把 connect 产出打上去。
+*
+* 每个 handle 用 `edge` 属性写明自己是哪条边（`n` / `ne` / `e` / `se` / `s` / `sw` / `w` / `nw`），
+* 与 Vue 侧的 `:edge` 是同一份声明。
+*
+* 尺寸由元素每帧写进 root 的内联 `inline-size` / `block-size`，作者的样式表不要再碰这两条轴。
+* **推西边与北边时容器的起点会动**，那段位移写成 root 的 `left` / `top`——皮肤已给
+* `position: relative`，开箱即对；把 root 改成 `static` 会让这两个方向只变尺寸不移位。
+*
+* 键盘全在把手上：方向键按屏幕方向推一步（推东边时右键变宽、推西边时右键变窄，与拖动同义），
+* 按住 Shift 走大步，Home / End 推到这条边能到的两端。
+*
+* @customElement xh-resizable
+* @attr {string} size - 受控尺寸，写成 `宽x高`（如 `320x200`）；缺省该属性即非受控
+* @attr {string} default-size - 非受控初值，同样写成 `宽x高`
+* @attr {number} min-width - 宽度下限
+* @attr {number} min-height - 高度下限
+* @attr {number} max-width - 宽度上限；不给即不封顶
+* @attr {number} max-height - 高度上限；不给即不封顶
+* @attr {number} aspect-ratio - 宽高比（宽 ÷ 高）。给了就锁死，四个角以宽为准
+* @attr {number} step - 吸附步进：宽高各自落到最近的整数倍
+* @attr {number} keyboard-step - 方向键一次推多远（px），默认 8
+* @attr {number} keyboard-large-step - 按住 Shift 时的步长（px），默认 40
+* @attr {string} edges - 开放哪几条边，逗号分隔（如 `e,s,se`）；默认八向全开
+* @attr {boolean} disabled - 禁用：把手退出 Tab 序列，按下也不进调整
+* @attr {'ltr'|'rtl'} dir - 文字方向，只对调水平位移与左右两键的正负，默认 ltr
+* @fires size-change - 尺寸变化（拖动途中会连发）；detail 为 `{ size }`
+* @fires size-change-end - 一次调整收尾发一次；detail 为 `{ size, edge }`
+* @csspart root - 承载 data-resizing / data-edge / data-disabled 的容器，尺寸写在它的内联样式上
+* @csspart handle - role=separator 的把手，指针与键盘交互全在它身上
+*/
+var XhResizableElement = class extends XhElement {
+	static partContract = {
+		anatomy: resizableAnatomy,
+		meta: resizableMeta
+	};
+	static properties = {
+		size: { converter: SIZE_CONVERTER },
+		defaultSize: {
+			converter: SIZE_CONVERTER,
+			attribute: "default-size"
+		},
+		minWidth: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "min-width"
+		},
+		minHeight: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "min-height"
+		},
+		maxWidth: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "max-width"
+		},
+		maxHeight: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "max-height"
+		},
+		aspectRatio: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "aspect-ratio"
+		},
+		step: { converter: NUMBER_CONVERTER$19 },
+		keyboardStep: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "keyboard-step"
+		},
+		keyboardLargeStep: {
+			converter: NUMBER_CONVERTER$19,
+			attribute: "keyboard-large-step"
+		},
+		edges: { converter: EDGES_CONVERTER },
+		disabled: { converter: BOOLEAN_CONVERTER$28 },
+		direction: {
+			converter: STRING_CONVERTER$36,
+			attribute: "dir"
+		}
+	};
+	idGen = createCounterIdGenerator();
+	resizableScope = createScope(null, this.idGen);
+	notifySize = (details) => {
+		this.dispatchEvent(new CustomEvent("size-change", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
+	notifySizeEnd = (details) => {
+		this.dispatchEvent(new CustomEvent("size-change-end", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
+	ctrl = new MachineController(this, resizableMachine, () => this.machineProps(), {
+		scope: this.resizableScope,
+		onBuilt: (svc) => this.injectRefs(svc)
+	});
+	machineProps() {
+		return {
+			size: this.size,
+			defaultSize: this.defaultSize,
+			minWidth: this.minWidth,
+			minHeight: this.minHeight,
+			maxWidth: this.maxWidth,
+			maxHeight: this.maxHeight,
+			aspectRatio: this.aspectRatio,
+			step: this.step,
+			keyboardStep: this.keyboardStep,
+			keyboardLargeStep: this.keyboardLargeStep,
+			edges: this.edges,
+			disabled: this.disabled ?? false,
+			dir: this.direction,
+			onSizeChange: this.notifySize,
+			onSizeChangeEnd: this.notifySizeEnd
+		};
+	}
+	injectRefs(svc) {
+		svc.refs.set("getRootEl", () => this.getPart("root"));
+	}
+	/** 把手自报的边。没写就落东南角——那是文档流里最常见的那个。 */
+	edgeOf(el) {
+		return el.getAttribute("edge") ?? "se";
+	}
+	wire() {
+		const api = connectResizable(this.ctrl.service, wcNormalize);
+		const root = this.getPart("root");
+		if (root) this.spreader.spread(root, api.getRootProps());
+		for (const el of this.getParts("handle")) this.spreader.spread(el, api.getHandleProps({ edge: this.edgeOf(el) }));
+	}
+};
+//#endregion
 //#region src/elements/result.ts
-const STRING_CONVERTER$34 = { fromAttribute: (v) => v ?? void 0 };
+const STRING_CONVERTER$35 = { fromAttribute: (v) => v ?? void 0 };
 /**
 * `<xh-result>` —— 结果页行为宿主，无状态机，把 connectResult 产出的属性打到角色节点上。
 *
@@ -11204,8 +11357,8 @@ var XhResultElement = class extends XhElement {
 		meta: resultMeta
 	};
 	static properties = {
-		status: { converter: STRING_CONVERTER$34 },
-		size: { converter: STRING_CONVERTER$34 }
+		status: { converter: STRING_CONVERTER$35 },
+		size: { converter: STRING_CONVERTER$35 }
 	};
 	wire() {
 		const props = {
@@ -11226,9 +11379,9 @@ var XhResultElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/scroll-area.ts
-const STRING_CONVERTER$33 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$17 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$26 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$34 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$18 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$27 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-scroll-area>` —— Light-DOM 行为宿主：作者写 root/viewport/content 与两条 scrollbar
 * 角色节点，元素按轴各跑一台 scrollbar 机器并把 connect 产出打上去。
@@ -11266,19 +11419,19 @@ var XhScrollAreaElement = class extends XhElement {
 		delegates: [scrollbarAnatomy]
 	};
 	static properties = {
-		type: { converter: STRING_CONVERTER$33 },
+		type: { converter: STRING_CONVERTER$34 },
 		hideDelay: {
-			converter: NUMBER_CONVERTER$17,
+			converter: NUMBER_CONVERTER$18,
 			attribute: "hide-delay"
 		},
-		orientation: { converter: STRING_CONVERTER$33 },
-		size: { converter: STRING_CONVERTER$33 },
+		orientation: { converter: STRING_CONVERTER$34 },
+		size: { converter: STRING_CONVERTER$34 },
 		direction: {
-			converter: STRING_CONVERTER$33,
+			converter: STRING_CONVERTER$34,
 			attribute: "dir"
 		},
 		forceVisible: {
-			converter: BOOLEAN_CONVERTER$26,
+			converter: BOOLEAN_CONVERTER$27,
 			attribute: "force-visible"
 		}
 	};
@@ -11343,9 +11496,9 @@ var XhScrollAreaElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/scrollbar.ts
-const STRING_CONVERTER$32 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$16 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$25 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$33 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$17 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$26 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-scrollbar>` —— Light-DOM 行为宿主：作者写 root/track/thumb 三个角色节点，
 * 元素跑 scrollbar 机器并把 connect 产出打上去。
@@ -11390,28 +11543,28 @@ var XhScrollbarElement = class extends XhElement {
 		meta: scrollbarMeta
 	};
 	static properties = {
-		controls: { converter: STRING_CONVERTER$32 },
-		orientation: { converter: STRING_CONVERTER$32 },
-		type: { converter: STRING_CONVERTER$32 },
+		controls: { converter: STRING_CONVERTER$33 },
+		orientation: { converter: STRING_CONVERTER$33 },
+		type: { converter: STRING_CONVERTER$33 },
 		hideDelay: {
-			converter: NUMBER_CONVERTER$16,
+			converter: NUMBER_CONVERTER$17,
 			attribute: "hide-delay"
 		},
 		minThumbSize: {
-			converter: NUMBER_CONVERTER$16,
+			converter: NUMBER_CONVERTER$17,
 			attribute: "min-thumb-size"
 		},
-		step: { converter: NUMBER_CONVERTER$16 },
-		size: { converter: STRING_CONVERTER$32 },
-		disabled: { converter: BOOLEAN_CONVERTER$25 },
-		focusable: { converter: BOOLEAN_CONVERTER$25 },
-		gutter: { converter: BOOLEAN_CONVERTER$25 },
+		step: { converter: NUMBER_CONVERTER$17 },
+		size: { converter: STRING_CONVERTER$33 },
+		disabled: { converter: BOOLEAN_CONVERTER$26 },
+		focusable: { converter: BOOLEAN_CONVERTER$26 },
+		gutter: { converter: BOOLEAN_CONVERTER$26 },
 		forceVisible: {
-			converter: BOOLEAN_CONVERTER$25,
+			converter: BOOLEAN_CONVERTER$26,
 			attribute: "force-visible"
 		},
 		direction: {
-			converter: STRING_CONVERTER$32,
+			converter: STRING_CONVERTER$33,
 			attribute: "dir"
 		},
 		scrollable: { attribute: false },
@@ -11476,8 +11629,8 @@ var XhScrollbarElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/segmented.ts
-const STRING_CONVERTER$31 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$24 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$32 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$25 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-segmented>` —— Light-DOM 行为宿主：作者写 root 与若干 item 角色节点，
 * 元素跑 segmented 机器并把 connect 产出打上去。段须是原生 `<button>`
@@ -11515,28 +11668,28 @@ var XhSegmentedElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$31 },
+		value: { converter: STRING_CONVERTER$32 },
 		defaultValue: {
-			converter: STRING_CONVERTER$31,
+			converter: STRING_CONVERTER$32,
 			attribute: "default-value"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$24 },
+		disabled: { converter: BOOLEAN_CONVERTER$25 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$24,
+			converter: BOOLEAN_CONVERTER$25,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$24 },
-		required: { converter: BOOLEAN_CONVERTER$24 },
-		name: { converter: STRING_CONVERTER$31 },
-		orientation: { converter: STRING_CONVERTER$31 },
+		invalid: { converter: BOOLEAN_CONVERTER$25 },
+		required: { converter: BOOLEAN_CONVERTER$25 },
+		name: { converter: STRING_CONVERTER$32 },
+		orientation: { converter: STRING_CONVERTER$32 },
 		direction: {
-			converter: STRING_CONVERTER$31,
+			converter: STRING_CONVERTER$32,
 			attribute: "dir"
 		},
-		loop: { converter: BOOLEAN_CONVERTER$24 },
-		block: { converter: BOOLEAN_CONVERTER$24 },
-		tone: { converter: STRING_CONVERTER$31 },
-		size: { converter: STRING_CONVERTER$31 }
+		loop: { converter: BOOLEAN_CONVERTER$25 },
+		block: { converter: BOOLEAN_CONVERTER$25 },
+		tone: { converter: STRING_CONVERTER$32 },
+		size: { converter: STRING_CONVERTER$32 }
 	};
 	declaredDisabled = /* @__PURE__ */ new WeakMap();
 	/** 上一帧是否整组禁用：解禁当帧 DOM 上还留着机器写回的 aria-disabled，读不得。 */
@@ -11639,9 +11792,9 @@ var XhSegmentedElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/select.ts
-const STRING_CONVERTER$30 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$15 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$23 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$31 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$16 = { fromAttribute: (v) => v === null ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$24 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-select>` —— Light-DOM 行为宿主：用户写 root/trigger/value-text/positioner/content/item/...
 * 角色节点，元素跑 select 机器并把 connect 产出打上去。浮层定位引擎在本元素里建好、经 refs 注入机器，
@@ -11698,39 +11851,39 @@ var XhSelectElement = class extends XhElement {
 	};
 	static properties = {
 		collection: { attribute: false },
-		value: { converter: STRING_CONVERTER$30 },
+		value: { converter: STRING_CONVERTER$31 },
 		defaultValue: {
-			converter: STRING_CONVERTER$30,
+			converter: STRING_CONVERTER$31,
 			attribute: "default-value"
 		},
-		open: { converter: BOOLEAN_CONVERTER$23 },
+		open: { converter: BOOLEAN_CONVERTER$24 },
 		defaultOpen: {
 			type: Boolean,
 			attribute: "default-open"
 		},
 		disabled: { type: Boolean },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$23,
+			converter: BOOLEAN_CONVERTER$24,
 			attribute: "read-only"
 		},
 		invalid: { type: Boolean },
 		required: { type: Boolean },
-		name: { converter: STRING_CONVERTER$30 },
-		placeholder: { converter: STRING_CONVERTER$30 },
-		placement: { converter: STRING_CONVERTER$30 },
-		offset: { converter: NUMBER_CONVERTER$15 },
-		loop: { converter: BOOLEAN_CONVERTER$23 },
+		name: { converter: STRING_CONVERTER$31 },
+		placeholder: { converter: STRING_CONVERTER$31 },
+		placement: { converter: STRING_CONVERTER$31 },
+		offset: { converter: NUMBER_CONVERTER$16 },
+		loop: { converter: BOOLEAN_CONVERTER$24 },
 		multiple: { type: Boolean },
 		direction: {
-			converter: STRING_CONVERTER$30,
+			converter: STRING_CONVERTER$31,
 			attribute: "dir"
 		},
-		variant: { converter: STRING_CONVERTER$30 },
-		tone: { converter: STRING_CONVERTER$30 },
-		size: { converter: STRING_CONVERTER$30 },
+		variant: { converter: STRING_CONVERTER$31 },
+		tone: { converter: STRING_CONVERTER$31 },
+		size: { converter: STRING_CONVERTER$31 },
 		translations: { attribute: false },
 		maxTagCount: {
-			converter: NUMBER_CONVERTER$15,
+			converter: NUMBER_CONVERTER$16,
 			attribute: "max-tag-count"
 		}
 	};
@@ -11967,8 +12120,8 @@ var XhSeparatorElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/side-nav.ts
-const STRING_CONVERTER$29 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$22 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$30 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$23 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 分支一系的归属容器；嵌套分支各认最近的那个。 */
 const BRANCH_SELECTOR$2 = "[data-xh-part=\"branch\"]";
 /** 分组一系的归属容器。 */
@@ -12009,21 +12162,21 @@ var XhSideNavElement = class extends XhElement {
 		meta: sideNavMeta
 	};
 	static properties = {
-		value: { converter: STRING_CONVERTER$29 },
+		value: { converter: STRING_CONVERTER$30 },
 		defaultValue: {
-			converter: STRING_CONVERTER$29,
+			converter: STRING_CONVERTER$30,
 			attribute: "default-value"
 		},
-		accordion: { converter: BOOLEAN_CONVERTER$22 },
-		collapsed: { converter: BOOLEAN_CONVERTER$22 },
+		accordion: { converter: BOOLEAN_CONVERTER$23 },
+		collapsed: { converter: BOOLEAN_CONVERTER$23 },
 		collapsedPopout: {
-			converter: BOOLEAN_CONVERTER$22,
+			converter: BOOLEAN_CONVERTER$23,
 			attribute: "collapsed-popout"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$22 },
-		loop: { converter: BOOLEAN_CONVERTER$22 },
+		disabled: { converter: BOOLEAN_CONVERTER$23 },
+		loop: { converter: BOOLEAN_CONVERTER$23 },
 		direction: {
-			converter: STRING_CONVERTER$29,
+			converter: STRING_CONVERTER$30,
 			attribute: "dir"
 		},
 		collection: { attribute: false },
@@ -12174,8 +12327,8 @@ var XhSideNavElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/signature-pad.ts
-const STRING_CONVERTER$28 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$21 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$29 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$22 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * `<xh-signature-pad>` —— Light-DOM 行为宿主：作者写 root / control / segment 三个必需角色节点
 * （可再写 label、guide、clear-trigger 与 hidden-input），元素跑 signature-pad 机器并把 connect 产出打上去。
@@ -12212,14 +12365,14 @@ var XhSignaturePadElement = class extends XhElement {
 		meta: signaturePadMeta
 	};
 	static properties = {
-		disabled: { converter: BOOLEAN_CONVERTER$21 },
+		disabled: { converter: BOOLEAN_CONVERTER$22 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$21,
+			converter: BOOLEAN_CONVERTER$22,
 			attribute: "read-only"
 		},
-		required: { converter: BOOLEAN_CONVERTER$21 },
-		invalid: { converter: BOOLEAN_CONVERTER$21 },
-		name: { converter: STRING_CONVERTER$28 },
+		required: { converter: BOOLEAN_CONVERTER$22 },
+		invalid: { converter: BOOLEAN_CONVERTER$22 },
+		name: { converter: STRING_CONVERTER$29 },
 		drawing: { attribute: false },
 		translations: { attribute: false }
 	};
@@ -12305,8 +12458,8 @@ var XhSignaturePadElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/skeleton.ts
-const STRING_CONVERTER$27 = { fromAttribute: (v) => v ?? void 0 };
-const BOOLEAN_CONVERTER$20 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$28 = { fromAttribute: (v) => v ?? void 0 };
+const BOOLEAN_CONVERTER$21 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /** 允许的形状名，作者写错时落回容器的默认值。 */
 const VARIANTS = [
 	"text",
@@ -12336,8 +12489,8 @@ var XhSkeletonElement = class extends XhElement {
 		meta: skeletonMeta
 	};
 	static properties = {
-		loading: { converter: BOOLEAN_CONVERTER$20 },
-		variant: { converter: STRING_CONVERTER$27 }
+		loading: { converter: BOOLEAN_CONVERTER$21 },
+		variant: { converter: STRING_CONVERTER$28 }
 	};
 	wire() {
 		const api = connectSkeleton({
@@ -12351,9 +12504,9 @@ var XhSkeletonElement = class extends XhElement {
 };
 //#endregion
 //#region src/elements/slider.ts
-const STRING_CONVERTER$26 = { fromAttribute: (v) => v ?? void 0 };
-const NUMBER_CONVERTER$14 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
-const BOOLEAN_CONVERTER$19 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+const STRING_CONVERTER$27 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$15 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$20 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
 /**
 * 值恒是数组，属性写成逗号分隔（单滑块 value="30"，双滑块 value="20,80"）。
 * 解析不出任何有限数就当没写：留下 NaN 会一路写进 aria-valuenow 与定位百分比。
@@ -12415,36 +12568,36 @@ var XhSliderElement = class extends XhElement {
 			converter: NUMBER_LIST_CONVERTER$1,
 			attribute: "default-value"
 		},
-		min: { converter: NUMBER_CONVERTER$14 },
-		max: { converter: NUMBER_CONVERTER$14 },
-		step: { converter: NUMBER_CONVERTER$14 },
+		min: { converter: NUMBER_CONVERTER$15 },
+		max: { converter: NUMBER_CONVERTER$15 },
+		step: { converter: NUMBER_CONVERTER$15 },
 		largeStep: {
-			converter: NUMBER_CONVERTER$14,
+			converter: NUMBER_CONVERTER$15,
 			attribute: "large-step"
 		},
 		minStepsBetweenThumbs: {
-			converter: NUMBER_CONVERTER$14,
+			converter: NUMBER_CONVERTER$15,
 			attribute: "min-steps-between-thumbs"
 		},
 		snapToMarks: {
-			converter: BOOLEAN_CONVERTER$19,
+			converter: BOOLEAN_CONVERTER$20,
 			attribute: "snap-to-marks"
 		},
 		marks: { attribute: false },
-		orientation: { converter: STRING_CONVERTER$26 },
+		orientation: { converter: STRING_CONVERTER$27 },
 		direction: {
-			converter: STRING_CONVERTER$26,
+			converter: STRING_CONVERTER$27,
 			attribute: "dir"
 		},
-		disabled: { converter: BOOLEAN_CONVERTER$19 },
+		disabled: { converter: BOOLEAN_CONVERTER$20 },
 		readOnly: {
-			converter: BOOLEAN_CONVERTER$19,
+			converter: BOOLEAN_CONVERTER$20,
 			attribute: "read-only"
 		},
-		invalid: { converter: BOOLEAN_CONVERTER$19 },
-		tone: { converter: STRING_CONVERTER$26 },
-		size: { converter: STRING_CONVERTER$26 },
-		name: { converter: STRING_CONVERTER$26 },
+		invalid: { converter: BOOLEAN_CONVERTER$20 },
+		tone: { converter: STRING_CONVERTER$27 },
+		size: { converter: STRING_CONVERTER$27 },
+		name: { converter: STRING_CONVERTER$27 },
 		getValueText: { attribute: false }
 	};
 	idGen = createCounterIdGenerator();
@@ -12527,6 +12680,145 @@ var XhSliderElement = class extends XhElement {
 	}
 };
 //#endregion
+//#region src/elements/sortable.ts
+const STRING_CONVERTER$26 = { fromAttribute: (v) => v ?? void 0 };
+const NUMBER_CONVERTER$14 = { fromAttribute: (v) => v == null || v === "" ? void 0 : Number(v) };
+const BOOLEAN_CONVERTER$19 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+/** 顺序写成逗号分隔的标识串（ids="a,b,c"）。空串当没写。 */
+const ID_LIST_CONVERTER = { fromAttribute: (v) => {
+	if (v == null || v.trim() === "") return void 0;
+	const out = v.split(",").map((s) => s.trim()).filter(Boolean);
+	return out.length ? out : void 0;
+} };
+/**
+* `<xh-sortable>` —— Light-DOM 行为宿主：作者写 root/item/item-handle/live-region 角色节点，
+* 元素跑 sortable 机器并把 connect 产出打上去。
+*
+* 顺序的唯一真源是 `ids`，DOM 里项的先后必须与它一致——几何按 DOM 量，事件按 `ids` 算。
+* 每个 item 与它的 item-handle 都要用 `item-id` 属性写明自己是哪一项（与 Vue 侧的 `:item-id` 同一份声明）。
+* 单独禁掉某一项写 `item-disabled`。不给 item-handle 时整项可拖。
+*
+* 拖动落点走乐观投影：拖动过程中其余项实时让位，松手即定。让位与跟手的位移由元素每帧
+* 写进内联 transform，作者的样式表不要再碰这条属性。
+*
+* 键盘全在手柄上：空格或回车拾起、方向键挪一格、再按空格放下、Esc 取消。
+* 拖动中的 Tab 会被拦下——焦点一旦移走，这一场就没有出口了。
+*
+* @customElement xh-sortable
+* @attr {string} ids - 顺序真源，逗号分隔的项标识（如 "a,b,c"）
+* @attr {'horizontal'|'vertical'|'both'} orientation - 排序轴，默认 vertical；换行网格用 both
+* @attr {'ltr'|'rtl'} dir - 文字方向，只对调水平排布下左右两键的语义，默认 ltr
+* @attr {boolean} disabled - 禁用：手柄退出 Tab 序列，按下也不进拖动
+* @attr {number} activation-distance - 按下之后走多远才算开始拖，默认 5；给 0 表示按下即拖
+* @attr {boolean} auto-scroll - 拖到容器边缘时自动滚动，默认开
+* @fires sort - 顺序变化；detail 为 `{ from, to, id, ids }`，其中 ids 已重排好
+* @fires drag-start - 拾起；detail 为 `{ id, from, mode }`
+* @fires drag-end - 收尾（含取消）；detail 为 `{ id, from, to, mode, canceled }`
+* @csspart root - 承载 data-orientation / data-disabled / data-dragging 的容器
+* @csspart item - 一项；位移由内联 transform 给出，被拖的那项带 data-dragging
+* @csspart item-handle - role=button 的拖拽手柄，指针与键盘交互全在它身上
+* @csspart live-region - 视觉隐藏的播报区，拖动过程的读屏文案写在这里
+*/
+var XhSortableElement = class extends XhElement {
+	static partContract = {
+		anatomy: sortableAnatomy,
+		meta: sortableMeta
+	};
+	static properties = {
+		ids: { converter: ID_LIST_CONVERTER },
+		orientation: { converter: STRING_CONVERTER$26 },
+		direction: {
+			converter: STRING_CONVERTER$26,
+			attribute: "dir"
+		},
+		disabled: { converter: BOOLEAN_CONVERTER$19 },
+		activationDistance: {
+			converter: NUMBER_CONVERTER$14,
+			attribute: "activation-distance"
+		},
+		autoScroll: {
+			converter: BOOLEAN_CONVERTER$19,
+			attribute: "auto-scroll"
+		}
+	};
+	idGen = createCounterIdGenerator();
+	sortableScope = createScope(null, this.idGen);
+	notifySort = (details) => {
+		this.dispatchEvent(new CustomEvent("sort", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
+	notifyDragStart = (details) => {
+		this.dispatchEvent(new CustomEvent("drag-start", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
+	notifyDragEnd = (details) => {
+		this.dispatchEvent(new CustomEvent("drag-end", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
+	ctrl = new MachineController(this, sortableMachine, () => this.machineProps(), {
+		scope: this.sortableScope,
+		onBuilt: (svc) => this.injectRefs(svc)
+	});
+	machineProps() {
+		return {
+			ids: this.ids ?? [],
+			orientation: this.orientation,
+			dir: this.direction,
+			disabled: this.disabled ?? false,
+			activationDistance: this.activationDistance,
+			autoScroll: this.autoScroll,
+			onSort: this.notifySort,
+			onDragStart: this.notifyDragStart,
+			onDragEnd: this.notifyDragEnd
+		};
+	}
+	injectRefs(svc) {
+		svc.refs.set("getRootEl", () => this.getPart("root"));
+	}
+	/**
+	* 部件自报的项标识。作者在节点上写 item-id="a"，与 Vue 侧的 `:id` 是同一份声明；
+	* 没写就落空串——connect 那边找不到对应项，会当作不可拖的普通节点。
+	*
+	* 不用 `id`：那是 HTML 全局属性，写上去会留在 DOM 里（Vue 侧的同名 prop 不会），
+	* 而且同一项的外壳与手柄同名时会造出两个相同的 DOM id。
+	*/
+	partId(el) {
+		return el.getAttribute("item-id") ?? "";
+	}
+	/** 项级禁用。写 item-disabled 即禁掉这一项，与列表级的 disabled 各管各的。 */
+	partDisabled(el) {
+		const raw = el.getAttribute("item-disabled");
+		return raw != null && raw !== "false";
+	}
+	wire() {
+		const api = connectSortable(this.ctrl.service, wcNormalize);
+		const root = this.getPart("root");
+		if (root) this.spreader.spread(root, api.getRootProps());
+		for (const el of this.getParts("item")) this.spreader.spread(el, api.getItemProps({
+			id: this.partId(el),
+			disabled: this.partDisabled(el)
+		}));
+		for (const el of this.getParts("item-handle")) this.spreader.spread(el, api.getItemHandleProps({
+			id: this.partId(el),
+			disabled: this.partDisabled(el)
+		}));
+		const live = this.getPart("live-region");
+		if (live) {
+			this.spreader.spread(live, api.getLiveRegionProps());
+			live.textContent = this.ctrl.service.context.get("announcement");
+		}
+	}
+};
+//#endregion
 //#region src/elements/space.ts
 const STRING_CONVERTER$25 = { fromAttribute: (v) => v ?? void 0 };
 const BOOLEAN_CONVERTER$18 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
@@ -13049,7 +13341,13 @@ const FOOTER_SELECTOR = "[data-xh-part=\"footer\"]";
 * 同一个 row 部件写在 header / body / footer 里语义不同（表头行、数据行、脚注行），
 * 元素按祖先链现查区段，作者无需换用别的部件名。
 *
-* 两份定义与三个集合都是数组/对象，只走 property（`el.rows = [...]`）。
+* 两份定义与三个集合都是数组/对象，只走 property（`el.rows = [...]`）；
+* 落点校验 `allowRowDrop`（函数）同理。
+*
+* 打开 row-reorderable 后行可以拖着换位：整行都是拖动源。落点画在参照行上——
+* data-drop 为 before/after 是插在这一行前后；rows 带 parentId 的树形表另有 inside，
+* 是放进这一行底下，只有可展开或已经有孩子的行给这一档。触屏那一路走 row-drag-trigger 把手。
+* 键盘走 Alt + 方向键：上下在同层挪一位，左右在树形表下改缩进层级（rtl 下左右对调）。
 *
 * @customElement xh-table
 * @attr {'none'|'single'|'multiple'} selection-mode - 选择模式，默认 none（不声明就没有选择这回事）
@@ -13060,6 +13358,7 @@ const FOOTER_SELECTOR = "[data-xh-part=\"footer\"]";
 * @attr {boolean} borderless - 去掉外框，只留行间横线
 * @attr {boolean} ruled - 列与列之间加竖分隔线
 * @attr {boolean} footer - 表格带脚注行：行号空间的最后一行留给它，aria-rowcount 也算上
+* @attr {boolean} row-reorderable - 行可以拖着换位：整行都是拖动源；触屏那一路走 row-drag-trigger 把手
 * @attr {boolean} loop - 上下键走到首尾回绕，默认关；写 loop="true" 打开
 * @attr {'ltr'|'rtl'} dir - 文字方向，只对调左右方向键的展开/收起语义，默认 ltr
 * @attr {'sm'|'md'|'lg'} size - 密度：只换单元格的纵向内边距与字号，列宽不受影响
@@ -13069,6 +13368,8 @@ const FOOTER_SELECTOR = "[data-xh-part=\"footer\"]";
 * @prop {TableColumnKind[]} prefixColumns - 要哪几列前缀列，按给定顺序插在最前面
 * @fires selection-change - 选中集合变化；detail 为 `{ value: string[] | 'all' }`
 * @fires expanded-change - 展开集合变化；detail 为 `{ value: string[] }`
+* @fires row-move - 行换了位置；detail 为 `{ id, parent, index, ids }`，parent 为 null 即根层，index 是在那一层的落位（已算过先摘后插），ids 是重排好的整份行序
+* @prop {(move: TableRowMoveDetails) => boolean} allowRowDrop - 这一次搬家许不许，收到的是折算好的落点；不给即都许
 * @csspart root - role=grid 容器（rows 里有可展开的行时为 treegrid），报行列总数与多选声明
 * @csspart caption - 表格标题（aria-labelledby 目标）
 * @csspart header - role=rowgroup 表头区
@@ -13080,6 +13381,10 @@ const FOOTER_SELECTOR = "[data-xh-part=\"footer\"]";
 * @csspart select-all-trigger - 全选把手，三态（aria-checked 半选为 mixed），自占一个 Tab 位
 * @csspart row-select-trigger - 行选择把手（aria-hidden 且不占 Tab 位，键盘那一路由 Space 承担）
 * @csspart sort-trigger - 排序把手，自占一个 Tab 位；按住 Shift 点是追加到排序链
+* @csspart column-resize-trigger - 列宽把手，自占一个 Tab 位；方向键改一步、按住 Shift 是大步
+* @csspart column-drag-trigger - 列拖拽把手，自占一个 Tab 位；方向键移一位、Home/End 移到可拖区段首末
+* @csspart row-drag-trigger - 行拖拽把手，触屏那一路的入口（自带 touch-action: none，按下即拖）；对读屏隐藏且不占 Tab 位，键盘那一路由表体上的 Alt + 方向键承担
+* @csspart live-region - 视觉隐藏的播报区，列拖拽过程的读屏文案写在这里；须写在 root 之外（root 是 role=grid，它的子节点只能是 row 与 rowgroup）
 * @csspart expand-trigger - 展开把手（aria-hidden 且不占 Tab 位，键盘那一路由左右方向键承担）
 * @csspart expanded-row - role=row 详情行，须自带 value 属性与它所属的数据行配对，内部须放一个 cell 承载详情；收起时 hidden
 * @csspart empty - 空态节点，表体为空且不在加载时显形
@@ -13121,6 +13426,11 @@ var XhTableElement = class extends XhElement {
 		borderless: { type: Boolean },
 		ruled: { type: Boolean },
 		footer: { type: Boolean },
+		rowReorderable: {
+			type: Boolean,
+			attribute: "row-reorderable"
+		},
+		allowRowDrop: { attribute: false },
 		loop: { converter: BOOLEAN_CONVERTER$15 },
 		direction: {
 			converter: STRING_CONVERTER$20,
@@ -13156,6 +13466,13 @@ var XhTableElement = class extends XhElement {
 			composed: true
 		}));
 	};
+	notifyRowMove = (details) => {
+		this.dispatchEvent(new CustomEvent("row-move", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
 	ctrl = new MachineController(this, tableMachine, () => this.machineProps());
 	machineProps() {
 		return {
@@ -13181,12 +13498,15 @@ var XhTableElement = class extends XhElement {
 			borderless: this.borderless ?? false,
 			ruled: this.ruled ?? false,
 			footer: this.footer ?? false,
+			rowReorderable: this.rowReorderable ?? false,
+			allowRowDrop: this.allowRowDrop,
 			loop: this.loop,
 			dir: this.direction,
 			size: this.size,
 			onSortChange: this.notifySort,
 			onSelectionChange: this.notifySelection,
-			onExpandedChange: this.notifyExpanded
+			onExpandedChange: this.notifyExpanded,
+			onRowMove: this.notifyRowMove
 		};
 	}
 	/** 承载焦点的行被移出 DOM 时上报 TABLE.BLUR，让机器重挑焦点锚点。 */
@@ -13211,6 +13531,18 @@ var XhTableElement = class extends XhElement {
 	columnOf(el) {
 		return { value: this.identityOf(el, COLUMN_HEADER_SELECTOR) };
 	}
+	/**
+	* 播报区节点。第一次用时建出来挂在元素末尾，之后一直复用——
+	* 读屏不播报后插入的节点，等到拾起才建等于没有。
+	*/
+	ensureLiveRegion() {
+		const existing = this.querySelector(`:scope > [data-xh-part="live-region"]`);
+		if (existing) return existing;
+		const el = this.ownerDocument.createElement("div");
+		el.setAttribute("data-xh-part", "live-region");
+		this.append(el);
+		return el;
+	}
 	/** 按祖先链现查行所在的区段。 */
 	sectionOf(el) {
 		const header = el.closest(HEADER_SELECTOR);
@@ -13257,8 +13589,14 @@ var XhTableElement = class extends XhElement {
 		putAll("select-all-trigger", () => api.getSelectAllTriggerProps());
 		putAll("row-select-trigger", (el) => api.getRowSelectTriggerProps(this.rowOf(el)));
 		putAll("sort-trigger", (el) => api.getSortTriggerProps(this.columnOf(el)));
+		putAll("column-resize-trigger", (el) => api.getColumnResizeTriggerProps(this.columnOf(el)));
+		putAll("column-drag-trigger", (el) => api.getColumnDragTriggerProps(this.columnOf(el)));
+		putAll("row-drag-trigger", (el) => api.getRowDragTriggerProps(this.rowOf(el)));
 		putAll("expand-trigger", (el) => api.getExpandTriggerProps(this.rowOf(el)));
 		putAll("expanded-row", (el) => api.getExpandedRowProps({ value: el.getAttribute("value") ?? "" }));
+		const live = this.ensureLiveRegion();
+		this.spreader.spread(live, api.getLiveRegionProps());
+		live.textContent = this.ctrl.service.context.get("announcement");
 		for (const el of this.getParts("row")) if (el.hasAttribute("disabled")) el.removeAttribute("disabled");
 		for (const el of this.getParts("expanded-row")) this.setPartHidden(el, !api.isExpanded(el.getAttribute("value") ?? ""));
 		this.setPartHidden(this.getPart("empty"), !!emptyProps.hidden);
@@ -13269,10 +13607,19 @@ var XhTableElement = class extends XhElement {
 //#region src/elements/tabs.ts
 const STRING_CONVERTER$19 = { fromAttribute: (v) => v ?? void 0 };
 const BOOLEAN_CONVERTER$14 = { fromAttribute: (v) => v === null ? void 0 : v !== "false" };
+/** 标签一系的归属容器：标签内的把手向上找最近的那个 trigger。 */
+const TRIGGER_SELECTOR = "[data-xh-part=\"trigger\"]";
 /**
 * `<xh-tabs>` —— Light-DOM 行为宿主，跑 tabs 机器并把 connect 产出打到 root/list/trigger/content
 * 角色节点上。条目身份取作者写在 trigger/content 上的 value 属性，trigger 的禁用由部件自报。
 *
+* 读屏文案 `translations` 是对象，属性表达不了，只能走 property（`el.translations = {...}`）。
+*
+* 打开 reorderable 后标签可以拖着换位：整个标签都是拖动源。拖动中被拖的标签原地不动，
+* 只落 data-dragging；落点画在参照标签上，data-drop 为 before/after 即插在这个标签前后。触屏那一路走 tab-drag-trigger 把手。
+* 键盘走 Alt + 主轴方向键（横排是左右、竖排是上下，横排 rtl 下左右对调），一按就是一次完整提交。
+* 顺序不由元素保管：换位只发 tab-move，标签序由使用方写回自己的数据源。
+*
 * @customElement xh-tabs
 * @attr {string} value - 受控选中值；缺省该属性即非受控
 * @attr {string} default-value - 非受控的初始选中值
@@ -13283,11 +13630,15 @@ const BOOLEAN_CONVERTER$14 = { fromAttribute: (v) => v === null ? void 0 : v !==
 * @attr {'line'|'card'|'segment'} variant - 形态，默认 line
 * @attr {'brand'|'neutral'|'success'|'warning'|'danger'|'info'} tone - 语气
 * @attr {'sm'|'md'|'lg'} size - 尺寸
+* @attr {boolean} reorderable - 标签可以拖着换位，默认关
 * @fires value-change - 选中值变化；detail 为 `{ value: string | null }`
+* @fires tab-move - 标签换了位；detail 为 `{ value, from, to, values }`，values 是重排好的整份标签序
 * @csspart root - 组件根容器（承载 data-orientation）
 * @csspart list - role=tablist 容器（方向键与 Tab 序列在此收口）
+* @csspart live-region - 视觉隐藏的播报区，拖动过程的读屏文案写在这里；写在 root 里、与 list 部件平级（root 自己不带角色，它落不进 role=tablist 的子节点集合）
 * @csspart trigger - role=tab 的标签按钮，须自带 value 属性标识身份
 * @csspart content - role=tabpanel 的面板，须自带 value 属性与 trigger 配对；未选中时 hidden
+* @csspart tab-drag-trigger - 标签拖拽把手，触屏那一路的入口（自带 touch-action: none，按下即拖）；对读屏隐藏且不占 Tab 位，键盘那一路由标签带上的 Alt + 方向键承担
 */
 var XhTabsElement = class extends XhElement {
 	static partContract = {
@@ -13313,7 +13664,9 @@ var XhTabsElement = class extends XhElement {
 		loop: { converter: BOOLEAN_CONVERTER$14 },
 		variant: { converter: STRING_CONVERTER$19 },
 		tone: { converter: STRING_CONVERTER$19 },
-		size: { converter: STRING_CONVERTER$19 }
+		size: { converter: STRING_CONVERTER$19 },
+		reorderable: { type: Boolean },
+		translations: { attribute: false }
 	};
 	notify = (details) => {
 		this.dispatchEvent(new CustomEvent("value-change", {
@@ -13322,6 +13675,13 @@ var XhTabsElement = class extends XhElement {
 			composed: true
 		}));
 	};
+	notifyTabMove = (details) => {
+		this.dispatchEvent(new CustomEvent("tab-move", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
 	ctrl = new MachineController(this, tabsMachine, () => this.machineProps());
 	/** 作者声明的条目禁用，只认首见那一份；给了 collection 时用它，否则现读 */
 	declaredDisabled = createDeclaredDisabled();
@@ -13337,7 +13697,10 @@ var XhTabsElement = class extends XhElement {
 			variant: this.variant,
 			tone: this.tone,
 			size: this.size,
-			onValueChange: this.notify
+			reorderable: this.reorderable ?? false,
+			translations: this.translations,
+			onValueChange: this.notify,
+			onTabMove: this.notifyTabMove
 		};
 	}
 	/** 承载焦点的条目被移出 DOM 时浏览器不派 focusout，这里替 DOM 上报焦点离场。 */
@@ -13348,6 +13711,15 @@ var XhTabsElement = class extends XhElement {
 		if (focusedValue == null) return;
 		if (nodes.some((el) => el.getAttribute(ITEM_VALUE_ATTR) === focusedValue)) send({ type: "LIST.BLUR" });
 	}
+	/**
+	* 取把手所属标签的身份：向上找本宿主内最近的 trigger，没有包裹层时退回读节点自身。
+	* 越出本宿主的 trigger 不算数——嵌套 xh-tabs 的内层把手不会认外层的标签。
+	*/
+	/** 把手所属的那个 trigger 节点；把手自己就写在 trigger 上时即它本身。 */
+	triggerElOf(el) {
+		const owner = el.closest(TRIGGER_SELECTOR);
+		return owner && owner !== this && this.contains(owner) ? owner : el;
+	}
 	wire() {
 		const api = connectTabs(this.ctrl.service, wcNormalize);
 		const put = (name, props) => {
@@ -13356,6 +13728,11 @@ var XhTabsElement = class extends XhElement {
 		};
 		put("root", api.getRootProps());
 		put("list", api.getListProps());
+		const live = this.getPart("live-region");
+		if (live) {
+			this.spreader.spread(live, api.getLiveRegionProps());
+			live.textContent = this.ctrl.service.context.get("announcement");
+		}
 		for (const el of this.getParts("trigger")) {
 			const props = api.getTriggerProps({
 				value: el.getAttribute("value") ?? "",
@@ -13363,6 +13740,14 @@ var XhTabsElement = class extends XhElement {
 			});
 			this.spreader.spread(el, props);
 		}
+		for (const el of this.getParts("tab-drag-trigger")) {
+			const trigger = this.triggerElOf(el);
+			const props = api.getTabDragTriggerProps({
+				value: trigger.getAttribute("value") ?? "",
+				disabled: this.collection ? this.declaredDisabled(trigger) : isItemDisabled(trigger)
+			});
+			this.spreader.spread(el, props);
+		}
 		for (const el of this.getParts("content")) {
 			const props = api.getContentProps({ value: el.getAttribute("value") ?? "" });
 			this.spreader.spread(el, props);
@@ -15501,6 +15886,8 @@ const BOOLEAN_CONVERTER$2 = { fromAttribute: (v) => v === null ? void 0 : v !==
 const ITEM_SELECTOR$1 = "[data-xh-part=\"item\"]";
 /** 分支一系的归属容器；嵌套分支各认最近的那个。 */
 const BRANCH_SELECTOR$1 = "[data-xh-part=\"branch\"]";
+/** 两类节点通吃的归属容器：拖动把手写在叶子里还是分支里都算，取最近的那一个。 */
+const NODE_SELECTOR = `${ITEM_SELECTOR$1}, ${BRANCH_SELECTOR$1}`;
 /**
 * `<xh-tree>` —— Light-DOM 行为宿主：作者写 root/label/tree 与若干 item / branch 角色节点，
 * 元素跑 tree 机器并把 connect 产出打上去。节点身份取自节点上的 value 属性。
@@ -15509,7 +15896,13 @@ const BRANCH_SELECTOR$1 = "[data-xh-part=\"branch\"]";
 * 这份树数据——它是元信息的唯一事实源，作者的标记只管长相，两个适配器也就不会各推各的。
 * 因此 collection 必须与标记同源：标记里有、collection 里没有的节点报不出层级，也进不了导航。
 *
-* 树数据与展开/选中集合都是数组，属性表达不了，只能走 property（`el.collection = [...]`）。
+* 树数据与展开/选中集合都是数组，属性表达不了，只能走 property（`el.collection = [...]`）；
+* 落点校验 `allowDrop`（函数）与读屏文案 `translations`（对象）同理。
+*
+* 打开 node-draggable 后节点可以拖着搬家：整个节点都是拖动源。拖动中被拖的节点原地不动，
+* 只落 data-dragging；落点画在参照节点上——data-drop 为 before/after 是插在这一行前后，
+* 为 inside 是放进这个分支。触屏那一路走 node-drag-trigger 把手。
+* 键盘走 Alt + 方向键：上下在同层兄弟间挪，左右改缩进层级（rtl 下左右对调），一按就是一次完整提交。
 *
 * @customElement xh-tree
 * @attr {boolean} multiple - 复选，默认关闭
@@ -15522,10 +15915,13 @@ const BRANCH_SELECTOR$1 = "[data-xh-part=\"branch\"]";
 * @attr {boolean} loop - 上下键走到首尾回绕，默认关；写 loop="true" 打开
 * @attr {boolean} typeahead - 连打检索，默认开；写 typeahead="false" 关掉
 * @attr {'ltr'|'rtl'} dir - 文字方向，只对调左右方向键的展开/收起语义，默认 ltr
+* @attr {boolean} node-draggable - 节点可以拖着搬家，默认关；不叫 draggable 是因为那是 HTML 全局属性，写在元素上浏览器会拿它接管原生拖放，指针就到不了这里
 * @fires expanded-change - 展开集合变化；detail 为 `{ value: string[] }`
 * @fires selection-change - 选中集合变化；detail 为 `{ value: string[] }`
+* @fires node-move - 节点搬了家；detail 为 `{ value, parent, index }`，parent 为 null 即根层，index 是在那一层的落位（已算过先摘后插）
 * @csspart root - 组件根容器
 * @csspart label - 树标题（aria-labelledby 目标）
+* @csspart live-region - 视觉隐藏的播报区，拖动过程的读屏文案写在这里；写在 root 里、与 tree 部件平级（root 自己不带角色，它落不进 role=tree 的子节点集合）
 * @csspart tree - role=tree 容器，键盘在此收口，也是 roving tabindex 的兜底位
 * @csspart item - role=treeitem 叶子，须自带 value 属性标识身份
 * @csspart item-text - 叶子文本
@@ -15538,6 +15934,7 @@ const BRANCH_SELECTOR$1 = "[data-xh-part=\"branch\"]";
 * @csspart branch-indicator - 展开方向指示符（aria-hidden）
 * @csspart branch-text - 分支文本
 * @csspart branch-content - role=group 子层容器，收起时隐藏
+* @csspart node-drag-trigger - 节点拖拽把手，触屏那一路的入口（自带 touch-action: none，按下即拖）；对读屏隐藏且不占 Tab 位，键盘那一路由树上的 Alt + 方向键承担
 */
 var XhTreeElement = class extends XhElement {
 	static partContract = {
@@ -15574,7 +15971,13 @@ var XhTreeElement = class extends XhElement {
 		direction: {
 			converter: STRING_CONVERTER$3,
 			attribute: "dir"
-		}
+		},
+		nodeDraggable: {
+			type: Boolean,
+			attribute: "node-draggable"
+		},
+		allowDrop: { attribute: false },
+		translations: { attribute: false }
 	};
 	notifyExpanded = (details) => {
 		this.dispatchEvent(new CustomEvent("expanded-change", {
@@ -15590,6 +15993,13 @@ var XhTreeElement = class extends XhElement {
 			composed: true
 		}));
 	};
+	notifyNodeMove = (details) => {
+		this.dispatchEvent(new CustomEvent("node-move", {
+			detail: details,
+			bubbles: true,
+			composed: true
+		}));
+	};
 	ctrl = new MachineController(this, treeMachine, () => this.machineProps());
 	machineProps() {
 		return {
@@ -15608,8 +16018,12 @@ var XhTreeElement = class extends XhElement {
 			loop: this.loop,
 			typeahead: this.typeahead,
 			dir: this.direction,
+			nodeDraggable: this.nodeDraggable ?? false,
+			allowDrop: this.allowDrop,
+			translations: this.translations,
 			onExpandedChange: this.notifyExpanded,
-			onSelectionChange: this.notifySelection
+			onSelectionChange: this.notifySelection,
+			onNodeMove: this.notifyNodeMove
 		};
 	}
 	/**
@@ -15643,6 +16057,11 @@ var XhTreeElement = class extends XhElement {
 		put("root", api.getRootProps());
 		put("label", api.getLabelProps());
 		put("tree", api.getTreeProps());
+		const live = this.getPart("live-region");
+		if (live) {
+			this.spreader.spread(live, api.getLiveRegionProps());
+			live.textContent = this.ctrl.service.context.get("announcement");
+		}
 		const putAll = (name, selector, get) => {
 			for (const el of this.getParts(name)) this.spreader.spread(el, get(this.nodeOf(el, selector)));
 		};
@@ -15657,6 +16076,7 @@ var XhTreeElement = class extends XhElement {
 		putAll("branch-indicator", BRANCH_SELECTOR$1, (node) => api.getBranchIndicatorProps(node));
 		putAll("branch-text", BRANCH_SELECTOR$1, (node) => api.getBranchTextProps(node));
 		putAll("branch-content", BRANCH_SELECTOR$1, (node) => api.getBranchContentProps(node));
+		putAll("node-drag-trigger", NODE_SELECTOR, (node) => api.getNodeDragTriggerProps(node));
 		for (const el of this.getParts("branch-content")) this.setPartHidden(el, !api.isExpanded(this.nodeOf(el, BRANCH_SELECTOR$1).value));
 	}
 };
@@ -16260,6 +16680,7 @@ function defineXhElements() {
 	defineElement("xh-popconfirm", XhPopconfirmElement, version);
 	defineElement("xh-popselect", XhPopselectElement, version);
 	defineElement("xh-qr-code", XhQrCodeElement, version);
+	defineElement("xh-resizable", XhResizableElement, version);
 	defineElement("xh-result", XhResultElement, version);
 	defineElement("xh-segmented", XhSegmentedElement, version);
 	defineElement("xh-signature-pad", XhSignaturePadElement, version);
@@ -16318,6 +16739,7 @@ function defineXhElements() {
 	defineElement("xh-separator", XhSeparatorElement, version);
 	defineElement("xh-side-nav", XhSideNavElement, version);
 	defineElement("xh-slider", XhSliderElement, version);
+	defineElement("xh-sortable", XhSortableElement, version);
 	defineElement("xh-splitter", XhSplitterElement, version);
 	defineElement("xh-statistic", XhStatisticElement, version);
 	defineElement("xh-steps", XhStepsElement, version);
@@ -16353,6 +16775,6 @@ function defineXhElements() {
 	}
 }
 //#endregion
-export { XhAccordionElement, XhAlertElement, XhAnchorElement, XhAvatarElement, XhBadgeElement, XhBreadcrumbElement, XhButtonElement, XhCalendarElement, XhCarouselElement, XhCascaderElement, XhCheckboxElement, XhCheckboxGroupElement, XhClipboardElement, XhCodeBlockElement, XhCollapsibleElement, XhColorPickerElement, XhComboboxElement, XhComposerElement, XhConfigElement, XhContextMenuElement, XhDateFieldElement, XhDatePickerElement, XhDialogElement, XhDownloadTriggerElement, XhDrawerElement, XhEditableElement, XhEmptyStateElement, XhFieldElement, XhFieldsetElement, XhFileUploadElement, XhFloatingPanelElement, XhFormElement, XhHeatmapElement, XhHotkeysElement, XhHoverCardElement, XhIconElement, XhImageCropperElement, XhImageElement, XhImageViewerElement, XhJsonViewerElement, XhListboxElement, XhLoadingBarElement, XhMasonryElement, XhMenuElement, XhMenubarElement, XhNavigationMenuElement, XhNotificationElement, XhNotificationItemElement, XhNumberFieldElement, XhPaginationElement, XhPasswordInputElement, XhPinInputElement, XhPopoverElement, XhProgressElement, XhRadioGroupElement, XhRatingElement, XhScrollAreaElement, XhScrollbarElement, XhSegmentedElement, XhSelectElement, XhSeparatorElement, XhSideNavElement, XhSignaturePadElement, XhSkeletonElement, XhSliderElement, XhSpaceElement, XhSpinnerElement, XhSplitterElement, XhStepsElement, XhSwitchElement, XhTableElement, XhTabsElement, XhTagElement, XhTagsInputElement, XhTextFieldElement, XhThreadElement, XhTimeFieldElement, XhTimePickerElement, XhTimerElement, XhToastElement, XhToggleElement, XhToggleGroupElement, XhToolbarElement, XhTooltipElement, XhTourElement, XhTransferElement, XhTreeElement, XhTreeSelectElement, XhVirtualizerElement, defineXhElements };
+export { XhAccordionElement, XhAlertElement, XhAnchorElement, XhAvatarElement, XhBadgeElement, XhBreadcrumbElement, XhButtonElement, XhCalendarElement, XhCarouselElement, XhCascaderElement, XhCheckboxElement, XhCheckboxGroupElement, XhClipboardElement, XhCodeBlockElement, XhCollapsibleElement, XhColorPickerElement, XhComboboxElement, XhComposerElement, XhConfigElement, XhContextMenuElement, XhDateFieldElement, XhDatePickerElement, XhDialogElement, XhDownloadTriggerElement, XhDrawerElement, XhEditableElement, XhEmptyStateElement, XhFieldElement, XhFieldsetElement, XhFileUploadElement, XhFloatingPanelElement, XhFormElement, XhHeatmapElement, XhHotkeysElement, XhHoverCardElement, XhIconElement, XhImageCropperElement, XhImageElement, XhImageViewerElement, XhJsonViewerElement, XhListboxElement, XhLoadingBarElement, XhMasonryElement, XhMenuElement, XhMenubarElement, XhNavigationMenuElement, XhNotificationElement, XhNotificationItemElement, XhNumberFieldElement, XhPaginationElement, XhPasswordInputElement, XhPinInputElement, XhPopoverElement, XhProgressElement, XhRadioGroupElement, XhRatingElement, XhResizableElement, XhScrollAreaElement, XhScrollbarElement, XhSegmentedElement, XhSelectElement, XhSeparatorElement, XhSideNavElement, XhSignaturePadElement, XhSkeletonElement, XhSliderElement, XhSortableElement, XhSpaceElement, XhSpinnerElement, XhSplitterElement, XhStepsElement, XhSwitchElement, XhTableElement, XhTabsElement, XhTagElement, XhTagsInputElement, XhTextFieldElement, XhThreadElement, XhTimeFieldElement, XhTimePickerElement, XhTimerElement, XhToastElement, XhToggleElement, XhToggleGroupElement, XhToolbarElement, XhTooltipElement, XhTourElement, XhTransferElement, XhTreeElement, XhTreeSelectElement, XhVirtualizerElement, defineXhElements };
 
 //# sourceMappingURL=define.js.map