@rotki/ui-library 2.10.0 → 2.11.1

package/dist/components/date-time-picker/use-keyboard-handler.js

@@ -5,6 +5,24 @@ import { assert } from "../../utils/assert.js";
 import { computed, nextTick } from "vue";
 import { get, set } from "@vueuse/shared";
 import { isDefined } from "@vueuse/core";
+const SEGMENT_METHODS = {
+  DD: "date",
+  HH: "hour",
+  MM: "month",
+  SSS: "millisecond",
+  YYYY: "year",
+  mm: "minute",
+  ss: "second"
+};
+const SEGMENT_CONFIG = {
+  DD: { maxValue: 31, minValue: 1 },
+  HH: { maxValue: 23, minValue: 0 },
+  MM: { maxValue: 12, minValue: 1 },
+  SSS: { maxValue: 999, minValue: 0 },
+  YYYY: { maxValue: 9999, minValue: 1 },
+  mm: { maxValue: 59, minValue: 0 },
+  ss: { maxValue: 59, minValue: 0 }
+};
 function useKeyboardHandler(options) {
   const {
     accuracy,
@@ -81,17 +99,8 @@ function useKeyboardHandler(options) {
     const currentSegment = getCurrentSegment();
     if (!currentSegment)
       return;
-    const segmentMethods = {
-      DD: "date",
-      HH: "hour",
-      MM: "month",
-      mm: "minute",
-      ss: "second",
-      SSS: "millisecond",
-      YYYY: "year"
-    };
     const segmentType = currentSegment.type;
-    const method = segmentMethods[segmentType];
+    const method = SEGMENT_METHODS[segmentType];
     const selectedDate = getDateTime();
     const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));
     if (updatedDate.year() >= 1970) {
@@ -127,57 +136,41 @@ function useKeyboardHandler(options) {
     }
   }
   function handleDigitPressed(event, digit) {
-    if (!(event.target instanceof HTMLInputElement)) {
+    if (!(event.target instanceof HTMLInputElement))
       return;
-    }
     const position = event.target.selectionStart ?? 0;
     const currentSegment = getCurrentSegment(position);
-    if (!currentSegment)
-      return;
-    const number = parseInt(digit);
-    if (isNaN(number))
+    if (!currentSegment || isNaN(parseInt(digit)))
       return;
-    const segmentConfig = {
-      DD: { maxValue: 31, minValue: 1 },
-      HH: { maxValue: 23, minValue: 0 },
-      MM: { maxValue: 12, minValue: 1 },
-      mm: { maxValue: 59, minValue: 0 },
-      ss: { maxValue: 59, minValue: 0 },
-      SSS: { maxValue: 999, minValue: 0 },
-      YYYY: { maxValue: 9999, minValue: 1 }
-    };
     const segmentType = currentSegment.type;
-    if (isDateTimeSegmentType(segmentType)) {
-      const config = segmentConfig[segmentType];
-      const value = get(currentValue) ?? "";
-      const combinedValue = parseInt(`${value}${digit}`);
-      const nextCombinedValue = parseInt(`${value}${digit}0`);
-      const maxLength = segmentType.length;
-      const minValue = config.minValue ?? 0;
-      if (combinedValue >= minValue && combinedValue <= config.maxValue) {
-        setValue(segmentType, combinedValue);
-        setCursorPosition(currentSegment);
-      }
-      const willExceedMax = nextCombinedValue > config.maxValue;
-      const reachedMaxLength = combinedValue.toString().length >= maxLength;
-      if (willExceedMax || reachedMaxLength) {
-        navigateSegments("ArrowRight");
-      }
+    if (!isDateTimeSegmentType(segmentType))
+      return;
+    const config = SEGMENT_CONFIG[segmentType];
+    const value = get(currentValue) ?? "";
+    const combinedStr = `${value}${digit}`;
+    const combinedValue = parseInt(combinedStr);
+    const maxLength = segmentType.length;
+    const minValue = config.minValue ?? 0;
+    if (combinedValue >= minValue && combinedValue <= config.maxValue) {
+      setValue(segmentType, combinedValue);
+      setCursorPosition(currentSegment);
+    } else if (combinedValue < minValue && combinedStr.length < maxLength) {
+      set(currentValue, combinedValue);
     }
+    const willExceedMax = parseInt(`${combinedStr}0`) > config.maxValue;
+    if (willExceedMax || combinedStr.length >= maxLength)
+      navigateSegments("ArrowRight");
   }
   function handleKeyboardNavigation(event) {
-    if (event.key === "ArrowUp") {
+    if (event.key === "ArrowUp")
       changeSegmentValue(true);
-    } else if (event.key === "ArrowDown") {
+    else if (event.key === "ArrowDown")
       changeSegmentValue(false);
-    }
   }
   function handleBackspace(event) {
-    if (!(event.target instanceof HTMLInputElement)) {
+    if (!(event.target instanceof HTMLInputElement))
       return;
-    }
-    const position = event.target.selectionStart ?? 0;
-    const currentSegment = getCurrentSegment(position);
+    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);
     if (!currentSegment)
       return;
     const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? "";
@@ -186,11 +179,9 @@ function useKeyboardHandler(options) {
     setCursorPosition(currentSegment);
   }
   function onInputDeletePressed(event) {
-    if (!(event.target instanceof HTMLInputElement)) {
+    if (!(event.target instanceof HTMLInputElement))
       return;
-    }
-    const selectionStart = event.target.selectionStart ?? 0;
-    const segment = getCurrentSegment(selectionStart);
+    const segment = getCurrentSegment(event.target.selectionStart ?? 0);
     if (segment) {
       clear(segment.type);
       setCursorPosition(segment);
@@ -200,21 +191,19 @@ function useKeyboardHandler(options) {
     if (disabled || readonly)
       return;
     const { key } = event;
-    if (["Tab"].includes(key)) {
+    if (key === "Tab")
       return;
-    }
     event.preventDefault();
-    if (key === "ArrowRight" || key === "ArrowLeft") {
+    if (key === "ArrowRight" || key === "ArrowLeft")
       navigateSegments(key);
-    } else if (key === "ArrowUp" || key === "ArrowDown") {
+    else if (key === "ArrowUp" || key === "ArrowDown")
       handleKeyboardNavigation(event);
-    } else if (key === "Backspace") {
+    else if (key === "Backspace")
       handleBackspace(event);
-    } else if (key === "Delete") {
+    else if (key === "Delete")
       onInputDeletePressed(event);
-    } else if (/^\d$/.test(key)) {
+    else if (/^\d$/.test(key))
       handleDigitPressed(event, key);
-    }
   }
   function getClickPosition(event, input, useCaretPosition) {
     const fallback = input.selectionStart ?? 0;
@@ -223,11 +212,21 @@ function useKeyboardHandler(options) {
       return caretPos.offset;
     return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;
   }
+  let clickedSegment;
+  function handleMouseDown(event) {
+    if (disabled || readonly || !(event.target instanceof HTMLInputElement))
+      return;
+    const currentSegment = getCurrentSegment(getClickPosition(event, event.target));
+    if (currentSegment) {
+      clickedSegment = currentSegment;
+    }
+  }
   function handleClick(event) {
     if (disabled || readonly || !(event.target instanceof HTMLInputElement))
       return;
     const currentSegment = getCurrentSegment(getClickPosition(event, event.target));
     if (currentSegment) {
+      clickedSegment = currentSegment;
       set(cursorPosition, currentSegment.end);
       event.target.setSelectionRange(currentSegment.start, currentSegment.end);
     }
@@ -237,6 +236,11 @@ function useKeyboardHandler(options) {
     set(cursorPosition, target.selectionStart ?? 0);
   }
   function handleFocus() {
+    if (clickedSegment) {
+      setCursorPosition(clickedSegment);
+      clickedSegment = void 0;
+      return;
+    }
     const input = get(textInput);
     if (input && input.selectionStart !== input.selectionEnd)
       return;
@@ -244,6 +248,11 @@ function useKeyboardHandler(options) {
     if (firstSegment)
       setCursorPosition(firstSegment);
   }
+  function handleBlur() {
+    set(cursorPosition, 0);
+    set(currentValue, void 0);
+    clickedSegment = void 0;
+  }
   function parseAndSetDateValues(pastedText) {
     try {
       const parsedDate = dayjs(pastedText, get(dateFormat));
@@ -293,11 +302,13 @@ function useKeyboardHandler(options) {
   return {
     clear,
     getCurrentSegment,
+    handleBlur,
     handleClick,
     handleFocus,
     handleInput,
     handleInputSelection,
     handleKeyDown,
+    handleMouseDown,
     handlePaste,
     setSegment
   };

package/dist/components/date-time-picker/use-keyboard-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard-handler.js","sources":["../../../src/components/date-time-picker/use-keyboard-handler.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { type DateTimeSegmentType, isDateTimeSegmentType } from '@/components/date-time-picker/types';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\nimport { assert } from '@/utils/assert';\n\ninterface Segment {\n  start: number;\n  end: number;\n  type: DateTimeSegmentType;\n}\n\ninterface KeyboardHandlerOptions {\n  dateFormat: Ref<string>;\n  cursorPosition: Ref<number>;\n  currentValue: Ref<number | undefined>;\n  textInput: Ref<HTMLInputElement | undefined>;\n  setValue: (segment: DateTimeSegmentType, value?: number) => void;\n  getCurrent: (segment: DateTimeSegmentType) => number | undefined;\n  getDateTime: () => Dayjs;\n  disabled: boolean;\n  readonly: boolean;\n  accuracy: TimeAccuracy;\n}\n\nexport function useKeyboardHandler(options: KeyboardHandlerOptions) {\n  const {\n    accuracy,\n    currentValue,\n    cursorPosition,\n    dateFormat,\n    disabled,\n    getCurrent,\n    getDateTime,\n    readonly,\n    setValue,\n    textInput,\n  } = options;\n\n  const formatSegments = computed<string[]>(() => {\n    const format = get(dateFormat);\n    return format.split(/([\\s./:])/g).filter(Boolean);\n  });\n\n  const segmentPositions = computed<Segment[]>(() => {\n    const segments = get(formatSegments);\n    const positions: Segment[] = [];\n    let currentPosition = 0;\n\n    segments.forEach((segment) => {\n      if (!/[\\s./:]/.test(segment)) {\n        assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);\n        positions.push({\n          end: currentPosition + segment.length,\n          start: currentPosition,\n          type: segment,\n        });\n      }\n      currentPosition += segment.length;\n    });\n\n    return positions;\n  });\n\n  function getCurrentSegment(position: number = get(cursorPosition)) {\n    const segments = get(segmentPositions);\n    return segments.find(\n      segment => position >= segment.start && position <= segment.end,\n    );\n  }\n\n  function setCursorPosition(segment: Segment): void {\n    set(cursorPosition, segment.end);\n\n    nextTick(() => {\n      if (isDefined(textInput)) {\n        const input = get(textInput);\n        input.setSelectionRange(segment.start, segment.end);\n        input.focus();\n      }\n    });\n  }\n\n  function setSegment(segmentType: DateTimeSegmentType): void {\n    const segments = get(segmentPositions).find(segment => segment.type === segmentType);\n    if (segments) {\n      setCursorPosition(segments);\n    }\n  }\n\n  function clear(segmentType?: string): void {\n    const currentSegment = getCurrentSegment();\n    if (!segmentType && !currentSegment) {\n      return;\n    }\n\n    const typeToUse = segmentType ?? currentSegment?.type;\n    if (!typeToUse) {\n      return;\n    }\n\n    setValue(typeToUse as DateTimeSegmentType, undefined);\n\n    if (currentSegment) {\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function changeSegmentValue(increment: boolean): void {\n    if (!isDefined(textInput))\n      return;\n\n    const currentSegment = getCurrentSegment();\n\n    if (!currentSegment)\n      return;\n\n    const segmentMethods = {\n      DD: 'date',\n      HH: 'hour',\n      MM: 'month',\n      mm: 'minute',\n      ss: 'second',\n      SSS: 'millisecond',\n      YYYY: 'year',\n    } as const;\n\n    const segmentType = currentSegment.type;\n    const method = segmentMethods[segmentType];\n    const selectedDate = getDateTime();\n    const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));\n    if (updatedDate.year() >= 1970) {\n      setValue(segmentType, segmentType === 'MM' ? updatedDate.get(method) + 1 : updatedDate.get(method));\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function navigateSegments(key: string) {\n    const position = get(cursorPosition);\n    const positions = get(segmentPositions);\n    const currentSegmentIndex = positions.findIndex(\n      segment => position >= segment.start && position <= segment.end,\n    );\n\n    if (currentSegmentIndex === -1) {\n      return;\n    }\n\n    set(currentValue, undefined);\n\n    let nextSegmentIndex: number;\n    if (key === 'ArrowRight') {\n      nextSegmentIndex = currentSegmentIndex + 1;\n      if (nextSegmentIndex < positions.length) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n    else {\n      nextSegmentIndex = currentSegmentIndex - 1;\n      if (nextSegmentIndex >= 0) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n  }\n\n  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment)\n      return;\n\n    const number = parseInt(digit);\n    if (isNaN(number))\n      return;\n\n    const segmentConfig: Record<DateTimeSegmentType, { maxValue: number; minValue?: number }> = {\n      DD: { maxValue: 31, minValue: 1 },\n      HH: { maxValue: 23, minValue: 0 },\n      MM: { maxValue: 12, minValue: 1 },\n      mm: { maxValue: 59, minValue: 0 },\n      ss: { maxValue: 59, minValue: 0 },\n      SSS: { maxValue: 999, minValue: 0 },\n      YYYY: { maxValue: 9999, minValue: 1 },\n    };\n\n    const segmentType = currentSegment.type;\n\n    if (isDateTimeSegmentType(segmentType)) {\n      const config = segmentConfig[segmentType];\n      const value = get(currentValue) ?? '';\n      const combinedValue = parseInt(`${value}${digit}`);\n      const nextCombinedValue = parseInt(`${value}${digit}0`);\n\n      const maxLength = segmentType.length;\n      const minValue = config.minValue ?? 0;\n\n      if (combinedValue >= minValue && combinedValue <= config.maxValue) {\n        setValue(segmentType, combinedValue);\n        setCursorPosition(currentSegment);\n      }\n\n      const willExceedMax = nextCombinedValue > config.maxValue;\n      const reachedMaxLength = combinedValue.toString().length >= maxLength;\n\n      if (willExceedMax || reachedMaxLength) {\n        navigateSegments('ArrowRight');\n      }\n    }\n  }\n\n  function handleKeyboardNavigation(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp') {\n      changeSegmentValue(true);\n    }\n    else if (event.key === 'ArrowDown') {\n      changeSegmentValue(false);\n    }\n  }\n\n  function handleBackspace(event: KeyboardEvent) {\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment)\n      return;\n\n    const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? '';\n    const updatedValue = value.toString().slice(0, -1);\n    setValue(currentSegment.type, updatedValue.length === 0 ? undefined : parseInt(updatedValue));\n    setCursorPosition(currentSegment);\n  }\n\n  function onInputDeletePressed(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n    const selectionStart = event.target.selectionStart ?? 0;\n    const segment = getCurrentSegment(selectionStart);\n    if (segment) {\n      clear(segment.type);\n      setCursorPosition(segment);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    const { key } = event;\n\n    if (['Tab'].includes(key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    if (key === 'ArrowRight' || key === 'ArrowLeft') {\n      navigateSegments(key);\n    }\n    else if (key === 'ArrowUp' || key === 'ArrowDown') {\n      handleKeyboardNavigation(event);\n    }\n    else if (key === 'Backspace') {\n      handleBackspace(event);\n    }\n    else if (key === 'Delete') {\n      onInputDeletePressed(event);\n    }\n    else if (/^\\d$/.test(key)) {\n      handleDigitPressed(event, key);\n    }\n  }\n\n  function getClickPosition(event: MouseEvent, input: HTMLInputElement, useCaretPosition: boolean): number {\n    const fallback = input.selectionStart ?? 0;\n    if (!useCaretPosition)\n      return fallback;\n    const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);\n    if (caretPos)\n      return caretPos.offset;\n    return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;\n  }\n\n  function handleClick(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      set(cursorPosition, currentSegment.end);\n      event.target.setSelectionRange(currentSegment.start, currentSegment.end);\n    }\n  }\n\n  function handleInputSelection(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    set(cursorPosition, target.selectionStart ?? 0);\n  }\n\n  function handleFocus(): void {\n    // Only select first segment if no text is currently selected in the input\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  function parseAndSetDateValues(pastedText: string) {\n    try {\n      const parsedDate = dayjs(pastedText, get(dateFormat));\n\n      if (!parsedDate.isValid()) {\n        return;\n      }\n\n      const date = parsedDate.toDate();\n      setValue('YYYY', date.getFullYear());\n      setValue('MM', date.getMonth() + 1);\n      setValue('DD', date.getDate());\n      setValue('HH', date.getHours());\n      setValue('mm', date.getMinutes());\n      if (includeSeconds(accuracy)) {\n        setValue('ss', date.getSeconds());\n      }\n      if (includeMilliseconds(accuracy)) {\n        setValue('SSS', date.getMilliseconds());\n      }\n    }\n    catch {\n      // Invalid format, ignore paste\n    }\n  }\n\n  function handlePaste(event: ClipboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const pastedText = event.clipboardData?.getData('text');\n    if (!pastedText) {\n      return;\n    }\n    parseAndSetDateValues(pastedText);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    const inputText = event.target.value;\n    if (!inputText) {\n      return;\n    }\n\n    parseAndSetDateValues(inputText);\n  }\n\n  return {\n    clear,\n    getCurrentSegment,\n    handleClick,\n    handleFocus,\n    handleInput,\n    handleInputSelection,\n    handleKeyDown,\n    handlePaste,\n    setSegment,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-keyboard-handler.js","sources":["../../../src/components/date-time-picker/use-keyboard-handler.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { type DateTimeSegmentType, isDateTimeSegmentType } from '@/components/date-time-picker/types';\nimport { includeMilliseconds, includeSeconds } from '@/components/date-time-picker/utils';\nimport { assert } from '@/utils/assert';\n\ninterface Segment { start: number; end: number; type: DateTimeSegmentType }\n\ntype SegmentMethod = 'date' | 'hour' | 'month' | 'minute' | 'second' | 'millisecond' | 'year';\nconst SEGMENT_METHODS: Record<DateTimeSegmentType, SegmentMethod> = {\n  DD: 'date',\n  HH: 'hour',\n  MM: 'month',\n  SSS: 'millisecond',\n  YYYY: 'year',\n  mm: 'minute',\n  ss: 'second',\n};\n\ninterface SegmentBounds { maxValue: number; minValue?: number }\nconst SEGMENT_CONFIG: Record<DateTimeSegmentType, SegmentBounds> = {\n  DD: { maxValue: 31, minValue: 1 },\n  HH: { maxValue: 23, minValue: 0 },\n  MM: { maxValue: 12, minValue: 1 },\n  SSS: { maxValue: 999, minValue: 0 },\n  YYYY: { maxValue: 9999, minValue: 1 },\n  mm: { maxValue: 59, minValue: 0 },\n  ss: { maxValue: 59, minValue: 0 },\n};\n\ninterface KeyboardHandlerOptions {\n  dateFormat: Ref<string>;\n  cursorPosition: Ref<number>;\n  currentValue: Ref<number | undefined>;\n  textInput: Ref<HTMLInputElement | undefined>;\n  setValue: (segment: DateTimeSegmentType, value?: number) => void;\n  getCurrent: (segment: DateTimeSegmentType) => number | undefined;\n  getDateTime: () => Dayjs;\n  disabled: boolean;\n  readonly: boolean;\n  accuracy: TimeAccuracy;\n}\n\nexport function useKeyboardHandler(options: KeyboardHandlerOptions) {\n  const {\n    accuracy,\n    currentValue,\n    cursorPosition,\n    dateFormat,\n    disabled,\n    getCurrent,\n    getDateTime,\n    readonly,\n    setValue,\n    textInput,\n  } = options;\n\n  const formatSegments = computed<string[]>(() => {\n    const format = get(dateFormat);\n    return format.split(/([\\s./:])/g).filter(Boolean);\n  });\n\n  const segmentPositions = computed<Segment[]>(() => {\n    const segments = get(formatSegments);\n    const positions: Segment[] = [];\n    let currentPosition = 0;\n\n    segments.forEach((segment) => {\n      if (!/[\\s./:]/.test(segment)) {\n        assert(isDateTimeSegmentType(segment), `Invalid date format segment: ${segment}`);\n        positions.push({\n          end: currentPosition + segment.length,\n          start: currentPosition,\n          type: segment,\n        });\n      }\n      currentPosition += segment.length;\n    });\n\n    return positions;\n  });\n\n  function getCurrentSegment(position: number = get(cursorPosition)) {\n    const segments = get(segmentPositions);\n    return segments.find(\n      segment => position >= segment.start && position <= segment.end,\n    );\n  }\n\n  function setCursorPosition(segment: Segment): void {\n    set(cursorPosition, segment.end);\n\n    nextTick(() => {\n      if (isDefined(textInput)) {\n        const input = get(textInput);\n        input.setSelectionRange(segment.start, segment.end);\n        input.focus();\n      }\n    });\n  }\n\n  function setSegment(segmentType: DateTimeSegmentType): void {\n    const segments = get(segmentPositions).find(segment => segment.type === segmentType);\n    if (segments) {\n      setCursorPosition(segments);\n    }\n  }\n\n  function clear(segmentType?: string): void {\n    const currentSegment = getCurrentSegment();\n    if (!segmentType && !currentSegment) {\n      return;\n    }\n\n    const typeToUse = segmentType ?? currentSegment?.type;\n    if (!typeToUse) {\n      return;\n    }\n\n    setValue(typeToUse as DateTimeSegmentType, undefined);\n\n    if (currentSegment) {\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function changeSegmentValue(increment: boolean): void {\n    if (!isDefined(textInput))\n      return;\n    const currentSegment = getCurrentSegment();\n    if (!currentSegment)\n      return;\n    const segmentType = currentSegment.type;\n    const method = SEGMENT_METHODS[segmentType];\n    const selectedDate = getDateTime();\n    const updatedDate = selectedDate.set(method, selectedDate.get(method) + (increment ? 1 : -1));\n    if (updatedDate.year() >= 1970) {\n      setValue(segmentType, segmentType === 'MM' ? updatedDate.get(method) + 1 : updatedDate.get(method));\n      setCursorPosition(currentSegment);\n    }\n  }\n\n  function navigateSegments(key: string) {\n    const position = get(cursorPosition);\n    const positions = get(segmentPositions);\n    const currentSegmentIndex = positions.findIndex(\n      segment => position >= segment.start && position <= segment.end,\n    );\n\n    if (currentSegmentIndex === -1) {\n      return;\n    }\n\n    set(currentValue, undefined);\n\n    let nextSegmentIndex: number;\n    if (key === 'ArrowRight') {\n      nextSegmentIndex = currentSegmentIndex + 1;\n      if (nextSegmentIndex < positions.length) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n    else {\n      nextSegmentIndex = currentSegmentIndex - 1;\n      if (nextSegmentIndex >= 0) {\n        const nextSegment = positions[nextSegmentIndex];\n        assert(nextSegment);\n        setCursorPosition(nextSegment);\n      }\n    }\n  }\n\n  function handleDigitPressed(event: KeyboardEvent, digit: string): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const position = event.target.selectionStart ?? 0;\n    const currentSegment = getCurrentSegment(position);\n    if (!currentSegment || isNaN(parseInt(digit)))\n      return;\n    const segmentType = currentSegment.type;\n    if (!isDateTimeSegmentType(segmentType))\n      return;\n\n    const config = SEGMENT_CONFIG[segmentType];\n    const value = get(currentValue) ?? '';\n    const combinedStr = `${value}${digit}`;\n    const combinedValue = parseInt(combinedStr);\n    const maxLength = segmentType.length;\n    const minValue = config.minValue ?? 0;\n\n    if (combinedValue >= minValue && combinedValue <= config.maxValue) {\n      setValue(segmentType, combinedValue);\n      setCursorPosition(currentSegment);\n    }\n    else if (combinedValue < minValue && combinedStr.length < maxLength) {\n      // Track digit even if below minValue, so next digit can combine (e.g., \"0\" allows \"01\")\n      set(currentValue, combinedValue);\n    }\n\n    const willExceedMax = parseInt(`${combinedStr}0`) > config.maxValue;\n    // Use string length of typed digits, not parsed number length (e.g., \"01\" has length 2)\n    if (willExceedMax || combinedStr.length >= maxLength)\n      navigateSegments('ArrowRight');\n  }\n\n  function handleKeyboardNavigation(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp')\n      changeSegmentValue(true);\n    else if (event.key === 'ArrowDown')\n      changeSegmentValue(false);\n  }\n\n  function handleBackspace(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (!currentSegment)\n      return;\n    const value = get(currentValue) ?? getCurrent(currentSegment.type) ?? '';\n    const updatedValue = value.toString().slice(0, -1);\n    setValue(currentSegment.type, updatedValue.length === 0 ? undefined : parseInt(updatedValue));\n    setCursorPosition(currentSegment);\n  }\n\n  function onInputDeletePressed(event: KeyboardEvent): void {\n    if (!(event.target instanceof HTMLInputElement))\n      return;\n    const segment = getCurrentSegment(event.target.selectionStart ?? 0);\n    if (segment) {\n      clear(segment.type);\n      setCursorPosition(segment);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent): void {\n    if (disabled || readonly)\n      return;\n    const { key } = event;\n    if (key === 'Tab')\n      return;\n    event.preventDefault();\n    if (key === 'ArrowRight' || key === 'ArrowLeft')\n      navigateSegments(key);\n    else if (key === 'ArrowUp' || key === 'ArrowDown')\n      handleKeyboardNavigation(event);\n    else if (key === 'Backspace')\n      handleBackspace(event);\n    else if (key === 'Delete')\n      onInputDeletePressed(event);\n    else if (/^\\d$/.test(key))\n      handleDigitPressed(event, key);\n  }\n\n  function getClickPosition(event: MouseEvent, input: HTMLInputElement, useCaretPosition: boolean): number {\n    const fallback = input.selectionStart ?? 0;\n    if (!useCaretPosition)\n      return fallback;\n    const caretPos = document.caretPositionFromPoint?.(event.clientX, event.clientY);\n    if (caretPos)\n      return caretPos.offset;\n    return document.caretRangeFromPoint?.(event.clientX, event.clientY)?.startOffset ?? fallback;\n  }\n\n  // Track the segment that was clicked, so handleFocus can restore it after DOM updates\n  let clickedSegment: Segment | undefined;\n\n  // Capture clicked segment on mousedown (fires before focus event)\n  function handleMouseDown(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      clickedSegment = currentSegment;\n    }\n  }\n\n  function handleClick(event: MouseEvent): void {\n    if (disabled || readonly || !(event.target instanceof HTMLInputElement))\n      return;\n    const currentSegment = getCurrentSegment(getClickPosition(event, event.target, true));\n    if (currentSegment) {\n      clickedSegment = currentSegment;\n      set(cursorPosition, currentSegment.end);\n      event.target.setSelectionRange(currentSegment.start, currentSegment.end);\n    }\n  }\n\n  function handleInputSelection(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    set(cursorPosition, target.selectionStart ?? 0);\n  }\n\n  function handleFocus(): void {\n    // If we just clicked on a segment, restore that selection\n    // (the selection may have been lost due to menu opening/DOM updates)\n    if (clickedSegment) {\n      setCursorPosition(clickedSegment);\n      clickedSegment = undefined;\n      return;\n    }\n\n    // Only select first segment if no text is currently selected in the input\n    const input = get(textInput);\n    if (input && input.selectionStart !== input.selectionEnd)\n      return;\n    const firstSegment = get(segmentPositions)[0];\n    if (firstSegment)\n      setCursorPosition(firstSegment);\n  }\n\n  function handleBlur(): void {\n    // Reset cursor position and clicked segment when input loses focus\n    // This prevents \"blinking\" when re-focusing on a different segment\n    set(cursorPosition, 0);\n    set(currentValue, undefined);\n    clickedSegment = undefined;\n  }\n\n  function parseAndSetDateValues(pastedText: string) {\n    try {\n      const parsedDate = dayjs(pastedText, get(dateFormat));\n\n      if (!parsedDate.isValid()) {\n        return;\n      }\n\n      const date = parsedDate.toDate();\n      setValue('YYYY', date.getFullYear());\n      setValue('MM', date.getMonth() + 1);\n      setValue('DD', date.getDate());\n      setValue('HH', date.getHours());\n      setValue('mm', date.getMinutes());\n      if (includeSeconds(accuracy)) {\n        setValue('ss', date.getSeconds());\n      }\n      if (includeMilliseconds(accuracy)) {\n        setValue('SSS', date.getMilliseconds());\n      }\n    }\n    catch {\n      // Invalid format, ignore paste\n    }\n  }\n\n  function handlePaste(event: ClipboardEvent): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const pastedText = event.clipboardData?.getData('text');\n    if (!pastedText) {\n      return;\n    }\n    parseAndSetDateValues(pastedText);\n  }\n\n  function handleInput(event: Event): void {\n    if (disabled || readonly)\n      return;\n\n    if (!(event.target instanceof HTMLInputElement)) {\n      return;\n    }\n\n    const inputText = event.target.value;\n    if (!inputText) {\n      return;\n    }\n\n    parseAndSetDateValues(inputText);\n  }\n\n  return {\n    clear,\n    getCurrentSegment,\n    handleBlur,\n    handleClick,\n    handleFocus,\n    handleInput,\n    handleInputSelection,\n    handleKeyDown,\n    handleMouseDown,\n    handlePaste,\n    setSegment,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/forms/auto-complete/RuiAutoComplete.vue.d.ts

@@ -36,14 +36,16 @@ export interface AutoCompleteProps<TValue, TItem> {
     hideCustomValue?: boolean;
     required?: boolean;
 }
-declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(AutoCompleteProps<TValue, TItem> & {
+declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(AutoCompleteProps<TValue, TItem> & {
         modelValue: AutoCompleteModelValue<TValue>;
         searchInput?: string;
     }) & {
         "onUpdate:modelValue"?: ((value: AutoCompleteModelValue<TValue>) => any) | undefined;
         "onUpdate:searchInput"?: ((value: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         focus: () => Promise<void>;
         setSelectionRange: (start: number, end: number) => void;
@@ -51,7 +53,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
     attrs: any;
     slots: {
         activator?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -86,7 +88,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -151,7 +153,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -216,7 +218,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -281,7 +283,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -353,7 +355,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         'item.prepend'?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -388,7 +390,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -453,7 +455,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -518,7 +520,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -583,7 +585,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -619,7 +621,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         item?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -654,7 +656,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -719,7 +721,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -784,7 +786,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -849,7 +851,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -885,7 +887,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
         }) => any;
     } & {
         'item.append'?: (props: {
-            disabled: import("@vue/reactivity").DistributeRef<[(Readonly<{
+            disabled: boolean & import("@vue/reactivity").DistributeRef<[(Readonly<{
                 labelClass: string;
                 menuClass: string;
                 itemClass: string;
@@ -920,7 +922,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -985,7 +987,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1050,7 +1052,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1115,7 +1117,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly customValue: boolean;
                 readonly hideCustomValue: boolean;
                 readonly required: boolean;
-            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | ([KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined] extends [boolean | undefined] ? "keyAttr" : never) | ([keyof TItem | undefined] extends [boolean | undefined] ? "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "placeholder" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
+            } & ("disabled" | "returnObject" | "autoSelectFirst" | "dense" | "hideSelected" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "chips" | "noFilter" | "hideNoData" | "customValue" | "hideCustomValue" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "options" | "label" | "disabled" | "keyAttr" | "returnObject" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "hideSelected" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "placeholder" | "clearable" | "readOnly" | "menuOptions" | "chips" | "noFilter" | "hideNoData" | "noDataText" | "customValue" | "hideCustomValue" ? {
                 options: () => never[];
                 disabled: false;
                 loading: false;
@@ -1158,6 +1160,8 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/components/forms/checkbox/RuiCheckbox.vue.d.ts

@@ -12,9 +12,9 @@ export interface Props {
     hideDetails?: boolean;
     required?: boolean;
 }
-declare var __VLS_13: {};
+declare var __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (modelValue: boolean) => any;