@vizejs/ui 0.443.0 → 0.454.0

package/dist/split-button-Cff_lsza.mjs

@@ -0,0 +1,339 @@
+import { createContext } from "./context.mjs";
+import { r as useResolvedDirection } from "./direction-runtime-CiKR5uEp.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { S as menuTreeContext, b as useMenuRoot, x as menuLevelContext } from "./menu-rJFx36eG.mjs";
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, onMounted, onUnmounted, openBlock, renderSlot, shallowRef, unref, useTemplateRef } from "vue";
+//#region src/families/actions/split-button/split-button-context.ts
+const splitButtonContext = createContext("SplitButton");
+//#endregion
+//#region src/families/actions/split-button/split-button-root.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = [
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-disabled",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/actions/split-button/split-button-root.vue
+var split_button_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "split-button-root",
+	props: {
+		id: {
+			type: [String, null],
+			required: false,
+			default: () => void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: () => void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		modal: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		dir: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		loop: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		anchor: {
+			type: String,
+			required: false,
+			default: "group"
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["update:open", "open-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const dirState = useResolvedDirection(() => __props.dir);
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const disabledState = computed(() => __props.disabled);
+		const restoreElement = shallowRef(null);
+		let pendingOrigin = null;
+		const menu = useMenuRoot({
+			kind: "split-button",
+			hint: "split-button",
+			id: () => __props.id,
+			open: () => __props.open,
+			defaultOpen: () => __props.defaultOpen,
+			modal: () => __props.modal,
+			dir: () => dirState.value,
+			loop: () => __props.loop,
+			disabled: () => __props.disabled,
+			reference: () => __props.anchor === "group" ? element.value : menu.level.triggerElement.value,
+			restoreTarget: () => restoreElement.value ?? menu.level.triggerElement.value,
+			onOpenChange: (value, previous, event) => {
+				if (value) restoreElement.value = pendingOrigin;
+				emit("update:open", value);
+				emit("open-change", value, previous, event);
+			}
+		});
+		const level = menu.level;
+		function openFromAction(origin, event) {
+			pendingOrigin = origin;
+			try {
+				return level.setOpen(true, event, "first");
+			} finally {
+				pendingOrigin = null;
+			}
+		}
+		splitButtonContext.provide({
+			disabled: disabledState,
+			openFromAction
+		});
+		const slotState = computed(() => ({
+			...menu.slotState.value,
+			disabled: disabledState.value
+		}));
+		__expose({
+			...menu.expose,
+			disabled: disabledState,
+			element
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "element",
+				ref: element,
+				role: "group",
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-describedby": __props.ariaDescribedby,
+				"aria-disabled": disabledState.value ? "true" : void 0,
+				"data-vize-ui": "split-button",
+				part: "root",
+				"data-state": unref(level).state.value,
+				"data-disabled": disabledState.value ? "true" : void 0
+			}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_1$2);
+		};
+	}
+}), [["__scopeId", "data-v-b5279253"]]);
+//#endregion
+//#region src/families/actions/split-button/split-button-action.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"type",
+	"disabled",
+	"aria-label",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/actions/split-button/split-button-action.vue
+var split_button_action_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "split-button-action",
+	props: {
+		type: {
+			type: String,
+			required: false,
+			default: "button"
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["press", "keydown"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const tree = menuTreeContext.use();
+		const level = menuLevelContext.use();
+		const splitButton = splitButtonContext.use();
+		const element = useTemplateRef("element");
+		const disabledState = computed(() => __props.disabled || splitButton.disabled.value);
+		function onClick(event) {
+			if (!disabledState.value) emit("press", event);
+		}
+		function onKeydown(event) {
+			if (disabledState.value) return;
+			emit("keydown", event);
+			if (event.defaultPrevented) return;
+			if (event.altKey && event.key === "ArrowDown") {
+				event.preventDefault();
+				splitButton.openFromAction(element.value, event);
+			}
+		}
+		function focus(options) {
+			element.value?.focus(options);
+		}
+		__expose({
+			element,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				ref_key: "element",
+				ref: element,
+				type: __props.type,
+				disabled: disabledState.value,
+				"aria-label": __props.ariaLabel,
+				"data-vize-ui": "split-button-action",
+				part: "action",
+				"data-state": unref(level).state.value,
+				"data-disabled": disabledState.value ? "true" : void 0,
+				onClick,
+				onKeydown
+			}, [renderSlot(_ctx.$slots, "default", {
+				dir: unref(tree).dir.value,
+				disabled: disabledState.value,
+				modal: unref(tree).modal.value,
+				open: unref(level).open.value,
+				state: unref(level).state.value
+			}, void 0, true)], 40, _hoisted_1$1);
+		};
+	}
+}), [["__scopeId", "data-v-87266d36"]]);
+//#endregion
+//#region src/families/actions/split-button/split-button-trigger.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/actions/split-button/split-button-trigger.vue
+var split_button_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "split-button-trigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		openOn: {
+			type: String,
+			required: false,
+			default: "pointerdown"
+		}
+	},
+	emits: ["pointerdown", "keydown"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const tree = menuTreeContext.use();
+		const level = menuLevelContext.use();
+		const element = useTemplateRef("element");
+		level.hasTrigger.value = true;
+		const disabledState = computed(() => __props.disabled || level.disabled.value);
+		onMounted(() => {
+			level.triggerElement.value = element.value;
+		});
+		onUnmounted(() => {
+			if (level.triggerElement.value === element.value) level.triggerElement.value = null;
+		});
+		let touchPress = false;
+		function onPointerdown(event) {
+			if (disabledState.value || __props.openOn !== "pointerdown") return;
+			if (event.button !== 0 || event.ctrlKey || event.pointerType === "touch") return;
+			emit("pointerdown", event);
+			if (event.defaultPrevented) return;
+			const opening = !level.open.value;
+			level.setOpen(opening, event, "content");
+			if (opening) event.preventDefault();
+		}
+		function onClick(event) {
+			if (disabledState.value) return;
+			const handledByPointerdown = __props.openOn === "pointerdown" && event.detail > 0 && !touchPress;
+			touchPress = false;
+			if (handledByPointerdown) return;
+			level.setOpen(!level.open.value, event, event.detail === 0 ? "first" : "content");
+		}
+		function onPointerup(event) {
+			touchPress = event.pointerType === "touch";
+		}
+		function onKeydown(event) {
+			if (disabledState.value) return;
+			emit("keydown", event);
+			if (event.defaultPrevented) return;
+			if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+				event.preventDefault();
+				level.setOpen(true, event, "first");
+			} else if (event.key === "ArrowUp") {
+				event.preventDefault();
+				level.setOpen(true, event, "last");
+			}
+		}
+		function focus(options) {
+			element.value?.focus(options);
+		}
+		__expose({
+			element,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				id: unref(level).triggerId.value,
+				ref_key: "element",
+				ref: element,
+				type: "button",
+				disabled: disabledState.value,
+				"aria-label": __props.ariaLabel,
+				"aria-haspopup": "menu",
+				"aria-expanded": unref(level).open.value ? "true" : "false",
+				"aria-controls": unref(level).open.value ? unref(level).contentId.value : void 0,
+				"data-vize-ui": "split-button-trigger",
+				part: "trigger",
+				"data-state": unref(level).state.value,
+				"data-disabled": disabledState.value ? "true" : void 0,
+				onClick,
+				onKeydown,
+				onPointerdown,
+				onPointerup
+			}, [renderSlot(_ctx.$slots, "default", {
+				dir: unref(tree).dir.value,
+				disabled: disabledState.value,
+				modal: unref(tree).modal.value,
+				open: unref(level).open.value,
+				state: unref(level).state.value
+			}, void 0, true)], 40, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-f4099c7c"]]);
+//#endregion
+export { split_button_action_default as n, split_button_root_default as r, split_button_trigger_default as t };

package/dist/split-button.d.mts

@@ -0,0 +1,2 @@
+import { Ch as _default$4, Fh as SplitButtonAnchor, Gh as MenuCheckedState, Ih as SplitButtonRootExpose, Jh as MenuDirection, Kh as MenuContentExpose, Lh as SplitButtonSlotState, Mh as _default$1, Nh as _default, Ph as SplitButtonActionExpose, Rh as SplitButtonTriggerExpose, Sh as _default$5, Th as _default$2, _g as MenuState, _h as _default$10, bh as _default$7, gh as _default$11, hh as _default$12, jh as _default$15, mg as MenuSelectEvent, mh as _default$13, ng as MenuItemExpose, ph as _default$14, qh as MenuContentSlotState, vh as _default$9, wh as _default$3, xh as _default$6, yh as _default$8 } from "./announcer-DcI680jo.mjs";
+export { _default as SplitButton, _default as SplitButtonRoot, _default$1 as SplitButtonAction, type SplitButtonActionExpose, type SplitButtonAnchor, _default$2 as SplitButtonArrow, _default$3 as SplitButtonCheckboxItem, type MenuCheckedState as SplitButtonCheckedState, _default$4 as SplitButtonContent, type MenuContentExpose as SplitButtonContentExpose, type MenuContentSlotState as SplitButtonContentSlotState, type MenuDirection as SplitButtonDirection, _default$5 as SplitButtonGroup, _default$6 as SplitButtonItem, type MenuItemExpose as SplitButtonItemExpose, _default$7 as SplitButtonItemIndicator, _default$8 as SplitButtonLabel, _default$9 as SplitButtonRadioGroup, _default$10 as SplitButtonRadioItem, type SplitButtonRootExpose, type MenuSelectEvent as SplitButtonSelectEvent, _default$11 as SplitButtonSeparator, type SplitButtonSlotState, type MenuState as SplitButtonState, _default$12 as SplitButtonSub, _default$13 as SplitButtonSubContent, _default$14 as SplitButtonSubTrigger, _default$15 as SplitButtonTrigger, type SplitButtonTriggerExpose };

package/dist/split-button.mjs

@@ -0,0 +1,3 @@
+import { a as menu_separator_default, c as menu_label_default, d as menu_group_default, f as menu_content_default, h as menu_arrow_default, i as menu_sub_default, l as menu_item_indicator_default, n as menu_sub_trigger_default, o as menu_radio_item_default, p as menu_checkbox_item_default, r as menu_sub_content_default, s as menu_radio_group_default, u as menu_item_default } from "./menu-rJFx36eG.mjs";
+import { n as split_button_action_default, r as split_button_root_default, t as split_button_trigger_default } from "./split-button-Cff_lsza.mjs";
+export { split_button_root_default as SplitButton, split_button_root_default as SplitButtonRoot, split_button_action_default as SplitButtonAction, menu_arrow_default as SplitButtonArrow, menu_checkbox_item_default as SplitButtonCheckboxItem, menu_content_default as SplitButtonContent, menu_group_default as SplitButtonGroup, menu_item_default as SplitButtonItem, menu_item_indicator_default as SplitButtonItemIndicator, menu_label_default as SplitButtonLabel, menu_radio_group_default as SplitButtonRadioGroup, menu_radio_item_default as SplitButtonRadioItem, menu_separator_default as SplitButtonSeparator, menu_sub_default as SplitButtonSub, menu_sub_content_default as SplitButtonSubContent, menu_sub_trigger_default as SplitButtonSubTrigger, split_button_trigger_default as SplitButtonTrigger };

package/dist/splitter.d.mts

@@ -1,2 +1,2 @@
-import { Ac as SplitterHandleState, Bc as SplitterStorage, Cc as _default, Dc as SplitterGroupState, Ec as SplitterGroupSlotState, Fc as SplitterPanelSlotState, Ic as SplitterPanelState, Lc as SplitterPersistedLayout, Mc as SplitterOrientation, Nc as SplitterPanelConstraints, Oc as SplitterHandleExpose, Pc as SplitterPanelExpose, Rc as SplitterPersistenceOptions, Sc as _default$1, Tc as SplitterGroupExpose, _c as isValidSplitterLayout, bc as splitterLayoutsEqual, gc as clampSplitterLayout, hc as useSplitterPersistence, jc as SplitterLayout, kc as SplitterHandleSlotState, mc as parseSplitterLayout, vc as resizeSplitterLayout, wc as SplitterDirection, xc as _default$2, yc as resolveDefaultSplitterLayout, zc as SplitterResizeReason } from "./announcer-D0bFq-HV.mjs";
+import { Ac as SplitterGroupExpose, Bc as SplitterPanelSlotState, Cc as resizeSplitterLayout, Dc as _default$1, Ec as _default$2, Fc as SplitterHandleState, Gc as SplitterStorage, Hc as SplitterPersistedLayout, Ic as SplitterLayout, Lc as SplitterOrientation, Mc as SplitterGroupState, Nc as SplitterHandleExpose, Oc as _default, Pc as SplitterHandleSlotState, Rc as SplitterPanelConstraints, Sc as isValidSplitterLayout, Tc as splitterLayoutsEqual, Uc as SplitterPersistenceOptions, Vc as SplitterPanelState, Wc as SplitterResizeReason, bc as useSplitterPersistence, jc as SplitterGroupSlotState, kc as SplitterDirection, wc as resolveDefaultSplitterLayout, xc as clampSplitterLayout, yc as parseSplitterLayout, zc as SplitterPanelExpose } from "./announcer-DcI680jo.mjs";
 export { type SplitterDirection, _default as SplitterGroup, type SplitterGroupExpose, type SplitterGroupSlotState, type SplitterGroupState, _default$1 as SplitterHandle, type SplitterHandleExpose, type SplitterHandleSlotState, type SplitterHandleState, type SplitterLayout, type SplitterOrientation, _default$2 as SplitterPanel, type SplitterPanelConstraints, type SplitterPanelExpose, type SplitterPanelSlotState, type SplitterPanelState, type SplitterPersistedLayout, type SplitterPersistenceOptions, type SplitterResizeReason, type SplitterStorage, clampSplitterLayout, isValidSplitterLayout, parseSplitterLayout, resizeSplitterLayout, resolveDefaultSplitterLayout, splitterLayoutsEqual, useSplitterPersistence };

package/dist/status-light.d.mts

@@ -1,2 +1,2 @@
-import { $n as StatusLightProps, Qn as StatusLightExpose, Xn as StatusLightAriaState, Yn as _default, Zn as StatusLightElement, er as StatusLightRole, ir as StatusLightTone, nr as StatusLightSlotState, rr as StatusLightState, tr as StatusLightSize } from "./announcer-D0bFq-HV.mjs";
+import { ar as StatusLightRole, cr as StatusLightState, er as _default, ir as StatusLightProps, lr as StatusLightTone, nr as StatusLightElement, or as StatusLightSize, rr as StatusLightExpose, sr as StatusLightSlotState, tr as StatusLightAriaState } from "./announcer-DcI680jo.mjs";
 export { _default as StatusLight, type StatusLightAriaState, type StatusLightElement, type StatusLightExpose, type StatusLightProps, type StatusLightRole, type StatusLightSize, type StatusLightSlotState, type StatusLightState, type StatusLightTone };

package/dist/stepper.d.mts

@@ -1,2 +1,2 @@
-import { $y as StepperValue, Ay as _default$4, By as StepperItemExpose, Fy as StepperContentExpose, Gy as StepperNavigationMode, Hy as StepperItemState, Iy as StepperContentRole, Jy as StepperRootProps, Ky as StepperOrientation, Ly as StepperContentSlotState, My as _default$2, Ny as _default$1, Oy as getStepperValueIdSegment, Py as _default, Qy as StepperTriggerSlotState, Ry as StepperContentState, Uy as StepperListExpose, Vy as StepperItemSlotState, Wy as StepperListSlotState, Xy as StepperSlotState, Yy as StepperRootState, Zy as StepperTriggerExpose, jy as _default$3, ky as stepperValueEquals, qy as StepperRootExpose, zy as StepperDirection } from "./announcer-D0bFq-HV.mjs";
+import { $y as StepperItemExpose, Gy as _default$2, Hy as stepperValueEquals, Jy as StepperContentExpose, Ky as _default$1, Qy as StepperDirection, Uy as _default$4, Vy as getStepperValueIdSegment, Wy as _default$3, Xy as StepperContentSlotState, Yy as StepperContentRole, Zy as StepperContentState, ab as StepperOrientation, cb as StepperRootState, db as StepperTriggerSlotState, eb as StepperItemSlotState, fb as StepperValue, ib as StepperNavigationMode, lb as StepperSlotState, nb as StepperListExpose, ob as StepperRootExpose, qy as _default, rb as StepperListSlotState, sb as StepperRootProps, tb as StepperItemState, ub as StepperTriggerExpose } from "./announcer-DcI680jo.mjs";
 export { _default as Stepper, _default as StepperRoot, _default$1 as StepperContent, type StepperContentExpose, type StepperContentRole, type StepperContentSlotState, type StepperContentState, type StepperDirection, _default$2 as StepperItem, type StepperItemExpose, type StepperItemSlotState, type StepperItemState, _default$3 as StepperList, type StepperListExpose, type StepperListSlotState, type StepperNavigationMode, type StepperOrientation, type StepperRootExpose, type StepperRootProps, type StepperRootState, type StepperSlotState, _default$4 as StepperTrigger, type StepperTriggerExpose, type StepperTriggerSlotState, type StepperValue, getStepperValueIdSegment, stepperValueEquals };

package/dist/surface.d.mts

@@ -1,2 +1,2 @@
-import { Cs as SurfaceSlotState, Ss as SurfaceSemanticHost, _s as SurfaceAs, bs as SurfaceExpose, gs as SurfaceAriaState, hs as _default, vs as SurfaceElement, ws as SurfaceTone, xs as SurfaceProps, ys as SurfaceElevation } from "./announcer-D0bFq-HV.mjs";
+import { Cs as SurfaceElement, Ds as SurfaceSemanticHost, Es as SurfaceProps, Os as SurfaceSlotState, Ss as SurfaceAs, Ts as SurfaceExpose, bs as _default, ks as SurfaceTone, ws as SurfaceElevation, xs as SurfaceAriaState } from "./announcer-DcI680jo.mjs";
 export { _default as Surface, type SurfaceAriaState, type SurfaceAs, type SurfaceElement, type SurfaceElevation, type SurfaceExpose, type SurfaceProps, type SurfaceSemanticHost, type SurfaceSlotState, type SurfaceTone };

package/dist/switch.d.mts

@@ -1,2 +1,2 @@
-import { Sr as SwitchState, br as SwitchExpose, vr as _default, xr as SwitchSlotState, yr as SwitchAriaInvalid } from "./announcer-D0bFq-HV.mjs";
+import { Cr as _default, Dr as SwitchState, Er as SwitchSlotState, Tr as SwitchExpose, wr as SwitchAriaInvalid } from "./announcer-DcI680jo.mjs";
 export { _default as Switch, type SwitchAriaInvalid, type SwitchExpose, type SwitchSlotState, type SwitchState };

package/dist/tabs.d.mts

@@ -1,2 +1,2 @@
-import { _b as TabsTriggerState, ab as TabsContentExpose, cb as TabsDirection, db as TabsOrientation, eb as _default$3, fb as TabsRootExpose, gb as TabsTriggerSlotState, hb as TabsTriggerExpose, ib as TabsActivationMode, lb as TabsListExpose, mb as TabsState, nb as _default$1, ob as TabsContentSlotState, pb as TabsSlotState, rb as _default, sb as TabsContentState, tb as _default$2, ub as TabsListSlotState, vb as TabsValue } from "./announcer-D0bFq-HV.mjs";
+import { Ab as TabsTriggerState, Cb as TabsListSlotState, Db as TabsState, Eb as TabsSlotState, Ob as TabsTriggerExpose, Sb as TabsListExpose, Tb as TabsRootExpose, _b as TabsActivationMode, bb as TabsContentState, gb as _default, hb as _default$1, jb as TabsValue, kb as TabsTriggerSlotState, mb as _default$2, pb as _default$3, vb as TabsContentExpose, wb as TabsOrientation, xb as TabsDirection, yb as TabsContentSlotState } from "./announcer-DcI680jo.mjs";
 export { _default as Tabs, _default as TabsRoot, type TabsActivationMode, _default$1 as TabsContent, type TabsContentExpose, type TabsContentSlotState, type TabsContentState, type TabsDirection, _default$2 as TabsList, type TabsListExpose, type TabsListSlotState, type TabsOrientation, type TabsRootExpose, type TabsSlotState, type TabsState, _default$3 as TabsTrigger, type TabsTriggerExpose, type TabsTriggerSlotState, type TabsTriggerState, type TabsValue };

package/dist/tags-input.d.mts

@@ -1,2 +1,2 @@
-import { Ar as _default$2, Br as TagsInputItemExpose, Cr as containsTagDelimiter, Dr as splitTrailingTagText, Er as splitTagText, Fr as TagsInputBy, Gr as TagsInputSlotState, Hr as TagsInputItemState, Ir as TagsInputDirection, Kr as TagsInputState, Lr as TagsInputInputExpose, Mr as _default, Nr as TagsInputAddSource, Or as _default$4, Pr as TagsInputAriaInvalid, Rr as TagsInputInvalidEvent, Tr as resolveTagEquality, Ur as TagsInputRemoveSource, Vr as TagsInputItemSlotState, Wr as TagsInputRootExpose, jr as _default$1, kr as _default$3, qr as TagsInputValidator, wr as evaluateTag, zr as TagsInputInvalidReason } from "./announcer-D0bFq-HV.mjs";
+import { Ar as resolveTagEquality, Br as TagsInputBy, Fr as _default$2, Gr as TagsInputItemExpose, Hr as TagsInputInputExpose, Ir as _default$1, Jr as TagsInputRemoveSource, Kr as TagsInputItemSlotState, Lr as _default, Mr as splitTrailingTagText, Nr as _default$4, Or as containsTagDelimiter, Pr as _default$3, Qr as TagsInputValidator, Rr as TagsInputAddSource, Ur as TagsInputInvalidEvent, Vr as TagsInputDirection, Wr as TagsInputInvalidReason, Xr as TagsInputSlotState, Yr as TagsInputRootExpose, Zr as TagsInputState, jr as splitTagText, kr as evaluateTag, qr as TagsInputItemState, zr as TagsInputAriaInvalid } from "./announcer-DcI680jo.mjs";
 export { _default as TagsInput, _default as TagsInputRoot, type TagsInputAddSource, type TagsInputAriaInvalid, type TagsInputBy, type TagsInputDirection, _default$1 as TagsInputInput, type TagsInputInputExpose, type TagsInputInvalidEvent, type TagsInputInvalidReason, _default$2 as TagsInputItem, _default$3 as TagsInputItemDelete, type TagsInputItemExpose, type TagsInputItemSlotState, type TagsInputItemState, _default$4 as TagsInputItemText, type TagsInputRemoveSource, type TagsInputRootExpose, type TagsInputSlotState, type TagsInputState, type TagsInputValidator, containsTagDelimiter, evaluateTag, resolveTagEquality, splitTagText, splitTrailingTagText };

package/dist/text.d.mts

@@ -1,2 +1,2 @@
-import { $r as TextTone, Jr as _default, Qr as TextSlotState, Xr as TextExpose, Yr as TextElement, Zr as TextSize, ei as TextWeight } from "./announcer-D0bFq-HV.mjs";
+import { $r as _default, ai as TextWeight, ei as TextElement, ii as TextTone, ni as TextSize, ri as TextSlotState, ti as TextExpose } from "./announcer-DcI680jo.mjs";
 export { _default as Text, type TextElement, type TextExpose, type TextSize, type TextSlotState, type TextTone, type TextWeight };

package/dist/{textarea-4eIDNcvv.d.mts → textarea-D7V5lLPX.d.mts}

@@ -161,14 +161,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
   input: (value: string, nativeEvent: Event) => any;
   "update:modelValue": (value: string) => any;
   change: (value: string, nativeEvent: Event) => any;
-  compositionStart: (value: string, nativeEvent: CompositionEvent) => any;
   compositionEnd: (value: string, nativeEvent: CompositionEvent) => any;
+  compositionStart: (value: string, nativeEvent: CompositionEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
   onInput?: (value: string, nativeEvent: Event) => any;
   "onUpdate:modelValue"?: (value: string) => any;
   onChange?: (value: string, nativeEvent: Event) => any;
-  onCompositionStart?: (value: string, nativeEvent: CompositionEvent) => any;
   onCompositionEnd?: (value: string, nativeEvent: CompositionEvent) => any;
+  onCompositionStart?: (value: string, nativeEvent: CompositionEvent) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/textarea.d.mts

@@ -1,2 +1,2 @@
-import { i as TextareaWrap, n as TextareaAriaInvalid, r as TextareaExpose, t as _default } from "./textarea-4eIDNcvv.mjs";
+import { i as TextareaWrap, n as TextareaAriaInvalid, r as TextareaExpose, t as _default } from "./textarea-D7V5lLPX.mjs";
 export { _default as Textarea, type TextareaAriaInvalid, type TextareaExpose, type TextareaWrap };

package/dist/toggle.d.mts

@@ -1,2 +1,2 @@
-import { Am as ToggleExpose, jm as ToggleSlotState, km as _default } from "./announcer-D0bFq-HV.mjs";
+import { Ap as _default, Mp as ToggleSlotState, jp as ToggleExpose } from "./announcer-DcI680jo.mjs";
 export { _default as Toggle, type ToggleExpose, type ToggleSlotState };

package/dist/tooltip.d.mts

@@ -1,2 +1,2 @@
-import { Bf as TooltipPositionerStrategy, Ff as TooltipContentExpose, Gf as TooltipViewport, Hf as TooltipSlotState, If as TooltipContentSlotState, Lf as TooltipDismissEvent, Mf as _default$2, Nf as _default$1, Pf as _default, Rf as TooltipEscapeKeyDownEvent, Uf as TooltipState, Vf as TooltipRootExpose, Wf as TooltipTriggerExpose, zf as TooltipPlacement } from "./announcer-D0bFq-HV.mjs";
+import { Bf as TooltipContentExpose, Gf as TooltipPositionerStrategy, Hf as TooltipDismissEvent, Jf as TooltipState, Kf as TooltipRootExpose, Lf as _default$2, Rf as _default$1, Uf as TooltipEscapeKeyDownEvent, Vf as TooltipContentSlotState, Wf as TooltipPlacement, Xf as TooltipViewport, Yf as TooltipTriggerExpose, qf as TooltipSlotState, zf as _default } from "./announcer-DcI680jo.mjs";
 export { _default as Tooltip, _default as TooltipRoot, _default$1 as TooltipContent, type TooltipContentExpose, type TooltipContentSlotState, type TooltipDismissEvent, type TooltipEscapeKeyDownEvent, type TooltipPlacement, type TooltipPositionerStrategy, type TooltipRootExpose, type TooltipSlotState, type TooltipState, _default$2 as TooltipTrigger, type TooltipTriggerExpose, type TooltipViewport };

package/dist/tour.d.mts

@@ -1,2 +1,2 @@
-import { $c as _default, Cl as TourStepDefinition, Dl as TourTargetState, El as TourTarget, Gc as _default$8, Hc as resolveTourTarget, Jc as _default$5, Kc as _default$7, Qc as _default$1, Sl as TourState, Tl as TourStepValue, Uc as _default$10, Vc as padTourRect, Wc as _default$9, Xc as _default$3, Yc as _default$4, Zc as _default$2, _l as TourRootExpose, al as TourCloseReason, bl as TourSpotlightRect, cl as TourContentSlotState, dl as TourDismissReason, el as TourAfterLeave, fl as TourHookResult, gl as TourProgressSlotState, hl as TourNavigationDirection, il as TourBeforeEnterContext, ll as TourControlSlotState, ml as TourMissingTargetBehavior, nl as TourArrowSlotState, ol as TourContentExpose, pl as TourMessages, qc as _default$6, rl as TourBeforeEnter, sl as TourContentPlacement, tl as TourAfterLeaveContext, ul as TourDirection, vl as TourSlotState, wl as TourStepSlotState, xl as TourSpotlightSlotState, yl as TourSpotlightExpose } from "./announcer-D0bFq-HV.mjs";
+import { $c as _default$5, Al as TourStepValue, Cl as TourSlotState, Dl as TourState, El as TourSpotlightSlotState, Jc as _default$10, Kc as padTourRect, Ml as TourTargetState, Ol as TourStepDefinition, Qc as _default$6, Sl as TourRootExpose, Tl as TourSpotlightRect, Xc as _default$8, Yc as _default$9, Zc as _default$7, _l as TourHookResult, al as TourAfterLeave, bl as TourNavigationDirection, cl as TourBeforeEnter, dl as TourContentExpose, el as _default$4, fl as TourContentPlacement, gl as TourDismissReason, hl as TourDirection, il as _default, jl as TourTarget, kl as TourStepSlotState, ll as TourBeforeEnterContext, ml as TourControlSlotState, nl as _default$2, ol as TourAfterLeaveContext, pl as TourContentSlotState, qc as resolveTourTarget, rl as _default$1, sl as TourArrowSlotState, tl as _default$3, ul as TourCloseReason, vl as TourMessages, wl as TourSpotlightExpose, xl as TourProgressSlotState, yl as TourMissingTargetBehavior } from "./announcer-DcI680jo.mjs";
 export { _default as Tour, _default as TourRoot, type TourAfterLeave, type TourAfterLeaveContext, _default$1 as TourArrow, type TourArrowSlotState, type TourBeforeEnter, type TourBeforeEnterContext, _default$2 as TourClose, type TourCloseReason, _default$3 as TourContent, type TourContentExpose, type TourContentPlacement, type TourContentSlotState, type TourControlSlotState, _default$4 as TourDescription, type TourDirection, type TourDismissReason, type TourHookResult, type TourMessages, type TourMissingTargetBehavior, type TourNavigationDirection, _default$5 as TourNext, _default$6 as TourPrev, _default$7 as TourProgress, type TourProgressSlotState, type TourRootExpose, type TourSlotState, _default$8 as TourSpotlight, type TourSpotlightExpose, type TourSpotlightRect, type TourSpotlightSlotState, type TourState, _default$9 as TourStep, type TourStepDefinition, type TourStepSlotState, type TourStepValue, type TourTarget, type TourTargetState, _default$10 as TourTitle, padTourRect, resolveTourTarget };

package/dist/tree.d.mts

@@ -1,2 +1,2 @@
-import { At as TreeReorderController, Ct as TreeItemExpose, Dt as TreeLoadContext, Et as TreeKey, Ft as TreeSlotState, It as TreeState, Lt as TreeVirtualizer, Mt as TreeReorderOptions, Nt as TreeRootExpose, Ot as TreeLoadState, Pt as TreeSelectionMode, Rt as TreeVirtualizerOptions, St as TreeFlatNode, Tt as TreeItemState, _t as _default, at as TreeIndexAccessors, bt as TreeDirection, ct as flattenVisibleTree, dt as toggleTreeChecked, ft as useTreeVirtualizer, gt as _default$1, ht as _default$2, it as TreeIndex, jt as TreeReorderItemRegistration, kt as TreeMoveEvent, lt as indexTree, mt as _default$3, ot as TreeIndexEntry, pt as useTreeReorder, st as deriveTreeCheckedStates, ut as normalizeTreeChecked, vt as TreeCheckPropagation, wt as TreeItemSlotState, xt as TreeDropPosition, yt as TreeCheckedState, zt as TreeVirtualizerSource } from "./announcer-D0bFq-HV.mjs";
+import { At as TreeItemState, Bt as TreeSlotState, Ct as TreeCheckPropagation, Dt as TreeFlatNode, Et as TreeDropPosition, Ft as TreeReorderController, Ht as TreeVirtualizer, It as TreeReorderItemRegistration, Lt as TreeReorderOptions, Mt as TreeLoadContext, Nt as TreeLoadState, Ot as TreeItemExpose, Pt as TreeMoveEvent, Rt as TreeRootExpose, St as _default, Tt as TreeDirection, Ut as TreeVirtualizerOptions, Vt as TreeState, Wt as TreeVirtualizerSource, _t as useTreeVirtualizer, bt as _default$2, dt as TreeIndexEntry, ft as deriveTreeCheckedStates, gt as toggleTreeChecked, ht as normalizeTreeChecked, jt as TreeKey, kt as TreeItemSlotState, lt as TreeIndex, mt as indexTree, pt as flattenVisibleTree, ut as TreeIndexAccessors, vt as useTreeReorder, wt as TreeCheckedState, xt as _default$1, yt as _default$3, zt as TreeSelectionMode } from "./announcer-DcI680jo.mjs";
 export { _default as Tree, _default as TreeRoot, type TreeCheckPropagation, type TreeCheckedState, type TreeDirection, type TreeDropPosition, type TreeFlatNode, type TreeIndex, type TreeIndexAccessors, type TreeIndexEntry, _default$1 as TreeItem, _default$2 as TreeItemCheckbox, type TreeItemExpose, type TreeItemSlotState, type TreeItemState, _default$3 as TreeItemToggle, type TreeKey, type TreeLoadContext, type TreeLoadState, type TreeMoveEvent, type TreeReorderController, type TreeReorderItemRegistration, type TreeReorderOptions, type TreeRootExpose, type TreeSelectionMode, type TreeSlotState, type TreeState, type TreeVirtualizer, type TreeVirtualizerOptions, type TreeVirtualizerSource, deriveTreeCheckedStates, flattenVisibleTree, indexTree, normalizeTreeChecked, toggleTreeChecked, useTreeReorder, useTreeVirtualizer };

package/dist/{week-picker-BUduCITx.mjs → week-picker-Ce2qvuBO.mjs}

@@ -230,7 +230,7 @@ var week_picker_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		});
 		const core = useCalendarCore(props, selection.adapter, root, (date) => emit("update:focusedDate", date));
 		resolveWeekStart = () => core.exposed.weekStartsOn.value;
-		const { id, headingId, slotState, direction, state } = core;
+		const { id: resolvedId, headingId, slotState, direction, state } = core;
 		const isoStart = computed(() => selection.value.value ? formatIsoDate(selection.value.value.start) : "");
 		const isoWeek = computed(() => selection.value.value ? isoWeekOf(addDays(selection.value.value.start, 3)) : null);
 		const isoWeekText = computed(() => isoWeek.value ? formatIsoWeek(isoWeek.value) : "");
@@ -242,7 +242,7 @@ var week_picker_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				id: unref(id),
+				id: unref(resolvedId),
 				ref_key: "root",
 				ref: root,
 				role: "group",

package/dist/week-picker.d.mts

@@ -1,4 +1,4 @@
 import { S as formatIsoDate, i as IsoWeek, r as DateRange, s as PlainDate, z as parseIsoDate } from "./plain-date-By3bTWQG.mjs";
-import { Db as weekOf, Eb as WeekSelection, Ob as _default, Tb as WeekPickerRootExpose } from "./announcer-D0bFq-HV.mjs";
+import { Bb as weekOf, Rb as WeekPickerRootExpose, Vb as _default, zb as WeekSelection } from "./announcer-DcI680jo.mjs";
 import { a as _default$2, i as _default$3, n as _default$5, o as _default$1, r as _default$4, t as _default$6 } from "./calendar-year-select.vue-BohqVCaU.mjs";
 export { type DateRange, type IsoWeek, type PlainDate, _default as WeekPicker, _default as WeekPickerRoot, _default$1 as WeekPickerGrid, _default$2 as WeekPickerHeading, _default$3 as WeekPickerMonthSelect, _default$4 as WeekPickerNext, _default$5 as WeekPickerPrev, type WeekPickerRootExpose, _default$6 as WeekPickerYearSelect, type WeekSelection, formatIsoDate, parseIsoDate, weekOf };

package/dist/week-picker.mjs

@@ -1,4 +1,4 @@
 import { M as parseIsoDate, h as formatIsoDate } from "./plain-date-DHX8BIlm.mjs";
 import { a as calendar_next_default, i as calendar_prev_default, n as calendar_month_select_default, o as calendar_heading_default, s as calendar_grid_default, t as calendar_year_select_default } from "./calendar-year-select-C_Hn7Jbv.mjs";
-import { n as weekOf, t as week_picker_root_default } from "./week-picker-BUduCITx.mjs";
+import { n as weekOf, t as week_picker_root_default } from "./week-picker-Ce2qvuBO.mjs";
 export { week_picker_root_default as WeekPicker, week_picker_root_default as WeekPickerRoot, calendar_grid_default as WeekPickerGrid, calendar_heading_default as WeekPickerHeading, calendar_month_select_default as WeekPickerMonthSelect, calendar_next_default as WeekPickerNext, calendar_prev_default as WeekPickerPrev, calendar_year_select_default as WeekPickerYearSelect, formatIsoDate, parseIsoDate, weekOf };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/ui",
-  "version": "0.443.0",
+  "version": "0.454.0",
   "description": "Accessible, headless, Native CSS-first UI primitives",
   "keywords": [
     "accessibility",
@@ -110,6 +110,11 @@
       "import": "./dist/bottom-navigation.mjs",
       "default": "./dist/bottom-navigation.mjs"
     },
+    "./navigation-rail": {
+      "types": "./dist/navigation-rail.d.mts",
+      "import": "./dist/navigation-rail.mjs",
+      "default": "./dist/navigation-rail.mjs"
+    },
     "./calendar": {
       "types": "./dist/calendar.d.mts",
       "import": "./dist/calendar.mjs",
@@ -390,6 +395,11 @@
       "import": "./dist/button-group.mjs",
       "default": "./dist/button-group.mjs"
     },
+    "./split-button": {
+      "types": "./dist/split-button.d.mts",
+      "import": "./dist/split-button.mjs",
+      "default": "./dist/split-button.mjs"
+    },
     "./copy-button": {
       "types": "./dist/copy-button.d.mts",
       "import": "./dist/copy-button.mjs",
@@ -1155,7 +1165,7 @@
     "@tsdown/css": "0.22.14",
     "@types/node": "25.9.2",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vizejs/native": "0.443.0",
+    "@vizejs/native": "0.454.0",
     "@vue/compiler-sfc": "3.5.35",
     "@vue/test-utils": "2.4.10",
     "happy-dom": "20.11.2",
@@ -1164,10 +1174,11 @@
     "vite-plus": "0.1.24",
     "vue": "3.5.35",
     "vue-tsc": "3.3.11",
-    "vue-vapor-runtime": "npm:vue@3.6.0-rc.9"
+    "vue-vapor-runtime": "npm:vue@3.6.0-rc.9",
+    "vue-vapor-runtime-supported": "npm:vue@3.6.0-rc.11"
   },
   "peerDependencies": {
-    "vue": "^3.5.0"
+    "vue": "^3.5.0 || ^3.6.0-rc.11"
   },
   "engines": {
     "node": ">=22"
@@ -1186,7 +1197,7 @@
     "test": "vp test run && vp test run --config vite.production-vue.config.ts",
     "check:catalog": "vp test run src/catalog/family-catalog.test.ts",
     "check:static": "vp check src scripts vite.config.ts tsconfig.typecheck.json && vue-tsc --noEmit -p tsconfig.typecheck.json",
-    "check:vapor-runtime": "vp exec node scripts/check-vapor-runtime.ts",
+    "check:vapor-runtime": "vp exec node --test scripts/vapor-runtime/css-properties-hydration.test.ts scripts/vapor-runtime/scoped-union-props.test.ts scripts/vapor-runtime/scoped-union-controls.test.ts && vp exec node scripts/check-vapor-runtime.ts",
     "check:story-testbed": "vp exec node scripts/story-testbed.ts check --format json",
     "check": "pnpm lint:sfc && pnpm check:static && pnpm check:story-testbed && pnpm check:vapor-runtime",
     "check:fix": "vp check --fix src scripts vite.config.ts tsconfig.typecheck.json",

package/registry/files/families/actions/split-button/examples/split-button-basic.vue

@@ -0,0 +1,35 @@
+<!-- Save action with related save options in an attached menu. -->
+<script setup lang="ts">
+import { ref } from "vue";
+
+import {
+  SplitButton,
+  SplitButtonAction,
+  SplitButtonContent,
+  SplitButtonItem,
+  SplitButtonSeparator,
+  SplitButtonTrigger,
+} from "../split-button.ts";
+
+const lastAction = ref("none");
+</script>
+
+<template>
+  <div>
+    <SplitButton aria-label="Save options">
+      <SplitButtonAction @press="() => (lastAction = 'Save')">Save</SplitButtonAction>
+      <SplitButtonTrigger aria-label="More save options">▾</SplitButtonTrigger>
+      <SplitButtonContent>
+        <SplitButtonItem @select="() => (lastAction = 'Save as draft')">
+          Save as draft
+        </SplitButtonItem>
+        <SplitButtonItem @select="() => (lastAction = 'Save and publish')">
+          Save and publish
+        </SplitButtonItem>
+        <SplitButtonSeparator />
+        <SplitButtonItem @select="() => (lastAction = 'Schedule')">Schedule…</SplitButtonItem>
+      </SplitButtonContent>
+    </SplitButton>
+    <output>Last action: {{ lastAction }}</output>
+  </div>
+</template>