reka-ui 2.5.0 → 2.5.1

package/dist/index2.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index2.d.cts","names":[],"sources":["../src/date/types.ts","../src/shared/date/types.ts","../src/shared/date/parts.ts","../src/date/calendar.ts","../src/date/comparators.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index2.d.cts","names":[],"sources":["../src/date/types.ts","../src/shared/date/types.ts","../src/shared/date/parts.ts","../src/date/calendar.ts","../src/date/comparators.ts"],"sourcesContent":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reka-ui",
   "type": "module",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "Vue port for Radix UI Primitives.",
   "author": "UnoVue Contributors (https://github.com/unovue)",
   "license": "MIT",
@@ -97,7 +97,7 @@
     "@vue/tsconfig": "^0.7.0",
     "jsdom": "^26.1.0",
     "tsdown": "^0.12.9",
-    "vite": "^7.1.3",
+    "vite": "^7.1.7",
     "vitest": "^3.2.4",
     "vitest-axe": "0.1.0",
     "vitest-canvas-mock": "^0.3.3",

package/src/Calendar/CalendarCellTrigger.vue

@@ -9,7 +9,7 @@ import {
   isToday,
 } from '@internationalized/date'
 import { computed, nextTick } from 'vue'
-import { getDaysInMonth, toDate } from '@/date'
+import { getDaysInMonth, parseStringToDateValue, toDate } from '@/date'
 import { useKbd } from '@/shared'
 import { getSelectableCells } from './utils'
 
@@ -137,9 +137,17 @@ function handleArrowKey(e: KeyboardEvent) {
     const newIndex = index + add
 
     if (newIndex >= 0 && newIndex < allCollectionItems.length) {
+      const newDate = allCollectionItems[newIndex].getAttribute('data-value')
+      const newDateValue = parseStringToDateValue(newDate!, rootContext.placeholder.value)
+      const minValue = rootContext.minValue.value
+      const maxValue = rootContext.maxValue.value
+      if ((minValue && newDateValue.compare(minValue) < 0) || (maxValue && newDateValue.compare(maxValue) > 0))
+        return
+
       if (allCollectionItems[newIndex].hasAttribute('data-disabled')) {
         shiftFocus(allCollectionItems[newIndex], add)
       }
+      rootContext.onPlaceholderChange(newDateValue)
       allCollectionItems[newIndex].focus()
       return
     }
@@ -159,15 +167,20 @@ function handleArrowKey(e: KeyboardEvent) {
           if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
             shiftFocus(newCollectionItems[computedIndex], add)
           }
+          const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
           newCollectionItems[
             computedIndex
           ].focus()
+
+          rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
           return
         }
         const computedIndex = newCollectionItems.length - Math.abs(newIndex)
         if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
           shiftFocus(newCollectionItems[computedIndex], add)
         }
+        const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+        rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
         newCollectionItems[
           computedIndex
         ].focus()
@@ -195,6 +208,8 @@ function handleArrowKey(e: KeyboardEvent) {
           if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
             shiftFocus(newCollectionItems[computedIndex], add)
           }
+          const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+          rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
           newCollectionItems[computedIndex].focus()
           return
         }
@@ -204,6 +219,9 @@ function handleArrowKey(e: KeyboardEvent) {
           shiftFocus(newCollectionItems[computedIndex], add)
         }
 
+        const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+        rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
+
         newCollectionItems[computedIndex].focus()
       })
     }

package/src/Calendar/CalendarRoot.vue

@@ -45,6 +45,8 @@ type CalendarRootContext = {
   formatter: Formatter
   dir: Ref<Direction>
   disableDaysOutsideCurrentView: Ref<boolean>
+  minValue: Ref<DateValue | undefined>
+  maxValue: Ref<DateValue | undefined>
 }
 
 export interface CalendarRootProps extends PrimitiveProps {
@@ -323,6 +325,8 @@ provideCalendarRootContext({
   onPlaceholderChange,
   onDateChange,
   disableDaysOutsideCurrentView,
+  minValue,
+  maxValue,
 })
 </script>
 

package/src/Combobox/ComboboxInput.vue

@@ -97,8 +97,9 @@ watch(rootContext.modelValue, async () => {
 }, { immediate: true, deep: true })
 
 watch(rootContext.filterState, () => {
-  // we exclude virtualized list as the state would be constantly updated
-  if (!rootContext.isVirtual.value) {
+  // we exclude virtualized list as the state would be constantly updated,
+  // and only change highlight when there is no highlighted item
+  if (!rootContext.isVirtual.value && !rootContext.highlightedElement.value) {
     listboxContext.highlightFirstItem()
   }
 })

package/src/Listbox/ListboxContent.vue

@@ -34,7 +34,23 @@ const isClickFocus = refAutoReset(false, 10)
           return
         rootContext.onEnter(ev)
       }"
-      @keydown.down.up.left.right.home.end.prevent="(event) => {
+      @keydown.down.up.left.right.home.end="(event: KeyboardEvent) => {
+        if (
+          // when orientation is vertical, ignore left/right
+          (
+            rootContext.orientation.value === 'vertical'
+            && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')
+          )
+          // when orientation is horizontal, ignore up/down
+          || (
+            rootContext.orientation.value === 'horizontal'
+            && (event.key === 'ArrowUp' || event.key === 'ArrowDown')
+          )
+        ) {
+          return
+        }
+
+        event.preventDefault()
         rootContext.focusable.value ? rootContext.onKeydownNavigation(event) : undefined
       }"
       @keydown.enter="rootContext.onKeydownEnter"

package/src/Menu/MenuCheckboxItem.vue

@@ -4,6 +4,7 @@ import type {
   MenuItemProps,
 } from './MenuItem.vue'
 import type { CheckedState } from './utils'
+import { useForwardProps } from '@/shared'
 
 export type MenuCheckboxItemEmits = MenuItemEmits & {
   /** Event handler called when the checked state changes. */
@@ -17,7 +18,7 @@ export interface MenuCheckboxItemProps extends MenuItemProps {
 </script>
 
 <script setup lang="ts">
-import { useVModel } from '@vueuse/core'
+import { reactiveOmit, useVModel } from '@vueuse/core'
 import MenuItem from './MenuItem.vue'
 import { provideMenuItemIndicatorContext } from './MenuItemIndicator.vue'
 import { getCheckedState, isIndeterminate } from './utils'
@@ -34,6 +35,9 @@ defineSlots<{
   }) => any
 }>()
 
+const delegatedProps = reactiveOmit(props, ['modelValue'])
+const forwarded = useForwardProps(delegatedProps)
+
 const modelValue = useVModel(props, 'modelValue', emits)
 
 provideMenuItemIndicatorContext({ modelValue })
@@ -42,7 +46,7 @@ provideMenuItemIndicatorContext({ modelValue })
 <template>
   <MenuItem
     role="menuitemcheckbox"
-    v-bind="props"
+    v-bind="forwarded"
     :aria-checked="isIndeterminate(modelValue) ? 'mixed' : modelValue"
     :data-state="getCheckedState(modelValue)"
     @select="

package/src/Menu/MenuRadioGroup.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { Ref } from 'vue'
 import type { MenuGroupProps } from './MenuGroup.vue'
-import { createContext } from '@/shared'
+import { createContext, useForwardProps } from '@/shared'
 
 interface MenuRadioGroupContext {
   modelValue: Ref<string>
@@ -23,7 +23,7 @@ export const [injectMenuRadioGroupContext, provideMenuRadioGroupContext]
 </script>
 
 <script setup lang="ts">
-import { useVModel } from '@vueuse/core'
+import { reactiveOmit, useVModel } from '@vueuse/core'
 import MenuGroup from './MenuGroup.vue'
 
 const props = withDefaults(defineProps<MenuRadioGroupProps>(), {
@@ -38,6 +38,9 @@ defineSlots<{
   }) => any
 }>()
 
+const delegatedProps = reactiveOmit(props, ['modelValue'])
+const forwarded = useForwardProps(delegatedProps)
+
 const modelValue = useVModel(props, 'modelValue', emits)
 
 provideMenuRadioGroupContext({
@@ -49,7 +52,7 @@ provideMenuRadioGroupContext({
 </script>
 
 <template>
-  <MenuGroup v-bind="props">
+  <MenuGroup v-bind="forwarded">
     <slot :model-value="modelValue" />
   </MenuGroup>
 </template>

package/src/Menu/MenuRadioItem.vue

@@ -3,6 +3,8 @@ import type {
   MenuItemEmits,
   MenuItemProps,
 } from './MenuItem.vue'
+import { reactiveOmit } from '@vueuse/shared'
+import { useForwardProps } from '@/shared'
 
 export type MenuRadioItemEmits = MenuItemEmits
 
@@ -22,6 +24,9 @@ import { getCheckedState } from './utils'
 const props = defineProps<MenuRadioItemProps>()
 const emits = defineEmits<MenuRadioItemEmits>()
 
+const delegatedProps = reactiveOmit(props, ['value'])
+const forwarded = useForwardProps(delegatedProps)
+
 const { value } = toRefs(props)
 const radioGroupContext = injectMenuRadioGroupContext()
 const modelValue = computed(
@@ -34,7 +39,7 @@ provideMenuItemIndicatorContext({ modelValue })
 <template>
   <MenuItem
     role="menuitemradio"
-    v-bind="props"
+    v-bind="forwarded"
     :aria-checked="modelValue"
     :data-state="getCheckedState(modelValue)"
     @select="

package/src/NavigationMenu/NavigationMenuViewport.vue

@@ -18,7 +18,7 @@ export interface NavigationMenuViewportProps extends PrimitiveProps {
 
 <script setup lang="ts">
 import { useResizeObserver } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 import { Presence } from '@/Presence'
 import {
   Primitive,
@@ -51,14 +51,16 @@ watch(currentElement, () => {
 const content = ref<HTMLElement>()
 
 watch([modelValue, open], () => {
-  if (!currentElement.value)
-    return
-
-  requestAnimationFrame(() => {
-    const el = (currentElement.value as HTMLElement)?.querySelector('[data-state=open]') as HTMLElement | undefined
-    content.value = el
+  nextTick(() => {
+    if (!currentElement.value)
+      return
+
+    requestAnimationFrame(() => {
+      const el = (currentElement.value as HTMLElement)?.querySelector('[data-state=open]') as HTMLElement | undefined
+      content.value = el
+    })
   })
-}, { immediate: true, flush: 'post' })
+}, { immediate: true })
 
 function updatePosition() {
   if (content.value && activeTrigger.value && rootNavigationMenu.value) {

package/src/Presence/usePresence.ts

@@ -1,8 +1,8 @@
 import type { Ref } from 'vue'
+import { useStateMachine } from '@/shared'
 import { defaultWindow } from '@vueuse/core'
 import { isClient } from '@vueuse/shared'
 import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
-import { useStateMachine } from '@/shared'
 
 export function usePresence(
   present: Ref<boolean>,
@@ -93,7 +93,7 @@ export function usePresence(
   const handleAnimationEnd = (event: AnimationEvent) => {
     const currentAnimationName = getAnimationName(node.value)
     const isCurrentAnimation = currentAnimationName.includes(
-      event.animationName,
+      CSS.escape(event.animationName),
     )
     const directionName = state.value === 'mounted' ? 'enter' : 'leave'
     if (event.target === node.value && isCurrentAnimation) {

package/src/RangeCalendar/RangeCalendarCellTrigger.vue

@@ -10,7 +10,7 @@ import {
 } from '@internationalized/date'
 import { computed, nextTick } from 'vue'
 import { getSelectableCells } from '@/Calendar/utils'
-import { getDaysInMonth, isBetweenInclusive, toDate } from '@/date'
+import { getDaysInMonth, isBetweenInclusive, parseStringToDateValue, toDate } from '@/date'
 import { useKbd } from '@/shared'
 
 export interface RangeCalendarCellTriggerProps extends PrimitiveProps {
@@ -204,9 +204,17 @@ function handleArrowKey(e: KeyboardEvent) {
     const newIndex = index + add
 
     if (newIndex >= 0 && newIndex < allCollectionItems.length) {
+      const newDate = allCollectionItems[newIndex].getAttribute('data-value')
+      const newDateValue = parseStringToDateValue(newDate!, rootContext.placeholder.value)
+      const minValue = rootContext.minValue.value
+      const maxValue = rootContext.maxValue.value
+      if ((minValue && newDateValue.compare(minValue) < 0) || (maxValue && newDateValue.compare(maxValue) > 0))
+        return
+
       if (allCollectionItems[newIndex].hasAttribute('data-disabled')) {
         shiftFocus(allCollectionItems[newIndex], add)
       }
+      rootContext.onPlaceholderChange(newDateValue)
       allCollectionItems[newIndex].focus()
       return
     }
@@ -226,6 +234,8 @@ function handleArrowKey(e: KeyboardEvent) {
           if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
             shiftFocus(newCollectionItems[computedIndex], add)
           }
+          const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+          rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
           newCollectionItems[
             computedIndex
           ].focus()
@@ -235,6 +245,8 @@ function handleArrowKey(e: KeyboardEvent) {
         if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
           shiftFocus(newCollectionItems[computedIndex], add)
         }
+        const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+        rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
         newCollectionItems[
           computedIndex
         ].focus()
@@ -262,6 +274,8 @@ function handleArrowKey(e: KeyboardEvent) {
           if (newCollectionItems[computedIndex].hasAttribute('data-disabled')) {
             shiftFocus(newCollectionItems[computedIndex], add)
           }
+          const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+          rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
           newCollectionItems[computedIndex].focus()
           return
         }
@@ -271,6 +285,8 @@ function handleArrowKey(e: KeyboardEvent) {
           shiftFocus(newCollectionItems[computedIndex], add)
         }
 
+        const newDate = newCollectionItems[computedIndex].getAttribute('data-value')
+        rootContext.onPlaceholderChange(parseStringToDateValue(newDate!, rootContext.placeholder.value))
         newCollectionItems[computedIndex].focus()
       })
     }
@@ -281,7 +297,8 @@ function handleArrowKey(e: KeyboardEvent) {
 <template>
   <Primitive
     ref="primitiveElement"
-    v-bind="props"
+    :as="as"
+    :as-child="asChild"
     role="button"
     :aria-label="labelText"
     data-reka-calendar-cell-trigger

package/src/RangeCalendar/RangeCalendarNext.vue

@@ -30,7 +30,8 @@ const rootContext = injectRangeCalendarRootContext()
 
 <template>
   <Primitive
-    v-bind="props"
+    :as="as"
+    :as-child="asChild"
     aria-label="Next page"
     :type="as === 'button' ? 'button' : undefined"
     :aria-disabled="disabled || undefined"

package/src/RangeCalendar/RangeCalendarPrev.vue

@@ -30,7 +30,8 @@ const rootContext = injectRangeCalendarRootContext()
 
 <template>
   <Primitive
-    v-bind="props"
+    :as="as"
+    :as-child="asChild"
     aria-label="Previous page"
     :type="as === 'button' ? 'button' : undefined"
     :aria-disabled="disabled || undefined"

package/src/RangeCalendar/RangeCalendarRoot.vue

@@ -66,6 +66,8 @@ type RangeCalendarRootContext = {
   disableDaysOutsideCurrentView: Ref<boolean>
   fixedDate: Ref<'start' | 'end' | undefined>
   maximumDays: Ref<number | undefined>
+  minValue: Ref<DateValue | undefined>
+  maxValue: Ref<DateValue | undefined>
 }
 
 export interface RangeCalendarRootProps extends PrimitiveProps {
@@ -435,6 +437,8 @@ provideRangeCalendarRootContext({
   disableDaysOutsideCurrentView,
   fixedDate,
   maximumDays,
+  minValue,
+  maxValue,
 })
 
 onMounted(() => {

package/src/Splitter/SplitterPanel.vue

@@ -127,11 +127,11 @@ watch(() => panelDataRef.value.constraints, (constraints, prevConstraints) => {
 }, { deep: true })
 
 onMounted(() => {
-  const panelData = panelDataRef.value
-  registerPanel(panelData)
-  onUnmounted(() => {
-    unregisterPanel(panelData)
-  })
+  registerPanel(panelDataRef.value)
+})
+
+onUnmounted(() => {
+  unregisterPanel(panelDataRef.value)
 })
 
 const style = computed(() => getPanelStyle(panelDataRef.value, props.defaultSize))

package/src/TagsInput/TagsInputInput.vue

@@ -86,6 +86,11 @@ function handleInput(event: InputEvent) {
     const target = event.target as HTMLInputElement
     target.value = target.value.replace(delimiter, '')
 
+    if (target.value.trim() === '') {
+      target.value = ''
+      return
+    }
+
     const isAdded = context.onAddValue(target.value)
     if (isAdded)
       target.value = ''

package/src/ToggleGroup/ToggleGroupItem.vue

@@ -33,8 +33,7 @@ const { forwardRef } = useForwardExpose()
   <component
     :is="rootContext.rovingFocus.value ? RovingFocusItem : Primitive"
     as-child
-    :focusable="!disabled"
-    :active="pressed"
+    v-bind="rootContext.rovingFocus.value ? { focusable: !disabled, active: pressed } : {}"
   >
     <Toggle
       v-bind="props"

package/src/VisuallyHidden/VisuallyHidden.vue

@@ -20,7 +20,7 @@ withDefaults(defineProps<VisuallyHiddenProps>(), { as: 'span', feature: 'focusab
     :data-hidden="feature === 'fully-hidden' ? '' : undefined"
     :tabindex="feature === 'fully-hidden' ? '-1' : undefined"
     :style="{
-      // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+      // See: https://github.com/twbs/bootstrap/blob/a360960b8dfdb4bf48f87539c2243458fa0366f7/scss/mixins/_visually-hidden.scss
       position: 'absolute',
       border: 0,
       width: '1px',
@@ -32,6 +32,11 @@ withDefaults(defineProps<VisuallyHiddenProps>(), { as: 'span', feature: 'focusab
       clipPath: 'inset(50%)',
       whiteSpace: 'nowrap',
       wordWrap: 'normal',
+
+      // Prevent causing unnecessary container scroll
+      // @see https://github.com/unovue/reka-ui/issues/2127
+      top: '-1px',
+      left: '-1px',
     }"
   >
     <slot />