reka-ui 2.1.1 → 2.2.0

package/dist/TimeField/TimeFieldRoot.js

@@ -1,7 +1,8 @@
-import { defineComponent, toRefs, ref, computed, onMounted, watch, nextTick, openBlock, createBlock, unref, mergeProps, withKeys, withCtx, renderSlot, createVNode } from 'vue';
+import { defineComponent, toRefs, ref, computed, onMounted, watch, nextTick, createBlock, openBlock, unref, mergeProps, withKeys, withCtx, renderSlot, createVNode } from 'vue';
 import { useVModel } from '@vueuse/core';
-import { Time, isEqualDay, toCalendarDateTime, today, getLocalTimeZone } from '@internationalized/date';
+import { today, Time, isEqualDay, toCalendarDateTime, getLocalTimeZone } from '@internationalized/date';
 import { o as getDefaultTime, b as isBefore } from '../date/comparators.js';
+import { c as createContext } from '../shared/createContext.js';
 import { u as useLocale } from '../shared/useLocale.js';
 import { u as useDirection } from '../shared/useDirection.js';
 import { u as useDateFormatter } from '../shared/useDateFormatter.js';
@@ -10,8 +11,8 @@ import { a as getTimeFieldSegmentElements, i as isSegmentNavigationKey } from '.
 import { a as initializeTimeSegmentValues, b as syncTimeSegmentValues, c as createContent } from '../date/parser.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { _ as _sfc_main$1 } from '../VisuallyHidden/VisuallyHidden.js';
-import { c as createContext } from '../shared/createContext.js';
 import { u as useKbd } from '../shared/useKbd.js';
+import { i as isNullish } from '../shared/nullish.js';
 
 const [injectTimeFieldRootContext, provideTimeFieldRootContext] = createContext("TimeFieldRoot");
 function convertValue(value, date = today(getLocalTimeZone())) {
@@ -26,9 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "TimeFieldRoot",
   props: {
-    defaultValue: { default: undefined },
+    defaultValue: { default: void 0 },
     defaultPlaceholder: {},
-    placeholder: { default: undefined },
+    placeholder: { default: void 0 },
     modelValue: {},
     hourCycle: {},
     granularity: {},
@@ -55,17 +56,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const formatter = useDateFormatter(locale.value);
     const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
     const segmentElements = ref(/* @__PURE__ */ new Set());
-    const convertedMinValue = computed(() => minValue.value ? convertValue(minValue.value) : undefined);
-    const convertedMaxValue = computed(() => maxValue.value ? convertValue(maxValue.value) : undefined);
+    const convertedMinValue = computed(() => minValue.value ? convertValue(minValue.value) : void 0);
+    const convertedMaxValue = computed(() => maxValue.value ? convertValue(maxValue.value) : void 0);
     onMounted(() => {
       getTimeFieldSegmentElements(parentElement.value).forEach((item) => segmentElements.value.add(item));
     });
     const modelValue = useVModel(props, "modelValue", emits, {
       defaultValue: defaultValue.value,
-      passive: props.modelValue === undefined
+      passive: props.modelValue === void 0
     });
     const convertedModelValue = computed({
       get() {
+        if (isNullish(modelValue.value))
+          return modelValue.value;
         return convertValue(modelValue.value);
       },
       set(newValue) {
@@ -80,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const placeholder = useVModel(props, "placeholder", emits, {
       defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),
-      passive: props.placeholder === undefined
+      passive: props.placeholder === void 0
     });
     const convertedPlaceholder = computed({
       get() {
@@ -130,13 +133,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     watch(convertedModelValue, (_modelValue) => {
-      if (_modelValue !== undefined && (!isEqualDay(convertedPlaceholder.value, _modelValue) || convertedPlaceholder.value.compare(_modelValue) !== 0))
+      if (!isNullish(_modelValue) && (!isEqualDay(convertedPlaceholder.value, _modelValue) || convertedPlaceholder.value.compare(_modelValue) !== 0))
         placeholder.value = _modelValue.copy();
     });
     watch([convertedModelValue, locale], ([_modelValue]) => {
-      if (_modelValue !== undefined) {
+      if (!isNullish(_modelValue)) {
         segmentValues.value = { ...syncTimeSegmentValues({ value: _modelValue, formatter }) };
-      } else if (Object.values(segmentValues.value).every((value) => value === null)) {
+      } else if (Object.values(segmentValues.value).every((value) => value === null) || isNullish(_modelValue)) {
         segmentValues.value = { ...initialSegments };
       }
     });
@@ -196,10 +199,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "primitiveElement",
         ref: primitiveElement,
         role: "group",
-        "aria-disabled": unref(disabled) ? true : undefined,
-        "data-disabled": unref(disabled) ? "" : undefined,
-        "data-readonly": unref(readonly) ? "" : undefined,
-        "data-invalid": isInvalid.value ? "" : undefined,
+        "aria-disabled": unref(disabled) ? true : void 0,
+        "data-disabled": unref(disabled) ? "" : void 0,
+        "data-readonly": unref(readonly) ? "" : void 0,
+        "data-invalid": isInvalid.value ? "" : void 0,
         dir: unref(dir),
         onKeydown: withKeys(handleKeydown, ["left", "right"])
       }), {

package/dist/TimeField/TimeFieldRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeFieldRoot.js","sources":["../../src/TimeField/TimeFieldRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { type DateValue, Time, getLocalTimeZone, isEqualDay, toCalendarDateTime, today } from '@internationalized/date'\n\nimport type { Ref } from 'vue'\nimport type { PrimitiveProps } from '@/Primitive'\nimport { type Formatter, createContext, useDateFormatter, useDirection, useKbd, useLocale } from '@/shared'\nimport {\n  type HourCycle,\n  type SegmentPart,\n  type SegmentValueObj,\n  type TimeValue,\n  createContent,\n  getDefaultTime,\n  getTimeFieldSegmentElements,\n  initializeTimeSegmentValues,\n  isSegmentNavigationKey,\n  syncTimeSegmentValues,\n\n} from '@/shared/date'\nimport { isBefore } from '@/date'\nimport type { Direction, FormFieldProps } from '@/shared/types'\n\ntype TimeFieldRootContext = {\n  locale: Ref<string>\n  modelValue: Ref<DateValue | undefined>\n  placeholder: Ref<DateValue>\n  isInvalid: Ref<boolean>\n  disabled: Ref<boolean>\n  readonly: Ref<boolean>\n  formatter: Formatter\n  hourCycle: HourCycle\n  segmentValues: Ref<SegmentValueObj>\n  segmentContents: Ref<{ part: SegmentPart, value: string }[]>\n  elements: Ref<Set<HTMLElement>>\n  focusNext: () => void\n  setFocusedElement: (el: HTMLElement) => void\n}\n\nexport interface TimeFieldRootProps extends PrimitiveProps, FormFieldProps {\n  /** The default value for the calendar */\n  defaultValue?: TimeValue\n  /** The default placeholder date */\n  defaultPlaceholder?: TimeValue\n  /** The placeholder date, which is used to determine what time to display when no time is selected. This updates as the user navigates the field */\n  placeholder?: TimeValue\n  /** The controlled checked state of the field. Can be bound as `v-model`. */\n  modelValue?: TimeValue | null\n  /** The hour cycle used for formatting times. Defaults to the local preference */\n  hourCycle?: HourCycle\n  /** The granularity to use for formatting times. Defaults to minute if a Time is provided, otherwise defaults to minute. The field will render segments for each part of the date up to and including the specified granularity */\n  granularity?: 'hour' | 'minute' | 'second'\n  /** Whether or not to hide the time zone segment of the field */\n  hideTimeZone?: boolean\n  /** The maximum date that can be selected */\n  maxValue?: TimeValue\n  /** The minimum date that can be selected */\n  minValue?: TimeValue\n  /** The locale to use for formatting dates */\n  locale?: string\n  /** Whether or not the time field is disabled */\n  disabled?: boolean\n  /** Whether or not the time field is readonly */\n  readonly?: boolean\n  /** Id of the element */\n  id?: string\n  /** The reading direction of the time field when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode. */\n  dir?: Direction\n}\n\nexport type TimeFieldRootEmits = {\n  /** Event handler called whenever the model value changes */\n  'update:modelValue': [date: TimeValue | undefined]\n  /** Event handler called whenever the placeholder value changes */\n  'update:placeholder': [date: TimeValue]\n}\n\nexport const [injectTimeFieldRootContext, provideTimeFieldRootContext]\n  = createContext<TimeFieldRootContext>('TimeFieldRoot')\n\nfunction convertValue(value: TimeValue, date: DateValue = today(getLocalTimeZone())) {\n  if (value && 'day' in value) {\n    return value\n  }\n\n  return toCalendarDateTime(date, value)\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref, toRefs, watch } from 'vue'\nimport { Primitive, usePrimitiveElement } from '@/Primitive'\nimport { useVModel } from '@vueuse/core'\nimport { VisuallyHidden } from '@/VisuallyHidden'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TimeFieldRootProps>(), {\n  defaultValue: undefined,\n  disabled: false,\n  readonly: false,\n  placeholder: undefined,\n  isDateUnavailable: undefined,\n})\nconst emits = defineEmits<TimeFieldRootEmits>()\ndefineSlots<{\n  default: (props: {\n    /** The current time of the field */\n    modelValue: TimeValue | undefined\n    /** The time field segment contents */\n    segments: { part: SegmentPart, value: string }[]\n    /** Value if the input is invalid */\n    isInvalid: boolean\n  }) => any\n}>()\n\nconst { disabled, readonly, granularity, defaultValue, minValue, maxValue, dir: propDir, locale: propLocale } = toRefs(props)\nconst locale = useLocale(propLocale)\nconst dir = useDirection(propDir)\n\nconst formatter = useDateFormatter(locale.value)\nconst { primitiveElement, currentElement: parentElement }\n  = usePrimitiveElement()\nconst segmentElements = ref<Set<HTMLElement>>(new Set())\n\nconst convertedMinValue = computed(() => minValue.value ? convertValue(minValue.value) : undefined)\nconst convertedMaxValue = computed(() => maxValue.value ? convertValue(maxValue.value) : undefined)\n\nonMounted(() => {\n  getTimeFieldSegmentElements(parentElement.value).forEach(item => segmentElements.value.add(item as HTMLElement))\n})\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: defaultValue.value,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<TimeValue>\n\nconst convertedModelValue = computed({\n  get() {\n    return convertValue(modelValue.value)\n  },\n  set(newValue) {\n    if (newValue)\n      modelValue.value = modelValue.value && 'day' in modelValue.value ? newValue : new Time(newValue.hour, newValue.minute, newValue.second, modelValue.value?.millisecond)\n\n    return newValue\n  },\n})\n\nconst defaultDate = getDefaultTime({\n  defaultPlaceholder: props.placeholder,\n  defaultValue: modelValue.value,\n})\n\nconst placeholder = useVModel(props, 'placeholder', emits, {\n  defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),\n  passive: (props.placeholder === undefined) as false,\n}) as Ref<TimeValue>\n\nconst convertedPlaceholder = computed({\n  get() {\n    return convertValue(placeholder.value)\n  },\n  set(newValue) {\n    if (newValue)\n      placeholder.value = 'day' in placeholder.value ? newValue.copy() : new Time(newValue.hour, newValue.minute, newValue.second, placeholder.value?.millisecond)\n    return newValue\n  },\n})\n\nconst inferredGranularity = computed(() => {\n  if (granularity.value)\n    return granularity.value\n\n  return 'minute'\n})\n\nconst isInvalid = computed(() => {\n  if (!modelValue.value)\n    return false\n\n  if (convertedMinValue.value && isBefore(convertedModelValue.value, convertedMinValue.value))\n    return true\n\n  if (convertedMaxValue.value && isBefore(convertedMaxValue.value, convertedModelValue.value))\n    return true\n\n  return false\n})\n\nconst initialSegments = initializeTimeSegmentValues(inferredGranularity.value)\n\nconst segmentValues = ref<SegmentValueObj>(modelValue.value ? { ...syncTimeSegmentValues({ value: convertedModelValue.value, formatter }) } : { ...initialSegments })\n\nconst allSegmentContent = computed(() => createContent({\n  granularity: inferredGranularity.value,\n  dateRef: convertedPlaceholder.value,\n  formatter,\n  hideTimeZone: props.hideTimeZone,\n  hourCycle: props.hourCycle,\n  segmentValues: segmentValues.value,\n  locale,\n  isTimeValue: true,\n}))\n\nconst segmentContents = computed(() => allSegmentContent.value.arr)\n\nconst editableSegmentContents = computed(() => segmentContents.value.filter(({ part }) => part !== 'literal'))\n\nwatch(locale, (value) => {\n  if (formatter.getLocale() !== value) {\n    formatter.setLocale(value)\n    // Locale changed, so we need to clear the segment elements and re-get them (different order)\n    // Get the focusable elements again on the next tick\n    nextTick(() => {\n      segmentElements.value.clear()\n      getTimeFieldSegmentElements(parentElement.value).forEach(item => segmentElements.value.add(item as HTMLElement))\n    })\n  }\n})\n\nwatch(convertedModelValue, (_modelValue) => {\n  if (_modelValue !== undefined && (!isEqualDay(convertedPlaceholder.value, _modelValue) || convertedPlaceholder.value.compare(_modelValue) !== 0))\n    placeholder.value = _modelValue.copy()\n})\n\nwatch([convertedModelValue, locale], ([_modelValue]) => {\n  if (_modelValue !== undefined) {\n    segmentValues.value = { ...syncTimeSegmentValues({ value: _modelValue, formatter }) }\n  }\n  else if (Object.values(segmentValues.value).every(value => value === null)) {\n    segmentValues.value = { ...initialSegments }\n  }\n})\n\nconst currentFocusedElement = ref<HTMLElement | null>(null)\n\nconst currentSegmentIndex = computed(() =>\n  Array.from(segmentElements.value).findIndex(el =>\n    el.getAttribute('data-reka-time-field-segment')\n    === currentFocusedElement.value?.getAttribute('data-reka-time-field-segment')))\n\nconst nextFocusableSegment = computed(() => {\n  const sign = dir.value === 'rtl' ? -1 : 1\n  const nextCondition = sign < 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1\n  if (nextCondition)\n    return null\n  const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value + sign]\n  return segmentToFocus\n})\n\nconst prevFocusableSegment = computed(() => {\n  const sign = dir.value === 'rtl' ? -1 : 1\n  const prevCondition = sign > 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1\n  if (prevCondition)\n    return null\n\n  const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value - sign]\n  return segmentToFocus\n})\n\nconst kbd = useKbd()\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (!isSegmentNavigationKey(e.key))\n    return\n  if (e.key === kbd.ARROW_LEFT)\n    prevFocusableSegment.value?.focus()\n  if (e.key === kbd.ARROW_RIGHT)\n    nextFocusableSegment.value?.focus()\n}\n\nfunction setFocusedElement(el: HTMLElement) {\n  currentFocusedElement.value = el\n}\n\nprovideTimeFieldRootContext({\n  locale,\n  modelValue: convertedModelValue,\n  placeholder: convertedPlaceholder,\n  disabled,\n  formatter,\n  hourCycle: props.hourCycle,\n  readonly,\n  segmentValues,\n  isInvalid,\n  segmentContents: editableSegmentContents,\n  elements: segmentElements,\n  setFocusedElement,\n  focusNext() {\n    nextFocusableSegment.value?.focus()\n  },\n})\n\ndefineExpose({\n  /** Helper to set the focused element inside the DateField */\n  setFocusedElement,\n})\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"$attrs\"\n    ref=\"primitiveElement\"\n    role=\"group\"\n    :aria-disabled=\"disabled ? true : undefined\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :data-readonly=\"readonly ? '' : undefined\"\n    :data-invalid=\"isInvalid ? '' : undefined\"\n    :dir=\"dir\"\n    @keydown.left.right=\"handleKeydown\"\n  >\n    <slot\n      :model-value=\"modelValue\"\n      :segments=\"segmentContents\"\n      :is-invalid=\"isInvalid\"\n    />\n\n    <VisuallyHidden\n      :id=\"id\"\n      as=\"input\"\n      feature=\"focusable\"\n      tabindex=\"-1\"\n      :value=\"modelValue ? modelValue.toString() : ''\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      @focus=\"Array.from(segmentElements)?.[0]?.focus()\"\n    />\n  </Primitive>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeFieldRoot.js","sources":["../../src/TimeField/TimeFieldRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { type DateValue, Time, getLocalTimeZone, isEqualDay, toCalendarDateTime, today } from '@internationalized/date'\n\nimport type { Ref } from 'vue'\nimport type { PrimitiveProps } from '@/Primitive'\nimport { type Formatter, createContext, isNullish, useDateFormatter, useDirection, useKbd, useLocale } from '@/shared'\nimport {\n  type HourCycle,\n  type SegmentPart,\n  type SegmentValueObj,\n  type TimeValue,\n  createContent,\n  getDefaultTime,\n  getTimeFieldSegmentElements,\n  initializeTimeSegmentValues,\n  isSegmentNavigationKey,\n  syncTimeSegmentValues,\n\n} from '@/shared/date'\nimport { isBefore } from '@/date'\nimport type { Direction, FormFieldProps } from '@/shared/types'\n\ntype TimeFieldRootContext = {\n  locale: Ref<string>\n  modelValue: Ref<DateValue | undefined>\n  placeholder: Ref<DateValue>\n  isInvalid: Ref<boolean>\n  disabled: Ref<boolean>\n  readonly: Ref<boolean>\n  formatter: Formatter\n  hourCycle: HourCycle\n  segmentValues: Ref<SegmentValueObj>\n  segmentContents: Ref<{ part: SegmentPart, value: string }[]>\n  elements: Ref<Set<HTMLElement>>\n  focusNext: () => void\n  setFocusedElement: (el: HTMLElement) => void\n}\n\nexport interface TimeFieldRootProps extends PrimitiveProps, FormFieldProps {\n  /** The default value for the calendar */\n  defaultValue?: TimeValue\n  /** The default placeholder date */\n  defaultPlaceholder?: TimeValue\n  /** The placeholder date, which is used to determine what time to display when no time is selected. This updates as the user navigates the field */\n  placeholder?: TimeValue\n  /** The controlled checked state of the field. Can be bound as `v-model`. */\n  modelValue?: TimeValue | null\n  /** The hour cycle used for formatting times. Defaults to the local preference */\n  hourCycle?: HourCycle\n  /** The granularity to use for formatting times. Defaults to minute if a Time is provided, otherwise defaults to minute. The field will render segments for each part of the date up to and including the specified granularity */\n  granularity?: 'hour' | 'minute' | 'second'\n  /** Whether or not to hide the time zone segment of the field */\n  hideTimeZone?: boolean\n  /** The maximum date that can be selected */\n  maxValue?: TimeValue\n  /** The minimum date that can be selected */\n  minValue?: TimeValue\n  /** The locale to use for formatting dates */\n  locale?: string\n  /** Whether or not the time field is disabled */\n  disabled?: boolean\n  /** Whether or not the time field is readonly */\n  readonly?: boolean\n  /** Id of the element */\n  id?: string\n  /** The reading direction of the time field when applicable. <br> If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode. */\n  dir?: Direction\n}\n\nexport type TimeFieldRootEmits = {\n  /** Event handler called whenever the model value changes */\n  'update:modelValue': [date: TimeValue | undefined]\n  /** Event handler called whenever the placeholder value changes */\n  'update:placeholder': [date: TimeValue]\n}\n\nexport const [injectTimeFieldRootContext, provideTimeFieldRootContext]\n  = createContext<TimeFieldRootContext>('TimeFieldRoot')\n\nfunction convertValue(value: TimeValue, date: DateValue = today(getLocalTimeZone())) {\n  if (value && 'day' in value) {\n    return value\n  }\n\n  return toCalendarDateTime(date, value)\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref, toRefs, watch } from 'vue'\nimport { Primitive, usePrimitiveElement } from '@/Primitive'\nimport { useVModel } from '@vueuse/core'\nimport { VisuallyHidden } from '@/VisuallyHidden'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TimeFieldRootProps>(), {\n  defaultValue: undefined,\n  disabled: false,\n  readonly: false,\n  placeholder: undefined,\n  isDateUnavailable: undefined,\n})\nconst emits = defineEmits<TimeFieldRootEmits>()\ndefineSlots<{\n  default: (props: {\n    /** The current time of the field */\n    modelValue: TimeValue | undefined\n    /** The time field segment contents */\n    segments: { part: SegmentPart, value: string }[]\n    /** Value if the input is invalid */\n    isInvalid: boolean\n  }) => any\n}>()\n\nconst { disabled, readonly, granularity, defaultValue, minValue, maxValue, dir: propDir, locale: propLocale } = toRefs(props)\nconst locale = useLocale(propLocale)\nconst dir = useDirection(propDir)\n\nconst formatter = useDateFormatter(locale.value)\nconst { primitiveElement, currentElement: parentElement }\n  = usePrimitiveElement()\nconst segmentElements = ref<Set<HTMLElement>>(new Set())\n\nconst convertedMinValue = computed(() => minValue.value ? convertValue(minValue.value) : undefined)\nconst convertedMaxValue = computed(() => maxValue.value ? convertValue(maxValue.value) : undefined)\n\nonMounted(() => {\n  getTimeFieldSegmentElements(parentElement.value).forEach(item => segmentElements.value.add(item as HTMLElement))\n})\n\nconst modelValue = useVModel(props, 'modelValue', emits, {\n  defaultValue: defaultValue.value,\n  passive: (props.modelValue === undefined) as false,\n}) as Ref<TimeValue>\n\nconst convertedModelValue = computed({\n  get() {\n    if (isNullish(modelValue.value))\n      return modelValue.value\n    return convertValue(modelValue.value)\n  },\n  set(newValue) {\n    if (newValue)\n      modelValue.value = modelValue.value && 'day' in modelValue.value ? newValue : new Time(newValue.hour, newValue.minute, newValue.second, modelValue.value?.millisecond)\n\n    return newValue\n  },\n})\n\nconst defaultDate = getDefaultTime({\n  defaultPlaceholder: props.placeholder,\n  defaultValue: modelValue.value,\n})\n\nconst placeholder = useVModel(props, 'placeholder', emits, {\n  defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),\n  passive: (props.placeholder === undefined) as false,\n}) as Ref<TimeValue>\n\nconst convertedPlaceholder = computed({\n  get() {\n    return convertValue(placeholder.value)\n  },\n  set(newValue) {\n    if (newValue)\n      placeholder.value = 'day' in placeholder.value ? newValue.copy() : new Time(newValue.hour, newValue.minute, newValue.second, placeholder.value?.millisecond)\n    return newValue\n  },\n})\n\nconst inferredGranularity = computed(() => {\n  if (granularity.value)\n    return granularity.value\n\n  return 'minute'\n})\n\nconst isInvalid = computed(() => {\n  if (!modelValue.value)\n    return false\n\n  if (convertedMinValue.value && isBefore(convertedModelValue.value, convertedMinValue.value))\n    return true\n\n  if (convertedMaxValue.value && isBefore(convertedMaxValue.value, convertedModelValue.value))\n    return true\n\n  return false\n})\n\nconst initialSegments = initializeTimeSegmentValues(inferredGranularity.value)\n\nconst segmentValues = ref<SegmentValueObj>(modelValue.value ? { ...syncTimeSegmentValues({ value: convertedModelValue.value, formatter }) } : { ...initialSegments })\n\nconst allSegmentContent = computed(() => createContent({\n  granularity: inferredGranularity.value,\n  dateRef: convertedPlaceholder.value,\n  formatter,\n  hideTimeZone: props.hideTimeZone,\n  hourCycle: props.hourCycle,\n  segmentValues: segmentValues.value,\n  locale,\n  isTimeValue: true,\n}))\n\nconst segmentContents = computed(() => allSegmentContent.value.arr)\n\nconst editableSegmentContents = computed(() => segmentContents.value.filter(({ part }) => part !== 'literal'))\n\nwatch(locale, (value) => {\n  if (formatter.getLocale() !== value) {\n    formatter.setLocale(value)\n    // Locale changed, so we need to clear the segment elements and re-get them (different order)\n    // Get the focusable elements again on the next tick\n    nextTick(() => {\n      segmentElements.value.clear()\n      getTimeFieldSegmentElements(parentElement.value).forEach(item => segmentElements.value.add(item as HTMLElement))\n    })\n  }\n})\n\nwatch(convertedModelValue, (_modelValue) => {\n  if (!isNullish(_modelValue) && (!isEqualDay(convertedPlaceholder.value, _modelValue) || convertedPlaceholder.value.compare(_modelValue) !== 0))\n    placeholder.value = _modelValue.copy()\n})\n\nwatch([convertedModelValue, locale], ([_modelValue]) => {\n  if (!isNullish(_modelValue)) {\n    segmentValues.value = { ...syncTimeSegmentValues({ value: _modelValue, formatter }) }\n  }\n  else if (Object.values(segmentValues.value).every(value => value === null) || isNullish(_modelValue)) {\n    segmentValues.value = { ...initialSegments }\n  }\n})\n\nconst currentFocusedElement = ref<HTMLElement | null>(null)\n\nconst currentSegmentIndex = computed(() =>\n  Array.from(segmentElements.value).findIndex(el =>\n    el.getAttribute('data-reka-time-field-segment')\n    === currentFocusedElement.value?.getAttribute('data-reka-time-field-segment')))\n\nconst nextFocusableSegment = computed(() => {\n  const sign = dir.value === 'rtl' ? -1 : 1\n  const nextCondition = sign < 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1\n  if (nextCondition)\n    return null\n  const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value + sign]\n  return segmentToFocus\n})\n\nconst prevFocusableSegment = computed(() => {\n  const sign = dir.value === 'rtl' ? -1 : 1\n  const prevCondition = sign > 0 ? currentSegmentIndex.value < 0 : currentSegmentIndex.value > segmentElements.value.size - 1\n  if (prevCondition)\n    return null\n\n  const segmentToFocus = Array.from(segmentElements.value)[currentSegmentIndex.value - sign]\n  return segmentToFocus\n})\n\nconst kbd = useKbd()\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (!isSegmentNavigationKey(e.key))\n    return\n  if (e.key === kbd.ARROW_LEFT)\n    prevFocusableSegment.value?.focus()\n  if (e.key === kbd.ARROW_RIGHT)\n    nextFocusableSegment.value?.focus()\n}\n\nfunction setFocusedElement(el: HTMLElement) {\n  currentFocusedElement.value = el\n}\n\nprovideTimeFieldRootContext({\n  locale,\n  modelValue: convertedModelValue,\n  placeholder: convertedPlaceholder,\n  disabled,\n  formatter,\n  hourCycle: props.hourCycle,\n  readonly,\n  segmentValues,\n  isInvalid,\n  segmentContents: editableSegmentContents,\n  elements: segmentElements,\n  setFocusedElement,\n  focusNext() {\n    nextFocusableSegment.value?.focus()\n  },\n})\n\ndefineExpose({\n  /** Helper to set the focused element inside the DateField */\n  setFocusedElement,\n})\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"$attrs\"\n    ref=\"primitiveElement\"\n    role=\"group\"\n    :aria-disabled=\"disabled ? true : undefined\"\n    :data-disabled=\"disabled ? '' : undefined\"\n    :data-readonly=\"readonly ? '' : undefined\"\n    :data-invalid=\"isInvalid ? '' : undefined\"\n    :dir=\"dir\"\n    @keydown.left.right=\"handleKeydown\"\n  >\n    <slot\n      :model-value=\"modelValue\"\n      :segments=\"segmentContents\"\n      :is-invalid=\"isInvalid\"\n    />\n\n    <VisuallyHidden\n      :id=\"id\"\n      as=\"input\"\n      feature=\"focusable\"\n      tabindex=\"-1\"\n      :value=\"modelValue ? modelValue.toString() : ''\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      @focus=\"Array.from(segmentElements)?.[0]?.focus()\"\n    />\n  </Primitive>\n</template>\n"],"names":[],"mappings":"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"}

package/dist/Toast/FocusProxy.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../VisuallyHidden/VisuallyHidden.js';
 import { i as injectToastProviderContext } from './ToastProvider.js';
 

package/dist/Toast/ToastAction.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, unref, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from './ToastAnnounceExclude.js';
 import { _ as _sfc_main$2 } from './ToastClose.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';

package/dist/Toast/ToastAnnounce.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, unref, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, ref, createBlock, createCommentVNode, unref, openBlock, withCtx, createTextVNode, renderSlot, toDisplayString } from 'vue';
 import { useTimeout } from '@vueuse/shared';
 import { useRafFn } from '@vueuse/core';
 import { i as injectToastProviderContext } from './ToastProvider.js';

package/dist/Toast/ToastAnnounceExclude.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         as: _ctx.as,
         "as-child": _ctx.asChild,
         "data-reka-toast-announce-exclude": "",
-        "data-reka-toast-announce-alt": _ctx.altText || undefined
+        "data-reka-toast-announce-alt": _ctx.altText || void 0
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")

package/dist/Toast/ToastAnnounceExclude.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
 import { P as Primitive } from '../Primitive/Primitive.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         as: _ctx.as,
         "as-child": _ctx.asChild,
         "data-reka-toast-announce-exclude": "",
-        "data-reka-toast-announce-alt": _ctx.altText || undefined
+        "data-reka-toast-announce-alt": _ctx.altText || void 0
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")

package/dist/Toast/ToastClose.cjs

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps(props, {
             ref: vue.unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined,
+            type: _ctx.as === "button" ? "button" : void 0,
             onClick: vue.unref(rootContext).onClose
           }), {
             default: vue.withCtx(() => [

package/dist/Toast/ToastClose.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, withCtx, createVNode, unref, mergeProps, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from './ToastAnnounceExclude.js';
 import { i as injectToastRootContext } from './ToastRootImpl.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(Primitive), mergeProps(props, {
             ref: unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined,
+            type: _ctx.as === "button" ? "button" : void 0,
             onClick: unref(rootContext).onClose
           }), {
             default: withCtx(() => [

package/dist/Toast/ToastDescription.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 

package/dist/Toast/ToastPortal.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { _ as _sfc_main$1 } from '../Teleport/Teleport.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/Toast/ToastRoot.cjs

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     defaultOpen: { type: Boolean, default: true },
     forceMount: { type: Boolean },
     type: { default: "foreground" },
-    open: { type: Boolean, default: undefined },
+    open: { type: Boolean, default: void 0 },
     duration: {},
     asChild: { type: Boolean },
     as: { default: "li" }
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { forwardRef } = shared_useForwardExpose.useForwardExpose();
     const open = core.useVModel(props, "open", emits, {
       defaultValue: props.defaultOpen,
-      passive: props.open === undefined
+      passive: props.open === void 0
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Presence_Presence.Presence), {

package/dist/Toast/ToastRoot.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { _ as _sfc_main$1 } from './ToastRootImpl.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     defaultOpen: { type: Boolean, default: true },
     forceMount: { type: Boolean },
     type: { default: "foreground" },
-    open: { type: Boolean, default: undefined },
+    open: { type: Boolean, default: void 0 },
     duration: {},
     asChild: { type: Boolean },
     as: { default: "li" }
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { forwardRef } = useForwardExpose();
     const open = useVModel(props, "open", emits, {
       defaultValue: props.defaultOpen,
-      passive: props.open === undefined
+      passive: props.open === void 0
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Presence), {

package/dist/Toast/ToastRootImpl.cjs

@@ -7,8 +7,8 @@ const Toast_ToastAnnounce = require('./ToastAnnounce.cjs');
 const shared = require('@vueuse/shared');
 const Collection_Collection = require('../Collection/Collection.cjs');
 const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
 const shared_createContext = require('../shared/createContext.cjs');
+const Primitive_Primitive = require('../Primitive/Primitive.cjs');
 const shared_getActiveElement = require('../shared/getActiveElement.cjs');
 const Toast_ToastProvider = require('./ToastProvider.cjs');
 

package/dist/Toast/ToastRootImpl.js

@@ -1,12 +1,12 @@
-import { defineComponent, ref, computed, watchEffect, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, unref, Teleport, createVNode, mergeProps, withModifiers, renderSlot } from 'vue';
-import { g as getAnnounceTextContent, V as VIEWPORT_PAUSE, a as VIEWPORT_RESUME, h as handleAndDispatchCustomEvent, T as TOAST_SWIPE_MOVE, i as isDeltaInDirection, b as TOAST_SWIPE_START, c as TOAST_SWIPE_END, d as TOAST_SWIPE_CANCEL } from './utils.js';
+import { defineComponent, ref, computed, watchEffect, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, unref, Teleport, createVNode, mergeProps, withModifiers, renderSlot } from 'vue';
+import { g as getAnnounceTextContent, V as VIEWPORT_PAUSE, a as VIEWPORT_RESUME, i as isDeltaInDirection, h as handleAndDispatchCustomEvent, T as TOAST_SWIPE_END, b as TOAST_SWIPE_CANCEL, c as TOAST_SWIPE_MOVE, d as TOAST_SWIPE_START } from './utils.js';
 import { useRafFn, onKeyStroke } from '@vueuse/core';
 import { _ as _sfc_main$1 } from './ToastAnnounce.js';
 import { isClient } from '@vueuse/shared';
 import { u as useCollection } from '../Collection/Collection.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
-import { P as Primitive } from '../Primitive/Primitive.js';
 import { c as createContext } from '../shared/createContext.js';
+import { P as Primitive } from '../Primitive/Primitive.js';
 import { g as getActiveElement } from '../shared/getActiveElement.js';
 import { i as injectToastProviderContext } from './ToastProvider.js';
 

package/dist/Toast/ToastTitle.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from 'vue';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 

package/dist/Toast/ToastViewport.cjs

@@ -121,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle({
           // incase list has size when empty (e.g. padding), we remove pointer events so
           // it doesn't prevent interactions with page elements that it overlays
-          pointerEvents: hasToasts.value ? undefined : "none"
+          pointerEvents: hasToasts.value ? void 0 : "none"
         })
       }, {
         default: vue.withCtx(() => [
@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             key: 0,
             ref: (node) => {
               headFocusProxyRef.value = vue.unref(core.unrefElement)(node);
-              return undefined;
+              return void 0;
             },
             onFocusFromOutsideViewport: _cache[0] || (_cache[0] = () => {
               const tabbableCandidates = getSortedTabbableCandidates({
@@ -158,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             key: 1,
             ref: (node) => {
               tailFocusProxyRef.value = vue.unref(core.unrefElement)(node);
-              return undefined;
+              return void 0;
             },
             onFocusFromOutsideViewport: _cache[1] || (_cache[1] = () => {
               const tabbableCandidates = getSortedTabbableCandidates({

package/dist/Toast/ToastViewport.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, computed, ref, onMounted, watchEffect, openBlock, createBlock, unref, normalizeStyle, withCtx, createCommentVNode, createVNode, mergeProps, renderSlot } from 'vue';
+import { defineComponent, toRefs, computed, ref, onMounted, watchEffect, createBlock, openBlock, unref, normalizeStyle, withCtx, createCommentVNode, createVNode, mergeProps, renderSlot } from 'vue';
 import { onKeyStroke, unrefElement } from '@vueuse/core';
 import { _ as _sfc_main$2 } from './FocusProxy.js';
 import { f as focusFirst, g as getTabbableCandidates } from '../FocusScope/utils.js';
@@ -119,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({
           // incase list has size when empty (e.g. padding), we remove pointer events so
           // it doesn't prevent interactions with page elements that it overlays
-          pointerEvents: hasToasts.value ? undefined : "none"
+          pointerEvents: hasToasts.value ? void 0 : "none"
         })
       }, {
         default: withCtx(() => [
@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             ref: (node) => {
               headFocusProxyRef.value = unref(unrefElement)(node);
-              return undefined;
+              return void 0;
             },
             onFocusFromOutsideViewport: _cache[0] || (_cache[0] = () => {
               const tabbableCandidates = getSortedTabbableCandidates({
@@ -156,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 1,
             ref: (node) => {
               tailFocusProxyRef.value = unref(unrefElement)(node);
-              return undefined;
+              return void 0;
             },
             onFocusFromOutsideViewport: _cache[1] || (_cache[1] = () => {
               const tabbableCandidates = getSortedTabbableCandidates({

package/dist/Toast/utils.js

@@ -50,5 +50,5 @@ function getAnnounceTextContent(container) {
   return textContent;
 }
 
-export { TOAST_SWIPE_MOVE as T, VIEWPORT_PAUSE as V, VIEWPORT_RESUME as a, TOAST_SWIPE_START as b, TOAST_SWIPE_END as c, TOAST_SWIPE_CANCEL as d, getAnnounceTextContent as g, handleAndDispatchCustomEvent as h, isDeltaInDirection as i };
+export { TOAST_SWIPE_END as T, VIEWPORT_PAUSE as V, VIEWPORT_RESUME as a, TOAST_SWIPE_CANCEL as b, TOAST_SWIPE_MOVE as c, TOAST_SWIPE_START as d, getAnnounceTextContent as g, handleAndDispatchCustomEvent as h, isDeltaInDirection as i };
 //# sourceMappingURL=utils.js.map

package/dist/Toggle/Toggle.cjs

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Toggle",
   props: {
     defaultValue: { type: Boolean },
-    modelValue: { type: [Boolean, null], default: undefined },
+    modelValue: { type: [Boolean, null], default: void 0 },
     disabled: { type: Boolean, default: false },
     asChild: { type: Boolean },
     as: { default: "button" },
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const toggleGroupContext = ToggleGroup_ToggleGroupRoot.injectToggleGroupRootContext(null);
     const modelValue = core.useVModel(props, "modelValue", emits, {
       defaultValue: props.defaultValue,
-      passive: props.modelValue === undefined
+      passive: props.modelValue === void 0
     });
     function togglePressed() {
       modelValue.value = !modelValue.value;
@@ -39,12 +39,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), {
         ref: vue.unref(forwardRef),
-        type: _ctx.as === "button" ? "button" : undefined,
+        type: _ctx.as === "button" ? "button" : void 0,
         "as-child": props.asChild,
         as: _ctx.as,
         "aria-pressed": vue.unref(modelValue),
         "data-state": dataState.value,
-        "data-disabled": _ctx.disabled ? "" : undefined,
+        "data-disabled": _ctx.disabled ? "" : void 0,
         disabled: _ctx.disabled,
         onClick: togglePressed
       }, {

package/dist/Toggle/Toggle.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { _ as _sfc_main$1 } from '../VisuallyHidden/VisuallyHiddenInput.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     defaultValue: { type: Boolean },
-    modelValue: { type: [Boolean, null], default: undefined },
+    modelValue: { type: [Boolean, null], default: void 0 },
     disabled: { type: Boolean, default: false },
     asChild: { type: Boolean },
     as: { default: "button" },
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toggleGroupContext = injectToggleGroupRootContext(null);
     const modelValue = useVModel(props, "modelValue", emits, {
       defaultValue: props.defaultValue,
-      passive: props.modelValue === undefined
+      passive: props.modelValue === void 0
     });
     function togglePressed() {
       modelValue.value = !modelValue.value;
@@ -37,12 +37,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Primitive), {
         ref: unref(forwardRef),
-        type: _ctx.as === "button" ? "button" : undefined,
+        type: _ctx.as === "button" ? "button" : void 0,
         "as-child": props.asChild,
         as: _ctx.as,
         "aria-pressed": unref(modelValue),
         "data-state": dataState.value,
-        "data-disabled": _ctx.disabled ? "" : undefined,
+        "data-disabled": _ctx.disabled ? "" : void 0,
         disabled: _ctx.disabled,
         onClick: togglePressed
       }, {

package/dist/ToggleGroup/ToggleGroupItem.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 const vue = require('vue');
-const RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const shared_isValueEqualOrExist = require('../shared/isValueEqualOrExist.cjs');
 const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const Primitive_Primitive = require('../Primitive/Primitive.cjs');
 const Toggle_Toggle = require('../Toggle/Toggle.cjs');
 const ToggleGroup_ToggleGroupRoot = require('./ToggleGroupRoot.cjs');

package/dist/ToggleGroup/ToggleGroupItem.js

@@ -1,7 +1,7 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
-import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusItem.js';
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, unref, withCtx, createVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { i as isValueEqualOrExist } from '../shared/isValueEqualOrExist.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusItem.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 import { _ as _sfc_main$2 } from '../Toggle/Toggle.js';
 import { i as injectToggleGroupRootContext } from './ToggleGroupRoot.js';

package/dist/ToggleGroup/ToggleGroupRoot.cjs

@@ -2,13 +2,13 @@
 
 const vue = require('vue');
 const shared_useSingleOrMultipleValue = require('../shared/useSingleOrMultipleValue.cjs');
-const RovingFocus_RovingFocusGroup = require('../RovingFocus/RovingFocusGroup.cjs');
 const VisuallyHidden_VisuallyHiddenInput = require('../VisuallyHidden/VisuallyHiddenInput.cjs');
+const shared_createContext = require('../shared/createContext.cjs');
 const shared_useDirection = require('../shared/useDirection.cjs');
 const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
 const shared_useFormControl = require('../shared/useFormControl.cjs');
+const RovingFocus_RovingFocusGroup = require('../RovingFocus/RovingFocusGroup.cjs');
 const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const shared_createContext = require('../shared/createContext.cjs');
 
 const [injectToggleGroupRootContext, provideToggleGroupRootContext] = shared_createContext.createContext("ToggleGroupRoot");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -49,9 +49,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(rovingFocus) ? vue.unref(RovingFocus_RovingFocusGroup._sfc_main) : vue.unref(Primitive_Primitive.Primitive)), {
         "as-child": "",
-        orientation: vue.unref(rovingFocus) ? _ctx.orientation : undefined,
+        orientation: vue.unref(rovingFocus) ? _ctx.orientation : void 0,
         dir: vue.unref(dir),
-        loop: vue.unref(rovingFocus) ? vue.unref(loop) : undefined
+        loop: vue.unref(rovingFocus) ? vue.unref(loop) : void 0
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {

package/dist/ToggleGroup/ToggleGroupRoot.js

@@ -1,12 +1,12 @@
-import { defineComponent, toRefs, openBlock, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, toRefs, createBlock, openBlock, resolveDynamicComponent, unref, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { u as useSingleOrMultipleValue } from '../shared/useSingleOrMultipleValue.js';
-import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusGroup.js';
 import { _ as _sfc_main$2 } from '../VisuallyHidden/VisuallyHiddenInput.js';
+import { c as createContext } from '../shared/createContext.js';
 import { u as useDirection } from '../shared/useDirection.js';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
 import { u as useFormControl } from '../shared/useFormControl.js';
+import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusGroup.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
-import { c as createContext } from '../shared/createContext.js';
 
 const [injectToggleGroupRootContext, provideToggleGroupRootContext] = createContext("ToggleGroupRoot");
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -47,9 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(rovingFocus) ? unref(_sfc_main$1) : unref(Primitive)), {
         "as-child": "",
-        orientation: unref(rovingFocus) ? _ctx.orientation : undefined,
+        orientation: unref(rovingFocus) ? _ctx.orientation : void 0,
         dir: unref(dir),
-        loop: unref(rovingFocus) ? unref(loop) : undefined
+        loop: unref(rovingFocus) ? unref(loop) : void 0
       }, {
         default: withCtx(() => [
           createVNode(unref(Primitive), {

package/dist/Toolbar/ToolbarButton.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const vue = require('vue');
-const RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const RovingFocus_RovingFocusItem = require('../RovingFocus/RovingFocusItem.cjs');
 const Primitive_Primitive = require('../Primitive/Primitive.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps({
             ref: vue.unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined
+            type: _ctx.as === "button" ? "button" : void 0
           }, props), {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "default")

package/dist/Toolbar/ToolbarButton.js

@@ -1,6 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
-import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusItem.js';
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
 import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { _ as _sfc_main$1 } from '../RovingFocus/RovingFocusItem.js';
 import { P as Primitive } from '../Primitive/Primitive.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(Primitive), mergeProps({
             ref: unref(forwardRef),
-            type: _ctx.as === "button" ? "button" : undefined
+            type: _ctx.as === "button" ? "button" : void 0
           }, props), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")