reka-ui 2.9.8 → 2.9.9

package/dist/internal.cjs

@@ -14,6 +14,7 @@ require('./shared/trap-focus.cjs');
 require('./shared/useArrowNavigation.cjs');
 require('./ConfigProvider/ConfigProvider.cjs');
 require('./shared/useBodyScrollLock.cjs');
+require('./shared/useComposing.cjs');
 require('./date/comparators.cjs');
 require('./date/utils.cjs');
 require('./date/calendar.cjs');

package/dist/internal.d.cts

@@ -1,7 +1,7 @@
 import "./index2.cjs";
 import "./index3.cjs";
 import { MenuArrowProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuEmits, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuLabelProps, MenuPortalProps, MenuProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSeparatorProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, PopperAnchorProps, _default$277 as _default$13, _default$278 as _default$8, _default$279 as _default, _default$280 as _default$6, _default$281 as _default$10, _default$282 as _default$3, _default$283 as _default$14, _default$284 as _default$12, _default$285 as _default$2, _default$286 as _default$1, _default$287 as _default$11, _default$288 as _default$7, _default$290 as _default$9, _default$291 as _default$4, _default$292 as _default$5, injectMenuContext, injectMenuRootContext } from "./index4.cjs";
-import * as vue136 from "vue";
+import * as vue19 from "vue";
 
 //#region src/Menu/MenuAnchor.vue.d.ts
 interface MenuAnchorProps extends PopperAnchorProps {}
@@ -9,7 +9,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue136.DefineComponent<MenuAnchorProps, {}, {}, {}, {}, vue136.ComponentOptionsMixin, vue136.ComponentOptionsMixin, {}, string, vue136.PublicProps, Readonly<MenuAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue136.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue19.DefineComponent<MenuAnchorProps, {}, {}, {}, {}, vue19.ComponentOptionsMixin, vue19.ComponentOptionsMixin, {}, string, vue19.PublicProps, Readonly<MenuAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue19.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default$15: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/internal.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.cts","names":[],"sources":["../src/Menu/MenuAnchor.vue"],"sourcesContent":[],"mappings":";;;;;;UAoBU,eAAA,SAAwB;YAsC9B;KACC,WAAA;2BACwB;AA3CoB,CAAA;AAGE,cA2C7C,UALgB,EAKN,MAAA,CAAA,eALM,CAKN,eALM,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAKN,MAAA,CAAA,qBAAA,EAAA,MAAA,CAAA,qBAAA,EALM,CAAA,CAAA,EAAA,MAAA,EAKN,MAAA,CAAA,WAAA,EAAA,QALM,CAKN,eALM,CAAA,GAKN,QALM,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAKN,MAAA,CAAA,uBAAA,EALM,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AAAA,cAQhB,YAPU,EAOW,eANS,CAAA,OAMc,UANd,EAM0B,WAN1B,CAAA;AAAA,cAMM,WADxC,EAAA,OAE0B,YAF1B;KAGG,eALW,CAAA,CAAA,EAAA,CAAA,CAAA,GAKa,CALb,GAAA;EAAA,MAAA,EAAA;IAAA,MAAA,EAON,CAPM;EAAA,CAAA;CAAA"}
+{"version":3,"file":"internal.d.cts","names":[],"sources":["../src/Menu/MenuAnchor.vue"],"sourcesContent":[],"mappings":";;;;;;UAoBU,eAAA,SAAwB;YAsC9B;KACC,WAAA;2BACwB;AA3CoB,CAAA;AAGE,cA2C7C,UALgB,EAKN,KAAA,CAAA,eALM,CAKN,eALM,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAKN,KAAA,CAAA,qBAAA,EAAA,KAAA,CAAA,qBAAA,EALM,CAAA,CAAA,EAAA,MAAA,EAKN,KAAA,CAAA,WAAA,EAAA,QALM,CAKN,eALM,CAAA,GAKN,QALM,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAKN,KAAA,CAAA,uBAAA,EALM,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AAAA,cAQhB,YAPU,EAOW,eANS,CAAA,OAMc,UANd,EAM0B,WAN1B,CAAA;AAAA,cAMM,WADxC,EAAA,OAE0B,YAF1B;KAGG,eALW,CAAA,CAAA,EAAA,CAAA,CAAA,GAKa,CALb,GAAA;EAAA,MAAA,EAAA;IAAA,MAAA,EAON,CAPM;EAAA,CAAA;CAAA"}

package/dist/internal.d.ts

@@ -1,7 +1,7 @@
 import "./index2.js";
 import "./index3.js";
 import { MenuArrowProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentEmits, MenuContentProps, MenuEmits, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuLabelProps, MenuPortalProps, MenuProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSeparatorProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, PopperAnchorProps, _default$277 as _default$13, _default$278 as _default$8, _default$279 as _default, _default$280 as _default$6, _default$281 as _default$10, _default$282 as _default$3, _default$283 as _default$14, _default$284 as _default$12, _default$285 as _default$2, _default$286 as _default$1, _default$287 as _default$11, _default$288 as _default$7, _default$290 as _default$9, _default$291 as _default$4, _default$292 as _default$5, injectMenuContext, injectMenuRootContext } from "./index4.js";
-import * as vue50 from "vue";
+import * as vue372 from "vue";
 
 //#region src/Menu/MenuAnchor.vue.d.ts
 interface MenuAnchorProps extends PopperAnchorProps {}
@@ -9,7 +9,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue50.DefineComponent<MenuAnchorProps, {}, {}, {}, {}, vue50.ComponentOptionsMixin, vue50.ComponentOptionsMixin, {}, string, vue50.PublicProps, Readonly<MenuAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue50.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue372.DefineComponent<MenuAnchorProps, {}, {}, {}, {}, vue372.ComponentOptionsMixin, vue372.ComponentOptionsMixin, {}, string, vue372.PublicProps, Readonly<MenuAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue372.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default$15: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","names":[],"sources":["../src/Menu/MenuAnchor.vue"],"sourcesContent":[],"mappings":";;;;;;UAoBU,eAAA,SAAwB;YAsC9B;KACC,WAAA;2BACwB;AA3CoB,CAAA;AAGE,cA2C7C,UALgB,EAKN,KAAA,CAAA,eALM,CAKN,eALM,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAKN,KAAA,CAAA,qBAAA,EAAA,KAAA,CAAA,qBAAA,EALM,CAAA,CAAA,EAAA,MAAA,EAKN,KAAA,CAAA,WAAA,EAAA,QALM,CAKN,eALM,CAAA,GAKN,QALM,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAKN,KAAA,CAAA,uBAAA,EALM,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AAAA,cAQhB,YAPU,EAOW,eANS,CAAA,OAMc,UANd,EAM0B,WAN1B,CAAA;AAAA,cAMM,WADxC,EAAA,OAE0B,YAF1B;KAGG,eALW,CAAA,CAAA,EAAA,CAAA,CAAA,GAKa,CALb,GAAA;EAAA,MAAA,EAAA;IAAA,MAAA,EAON,CAPM;EAAA,CAAA;CAAA"}
+{"version":3,"file":"internal.d.ts","names":[],"sources":["../src/Menu/MenuAnchor.vue"],"sourcesContent":[],"mappings":";;;;;;UAoBU,eAAA,SAAwB;YAsC9B;KACC,WAAA;2BACwB;AA3CoB,CAAA;AAGE,cA2C7C,UALgB,EAKN,MAAA,CAAA,eALM,CAKN,eALM,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAKN,MAAA,CAAA,qBAAA,EAAA,MAAA,CAAA,qBAAA,EALM,CAAA,CAAA,EAAA,MAAA,EAKN,MAAA,CAAA,WAAA,EAAA,QALM,CAKN,eALM,CAAA,GAKN,QALM,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAKN,MAAA,CAAA,uBAAA,EALM,KAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AAAA,cAQhB,YAPU,EAOW,eANS,CAAA,OAMc,UANd,EAM0B,WAN1B,CAAA;AAAA,cAMM,WADxC,EAAA,OAE0B,YAF1B;KAGG,eALW,CAAA,CAAA,EAAA,CAAA,CAAA,GAKa,CALb,GAAA;EAAA,MAAA,EAAA;IAAA,MAAA,EAON,CAPM;EAAA,CAAA;CAAA"}

package/dist/internal.js

@@ -14,6 +14,7 @@ import "./shared/trap-focus.js";
 import "./shared/useArrowNavigation.js";
 import "./ConfigProvider/ConfigProvider.js";
 import "./shared/useBodyScrollLock.js";
+import "./shared/useComposing.js";
 import "./date/comparators.js";
 import "./date/utils.js";
 import "./date/calendar.js";

package/dist/shared/useComposing.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/shared/useComposing.ts
+function useComposing(onEnd) {
+	const isComposing = (0, vue.ref)(false);
+	function handleCompositionStart() {
+		isComposing.value = true;
+	}
+	function handleCompositionEnd(event) {
+		(0, vue.nextTick)(() => {
+			isComposing.value = false;
+			onEnd?.(event);
+		});
+	}
+	return {
+		isComposing,
+		handleCompositionStart,
+		handleCompositionEnd
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'useComposing', {
+  enumerable: true,
+  get: function () {
+    return useComposing;
+  }
+});
+//# sourceMappingURL=useComposing.cjs.map

package/dist/shared/useComposing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposing.cjs","names":["onEnd?: (event: CompositionEvent) => void","event: CompositionEvent"],"sources":["../../src/shared/useComposing.ts"],"sourcesContent":[],"mappings":";;;;AAEA,SAAgB,aAAaA,OAA2C;CACtE,MAAM,cAAc,aAAI,MAAM;CAE9B,SAAS,yBAAyB;AAChC,cAAY,QAAQ;CACrB;CAED,SAAS,qBAAqBC,OAAyB;AACrD,oBAAS,MAAM;AACb,eAAY,QAAQ;AACpB,WAAQ,MAAM;EACf,EAAC;CACH;AAED,QAAO;EAAE;EAAa;EAAwB;CAAsB;AACrE"}

package/dist/shared/useComposing.js

@@ -0,0 +1,24 @@
+import { nextTick, ref } from "vue";
+
+//#region src/shared/useComposing.ts
+function useComposing(onEnd) {
+	const isComposing = ref(false);
+	function handleCompositionStart() {
+		isComposing.value = true;
+	}
+	function handleCompositionEnd(event) {
+		nextTick(() => {
+			isComposing.value = false;
+			onEnd?.(event);
+		});
+	}
+	return {
+		isComposing,
+		handleCompositionStart,
+		handleCompositionEnd
+	};
+}
+
+//#endregion
+export { useComposing };
+//# sourceMappingURL=useComposing.js.map

package/dist/shared/useComposing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposing.js","names":["onEnd?: (event: CompositionEvent) => void","event: CompositionEvent"],"sources":["../../src/shared/useComposing.ts"],"sourcesContent":[],"mappings":";;;AAEA,SAAgB,aAAaA,OAA2C;CACtE,MAAM,cAAc,IAAI,MAAM;CAE9B,SAAS,yBAAyB;AAChC,cAAY,QAAQ;CACrB;CAED,SAAS,qBAAqBC,OAAyB;AACrD,WAAS,MAAM;AACb,eAAY,QAAQ;AACpB,WAAQ,MAAM;EACf,EAAC;CACH;AAED,QAAO;EAAE;EAAa;EAAwB;CAAsB;AACrE"}

package/dist/shared.cjs

@@ -14,6 +14,7 @@ const require_shared_trap_focus = require('./shared/trap-focus.cjs');
 const require_shared_useArrowNavigation = require('./shared/useArrowNavigation.cjs');
 require('./ConfigProvider/ConfigProvider.cjs');
 const require_shared_useBodyScrollLock = require('./shared/useBodyScrollLock.cjs');
+const require_shared_useComposing = require('./shared/useComposing.cjs');
 require('./date/comparators.cjs');
 require('./date/utils.cjs');
 require('./date/calendar.cjs');
@@ -60,6 +61,7 @@ exports.snapValueToStep = require_shared_clamp.snapValueToStep;
 exports.trapFocus = require_shared_trap_focus.trapFocus;
 exports.useArrowNavigation = require_shared_useArrowNavigation.useArrowNavigation;
 exports.useBodyScrollLock = require_shared_useBodyScrollLock.useBodyScrollLock;
+exports.useComposing = require_shared_useComposing.useComposing;
 exports.useDateFormatter = require_shared_useDateFormatter.useDateFormatter;
 exports.useDirection = require_shared_useDirection.useDirection;
 exports.useEmitAsProps = require_shared_useEmitAsProps.useEmitAsProps;

package/dist/shared.d.cts

@@ -1,2 +1,2 @@
-import { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault } from "./index3.cjs";
-export { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };
+import { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useComposing, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault } from "./index3.cjs";
+export { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useComposing, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };

package/dist/shared.d.ts

@@ -1,2 +1,2 @@
-import { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault } from "./index3.js";
-export { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };
+import { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useComposing, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault } from "./index3.js";
+export { DateRange, DateStep, DateValue, Formatter, SegmentPart, TimeRange, TimeValue, areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useComposing, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };

package/dist/shared.js

@@ -14,6 +14,7 @@ import { trapFocus } from "./shared/trap-focus.js";
 import { useArrowNavigation } from "./shared/useArrowNavigation.js";
 import "./ConfigProvider/ConfigProvider.js";
 import { useBodyScrollLock } from "./shared/useBodyScrollLock.js";
+import { useComposing } from "./shared/useComposing.js";
 import "./date/comparators.js";
 import "./date/utils.js";
 import "./date/calendar.js";
@@ -40,4 +41,4 @@ import { useTypeahead } from "./shared/useTypeahead.js";
 import { withDefault } from "./shared/withDefault.js";
 import "./shared/index.js";
 
-export { areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };
+export { areEqual, chunk, clamp, createContext, findValuesBetween, getActiveElement, handleAndDispatchCustomEvent, isBrowser, isNullish, isValidVNodeElement, isValueEqualOrExist, omit, onFocusOutside, pick, renderSlotFragments, roundToStepPrecision, snapValueToStep, trapFocus, useArrowNavigation, useBodyScrollLock, useComposing, useDateFormatter, useDirection, useEmitAsProps, useFilter, useFocusGuards, useFormControl, useForwardExpose, useForwardProps, useForwardPropsEmits, useForwardRef, useGraceArea, useHideOthers, useId, useKbd, useLocale, useSelectionBehavior, useSize, useStateMachine, useTestKbd, useTypeahead, withDefault };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reka-ui",
   "type": "module",
-  "version": "2.9.8",
+  "version": "2.9.9",
   "description": "Vue port for Radix UI Primitives.",
   "author": "UnoVue Contributors (https://github.com/unovue)",
   "license": "MIT",
@@ -111,15 +111,15 @@
     "@tsconfig/node24": "^24.0.0",
     "@types/jsdom": "^28.0.0",
     "@types/node": "^24.0.13",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vitest/coverage-istanbul": "^3.2.4",
     "@vue/test-utils": "^2.4.10",
     "@vue/tsconfig": "^0.7.0",
     "jsdom": "^26.1.0",
     "size-limit": "^12.0.1",
     "tsdown": "^0.12.9",
-    "vite": "^8.0.12",
-    "vitest": "^3.2.4",
+    "vite": "^8.0.14",
+    "vitest": "^4.1.0",
     "vitest-axe": "0.1.0",
     "vitest-canvas-mock": "^0.3.3",
     "vue": "3.5.17",

package/src/Autocomplete/AutocompleteInput.vue

@@ -7,11 +7,12 @@ export interface AutocompleteInputProps extends ListboxFilterProps {}
 
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
-import { nextTick, onMounted, ref, watch } from 'vue'
+import { nextTick, onMounted, watch } from 'vue'
 import { injectComboboxRootContext } from '@/Combobox/ComboboxRoot.vue'
 import { ListboxFilter } from '@/Listbox'
 import { injectListboxRootContext } from '@/Listbox/ListboxRoot.vue'
 import { usePrimitiveElement } from '@/Primitive'
+import { useComposing } from '@/shared'
 import { injectAutocompleteRootContext } from './AutocompleteRoot.vue'
 
 const props = withDefaults(defineProps<AutocompleteInputProps>(), {
@@ -37,22 +38,17 @@ onMounted(() => {
     rootContext.onInputElementChange(currentElement.value as HTMLInputElement)
 })
 
-const isComposing = ref(false)
-function onCompositionStart() {
-  isComposing.value = true
-}
-function onCompositionEnd() {
-  nextTick(() => {
-    isComposing.value = false
-    const el = currentElement.value as HTMLInputElement
-    if (el)
-      processInputValue(el.value)
-  })
-}
+const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+  const el = event.target as HTMLInputElement
+  if (el)
+    processInputValue(el.value)
+})
 
-function handleKeyDown(_ev: KeyboardEvent) {
+function handleKeyDown(ev: KeyboardEvent) {
+  // Don't swallow arrow keys mid-composition, they're used for IME candidate navigation
   if (isComposing.value)
     return
+  ev.preventDefault()
   if (!rootContext.open.value)
     rootContext.onOpenChange(true)
 }
@@ -124,10 +120,10 @@ watch(rootContext.filterState, (_newValue, oldValue) => {
     autocomplete="off"
     @click="handleClick"
     @input="handleInput"
-    @keydown.down.up.prevent="handleKeyDown"
+    @keydown.down.up="handleKeyDown"
     @focus="handleFocus"
-    @compositionstart="onCompositionStart"
-    @compositionend="onCompositionEnd"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
   >
     <slot />
   </ListboxFilter>

package/src/ColorField/ColorFieldInput.vue

@@ -9,6 +9,7 @@ export interface ColorFieldInputProps extends PrimitiveProps {}
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { Primitive } from '@/Primitive'
+import { useComposing } from '@/shared'
 import { injectColorFieldRootContext } from './ColorFieldRoot.vue'
 
 const props = withDefaults(defineProps<ColorFieldInputProps>(), {
@@ -18,6 +19,7 @@ const props = withDefaults(defineProps<ColorFieldInputProps>(), {
 const rootContext = injectColorFieldRootContext()
 
 const isFocused = ref(false)
+const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing()
 
 const inputType = computed(() => {
   return rootContext.channel.value ? 'text' : 'text'
@@ -48,6 +50,11 @@ function handleWheel(event: WheelEvent) {
 }
 
 function handleKeydown(event: KeyboardEvent) {
+  // Don't step/commit mid-composition, keys are used for IME candidate navigation and commit.
+  // `isComposing` stays true until the tick after `compositionend`, so the commit keydown
+  // (which can report `event.isComposing === false`) is still skipped.
+  if (isComposing.value || event.isComposing)
+    return
   switch (event.key) {
     case 'ArrowUp':
       event.preventDefault()
@@ -82,6 +89,8 @@ function handleKeydown(event: KeyboardEvent) {
 
 // Handle numeric key validation for channel mode
 function handleBeforeInput(event: InputEvent) {
+  if (event.isComposing)
+    return
   if (!rootContext.channel.value)
     return // No validation for hex mode
 
@@ -129,6 +138,8 @@ function handleBeforeInput(event: InputEvent) {
     @keydown="handleKeydown"
     @wheel="handleWheel"
     @beforeinput="handleBeforeInput"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
   >
     <slot />
   </Primitive>

package/src/Combobox/ComboboxInput.vue

@@ -3,6 +3,7 @@ import type { ListboxFilterEmits, ListboxFilterProps } from '@/Listbox'
 import { useVModel } from '@vueuse/core'
 import { nextTick, onMounted, watch } from 'vue'
 import { usePrimitiveElement } from '@/Primitive'
+import { useComposing } from '@/shared'
 
 export type ComboboxInputEmits = ListboxFilterEmits
 export interface ComboboxInputProps extends ListboxFilterProps {
@@ -34,27 +35,42 @@ onMounted(() => {
     rootContext.onInputElementChange(currentElement.value as HTMLInputElement)
 })
 
+const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+  const el = event.target as HTMLInputElement
+  if (el)
+    processInputValue(el.value)
+})
+
 function handleKeyDown(ev: KeyboardEvent) {
+  // Don't swallow arrow keys mid-composition, they're used for IME candidate navigation
+  if (isComposing.value)
+    return
+  ev.preventDefault()
   if (!rootContext.open.value)
     rootContext.onOpenChange(true)
 }
 
-function handleInput(event: InputEvent) {
-  const target = event.target as HTMLInputElement
+function processInputValue(value: string) {
   if (!rootContext.open.value) {
     rootContext.onOpenChange(true)
     nextTick(() => {
-      if (target.value) {
-        rootContext.filterSearch.value = target.value
+      if (value) {
+        rootContext.filterSearch.value = value
         listboxContext.highlightFirstItem()
       }
     })
   }
   else {
-    rootContext.filterSearch.value = target.value
+    rootContext.filterSearch.value = value
   }
 }
 
+function handleInput(event: InputEvent) {
+  if (isComposing.value)
+    return
+  processInputValue((event.target as HTMLInputElement).value)
+}
+
 function handleFocus() {
   if (rootContext.openOnFocus.value && !rootContext.open.value)
     rootContext.onOpenChange(true)
@@ -74,7 +90,19 @@ function handleBlur(ev: FocusEvent) {
   const isInsideContent = document.getElementById(rootContext.contentId)?.contains(nextFocus)
 
   if (!isInsideRoot && !isInsideContent) {
-    rootContext.onOpenChange(false)
+    // Delay to let FocusScope's focus-restoration (handleFocusOut) run first.
+    // Without this, closing fires before FocusScope can pull focus back inside,
+    // causing a second combobox to immediately close when switching between two.
+    requestAnimationFrame(() => {
+      if (!rootContext.open.value)
+        return
+      const active = document.activeElement
+      const isStillOutside = !rootContext.parentElement.value?.contains(active)
+        && !document.getElementById(rootContext.contentId)?.contains(active)
+      if (isStillOutside) {
+        rootContext.onOpenChange(false)
+      }
+    })
   }
 }
 
@@ -138,9 +166,11 @@ watch(rootContext.filterState, (_newValue, oldValue) => {
     autocomplete="off"
     @click="handleClick"
     @input="handleInput"
-    @keydown.down.up.prevent="handleKeyDown"
+    @keydown.down.up="handleKeyDown"
     @focus="handleFocus"
     @blur="handleBlur"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
   >
     <slot />
   </ListboxFilter>

package/src/DateField/DateFieldInput.vue

@@ -23,6 +23,9 @@ const lastKeyZero = ref(false)
 const {
   handleSegmentClick,
   handleSegmentKeydown,
+  handleSegmentBeforeInput,
+  handleSegmentCompositionStart,
+  handleSegmentCompositionEnd,
   attributes,
 } = useDateField({
   hasLeftFocus,
@@ -59,6 +62,9 @@ const isInvalid = computed(() => rootContext.isInvalid.value)
     v-on="part !== 'literal' ? {
       mousedown: handleSegmentClick,
       keydown: handleSegmentKeydown,
+      beforeinput: handleSegmentBeforeInput,
+      compositionstart: handleSegmentCompositionStart,
+      compositionend: handleSegmentCompositionEnd,
       focusout: () => { hasLeftFocus = true },
       focusin: (e: FocusEvent) => {
         rootContext.setFocusedElement(e.target as HTMLElement)

package/src/DateField/DateFieldRoot.vue

@@ -251,6 +251,9 @@ const inputMinValue = computed(() => props.minValue ? normalizeInputValue(props.
 const kbd = useKbd()
 
 function handleKeydown(e: KeyboardEvent) {
+  // Don't navigate between segments mid-composition, arrow keys are used for IME candidate navigation
+  if (e.isComposing)
+    return
   if (!isSegmentNavigationKey(e.key))
     return
   if (e.key === kbd.ARROW_LEFT)

package/src/DatePicker/DatePickerRoot.vue

@@ -140,10 +140,23 @@ const open = useVModel(props, 'open', emits, {
 
 const dateFieldRef = ref<InstanceType<typeof DateFieldRoot> | undefined>()
 
+/**
+ * Reset time fields on DateValue instances that support time granularity.
+ */
+function resetTime(date: DateValue) {
+  if (!('hour' in date))
+    return date
+
+  return date.set({ hour: 0, minute: 0, second: 0, millisecond: 0 })
+}
+
 watch(modelValue, (value) => {
   if (value && value.compare(placeholder.value) !== 0) {
     placeholder.value = value.copy()
   }
+  else if (!value && 'hour' in placeholder.value) {
+    placeholder.value = resetTime(placeholder.value)
+  }
   if (closeOnSelect.value) {
     open.value = false
   }
@@ -178,8 +191,11 @@ provideDatePickerRootContext({
   dir,
   step,
   onDateChange(date: DateValue | undefined) {
-    if (!date || !modelValue.value) {
-      modelValue.value = date?.copy() ?? undefined
+    if (!date) {
+      modelValue.value = undefined
+    }
+    else if (!modelValue.value) {
+      modelValue.value = date.copy()
     }
     else if (!preventDeselect.value && date && modelValue.value.compare(date) === 0) {
       modelValue.value = undefined

package/src/DateRangeField/DateRangeFieldInput.vue

@@ -26,6 +26,9 @@ const lastKeyZero = ref(false)
 const {
   handleSegmentClick,
   handleSegmentKeydown,
+  handleSegmentBeforeInput,
+  handleSegmentCompositionStart,
+  handleSegmentCompositionEnd,
   attributes,
 } = useDateField({
   hasLeftFocus,
@@ -63,6 +66,9 @@ const isInvalid = computed(() => rootContext.isInvalid.value)
     v-on="part !== 'literal' ? {
       mousedown: handleSegmentClick,
       keydown: handleSegmentKeydown,
+      beforeinput: handleSegmentBeforeInput,
+      compositionstart: handleSegmentCompositionStart,
+      compositionend: handleSegmentCompositionEnd,
       focusout: () => { hasLeftFocus = true },
       focusin: (e: FocusEvent) => {
         rootContext.setFocusedElement(e.target as HTMLElement)

package/src/DateRangeField/DateRangeFieldRoot.vue

@@ -337,6 +337,9 @@ const prevFocusableSegment = computed(() => {
 const kbd = useKbd()
 
 function handleKeydown(e: KeyboardEvent) {
+  // Don't navigate between segments mid-composition, arrow keys are used for IME candidate navigation
+  if (e.isComposing)
+    return
   if (!isSegmentNavigationKey(e.key))
     return
   if (e.key === kbd.ARROW_LEFT)

package/src/Dialog/DialogOverlayImpl.vue

@@ -23,7 +23,7 @@ useForwardExpose()
     :as-child="asChild"
     :data-state="rootContext.open.value ? 'open' : 'closed'"
     style="pointer-events: auto"
-    @pointerdown.left.prevent
+    @pointerdown.left.self.prevent
   >
     <slot />
   </Primitive>

package/src/DropdownMenu/DropdownMenuFilter.vue

@@ -6,6 +6,7 @@ import { injectMenuContentContext } from '@/Menu/MenuContentImpl.vue'
 import { injectMenuRootContext } from '@/Menu/MenuRoot.vue'
 import { injectMenuSubContext } from '@/Menu/MenuSub.vue'
 import { Primitive, usePrimitiveElement } from '@/Primitive'
+import { useComposing } from '@/shared'
 
 export interface DropdownMenuFilterProps extends PrimitiveProps {
   /** The controlled value of the filter. Can be binded with v-model. */
@@ -70,18 +71,34 @@ onUnmounted(() => {
   contentContext.searchRef.value = ''
 })
 
+const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+  const el = event.target as HTMLInputElement
+  if (el) {
+    modelValue.value = el.value
+    contentContext.searchRef.value = el.value
+  }
+})
+
 function handleInput(event: InputEvent) {
   if (disabled.value)
     return
+  if (isComposing.value)
+    return
   const target = event.target as HTMLInputElement
   modelValue.value = target.value
-  // Update the menu's search ref to help with filtering
   contentContext.searchRef.value = target.value
 }
 
 function handleKeyDown(event: KeyboardEvent) {
   if (disabled.value)
     return
+  // During composition the keys belong to the IME (candidate navigation/commit).
+  // Stop them from bubbling to the menu content's keydown handler (which would
+  // navigate/typeahead) without calling preventDefault, so the IME still works.
+  if (isComposing.value) {
+    event.stopPropagation()
+    return
+  }
   if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
     event.preventDefault()
     contentContext.onKeydownNavigation(event)
@@ -113,6 +130,8 @@ function handleKeyDown(event: KeyboardEvent) {
     role="searchbox"
     @input="handleInput"
     @keydown="handleKeyDown"
+    @compositionstart="handleCompositionStart"
+    @compositionend="handleCompositionEnd"
   >
     <slot :model-value="modelValue" />
   </Primitive>

package/src/Listbox/ListboxFilter.vue

@@ -3,6 +3,7 @@ import type { PrimitiveProps } from '..'
 import { useVModel } from '@vueuse/core'
 import { computed, onMounted, onUnmounted, ref, watchSyncEffect } from 'vue'
 import { usePrimitiveElement } from '@/Primitive'
+import { useComposing } from '@/shared'
 import { Primitive } from '..'
 import { injectListboxRootContext } from './ListboxRoot.vue'
 
@@ -59,6 +60,39 @@ onMounted(() => {
 onUnmounted(() => {
   rootContext.focusable.value = true
 })
+
+const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing((event) => {
+  modelValue.value = (event.target as HTMLInputElement).value
+  rootContext.onCompositionEnd()
+  rootContext.highlightFirstItem()
+})
+
+function onCompositionStart() {
+  rootContext.onCompositionStart()
+  handleCompositionStart()
+}
+
+function handleInput(event: InputEvent) {
+  if (isComposing.value)
+    return
+  modelValue.value = (event.target as HTMLInputElement).value
+  rootContext.highlightFirstItem()
+}
+
+function handleKeydownNavigation(event: KeyboardEvent) {
+  // Don't navigate mid-composition, arrow keys are used for IME candidate navigation
+  if (isComposing.value)
+    return
+  event.preventDefault()
+  rootContext.onKeydownNavigation(event)
+}
+
+function handleKeydownEnter(event: KeyboardEvent) {
+  // Don't select mid-composition, Enter commits the IME candidate
+  if (isComposing.value)
+    return
+  rootContext.onKeydownEnter(event)
+}
 </script>
 
 <template>
@@ -72,14 +106,11 @@ onUnmounted(() => {
     :aria-disabled="disabled ?? undefined"
     :aria-activedescendant="activedescendant"
     type="text"
-    @keydown.down.up.home.end.prevent="rootContext.onKeydownNavigation"
-    @keydown.enter="rootContext.onKeydownEnter"
-    @input="(event: InputEvent) => {
-      modelValue = (event.target as HTMLInputElement).value
-      rootContext.highlightFirstItem()
-    }"
-    @compositionstart="rootContext.onCompositionStart"
-    @compositionend="rootContext.onCompositionEnd"
+    @keydown.down.up.home.end="handleKeydownNavigation"
+    @keydown.enter="handleKeydownEnter"
+    @input="handleInput"
+    @compositionstart="onCompositionStart"
+    @compositionend="handleCompositionEnd"
   >
     <slot :model-value="modelValue" />
   </Primitive>