@volverjs/ui-vue 0.0.10-beta.47 → 0.0.10-beta.49

package/src/components/VvAccordion/VvAccordion.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { uid } from 'uid'
-import { VvAccordionEvents, VvAccordionProps, useGroupProps } from '.'
+import { useId } from 'vue'
+import { useGroupProps, VvAccordionEvents, VvAccordionProps } from '.'
 
 // props, attrs and emit
 const props = defineProps(VvAccordionProps)
@@ -12,7 +12,7 @@ const modelValue = useVModel(props, 'modelValue', emit)
 
 // data
 const accordionName = computed(
-    () => props.name || (attrs?.id as string) || uid(),
+    () => props.name || (attrs?.id as string) || useId(),
 )
 const { title, content, not } = toRefs(props)
 const { isInGroup, modifiers, disabled, bus } = useGroupProps(props)
@@ -90,7 +90,7 @@ function collapse() {
 function groupExpand(name?: string | string[]) {
     if (!bus) {
         console.warn(
-				`[VvAccordion]: You are trying to expand accordion group of "${accordionName.value}" but it is not in a group`,
+            `[VvAccordion]: You are trying to expand accordion group of "${accordionName.value}" but it is not in a group`,
         )
         return
     }
@@ -100,7 +100,7 @@ function groupExpand(name?: string | string[]) {
 function groupCollapse(name?: string | string[]) {
     if (!bus) {
         console.warn(
-				`[VvAccordion]: You are trying to collapse accordion group of "${accordionName.value}" but it is not in a group`,
+            `[VvAccordion]: You are trying to collapse accordion group of "${accordionName.value}" but it is not in a group`,
         )
         return
     }

package/src/components/VvAccordion/index.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes } from 'vue'
 import type { AccordionGroupState } from '../../types/group'
-import { INJECTION_KEY_ACCORDION_GROUP } from '../../constants'
 import { ModifiersProps } from '@/props'
+import { INJECTION_KEY_ACCORDION_GROUP } from '../../constants'
 
 export const VvAccordionProps = {
     ...ModifiersProps,
@@ -41,7 +41,7 @@ export type VvAccordionPropsTypes = ExtractPropTypes<typeof VvAccordionProps>
  * Merges local and group props
  */
 export function useGroupProps(props: VvAccordionPropsTypes) {
-    const { group, isInGroup } = useInjectedGroupState<AccordionGroupState>(
+    const { group, isInGroup } = useGroupStateInject<AccordionGroupState>(
         INJECTION_KEY_ACCORDION_GROUP,
     )
 

package/src/components/VvAccordionGroup/VvAccordionGroup.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import mitt from 'mitt'
 import type {
-    AccordionGroupState,
     AccordionGroupBusEvents,
+    AccordionGroupState,
 } from '../../types/group'
+import mitt from 'mitt'
+import { VvAccordionGroupEvents, VvAccordionGroupProps } from '.'
 import { INJECTION_KEY_ACCORDION_GROUP } from '../../constants'
 import VvAccordion from '../VvAccordion/VvAccordion.vue'
-import { VvAccordionGroupProps, VvAccordionGroupEvents } from '.'
 
 // props and emit
 const props = defineProps(VvAccordionGroupProps)
@@ -24,7 +24,7 @@ const {
 watchEffect(() => {
     if (typeof props.modelValue === 'string' && props.collapse) {
         console.warn(
-				`[VvAccordionGroup]: modelValue is a string but collapse is true.`,
+            `[VvAccordionGroup]: modelValue is a string but collapse is true.`,
         )
     }
 })
@@ -112,7 +112,7 @@ onMounted(() => {
 
 // provide
 const bus = mitt<AccordionGroupBusEvents>()
-useProvideGroupState<AccordionGroupState>(INJECTION_KEY_ACCORDION_GROUP, {
+useGroupStateProvide<AccordionGroupState>(INJECTION_KEY_ACCORDION_GROUP, {
     disabled,
     modifiers: itemModifiers,
     bus,

package/src/components/VvAction/VvAction.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { VvActionEvents, VvActionProps } from '.'
 import { ActionTag } from '../../constants'
-import { VvActionProps, VvActionEvents } from '.'
 
 // props and emit
 const props = defineProps(VvActionProps)

package/src/components/VvAlert/VvAlert.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VvIcon from '../VvIcon/VvIcon.vue'
 import { useVvAlert, VvAlertEvents, VvAlertProps } from '.'
+import VvIcon from '../VvIcon/VvIcon.vue'
 
 const props = defineProps(VvAlertProps)
 

package/src/components/VvAlert/index.ts

@@ -1,7 +1,7 @@
+import type { AlertModifier } from '@/types'
 import type { ExtractPropTypes, PropType } from 'vue'
 import { AlertRole } from '@/constants'
 import { IconProps, IdProps } from '@/props'
-import type { AlertModifier } from '@/types'
 
 export const VvAlertProps = {
     ...IdProps,

package/src/components/VvAlertGroup/VvAlertGroup.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VvAlert from '../VvAlert/VvAlert.vue'
 import { useVvAlertGroup, VvAlertGroupEvents, VvAlertGroupProps } from '.'
+import VvAlert from '../VvAlert/VvAlert.vue'
 
 // props and emit
 const props = defineProps(VvAlertGroupProps)

package/src/components/VvAlertGroup/index.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes } from 'vue'
 import type { Alert } from '@/types'
+import type { ExtractPropTypes } from 'vue'
 import { ModifiersProps } from '@/props'
 
 export const VvAlertGroupProps = {
@@ -51,12 +51,12 @@ export const VvAlertGroupEvents = [
 ]
 
 export function useVvAlertGroup(props: Readonly<ExtractPropTypes<typeof VvAlertGroupProps>>,	emit: (event: string, ...args: unknown[]) => void) {
-    const bus = useProvideAlertGroup({ name: computed(() => props.name) })
+    const bus = useAlertProvideGroup({ name: computed(() => props.name) })
 
     // check props block and inline coexist
     if ((props.block && !props.inline) || (!props.block && props.inline)) {
         console.warn(
-			`[VvAlertGroup]: block and inline props must coexist at the same time.`,
+            `[VvAlertGroup]: block and inline props must coexist at the same time.`,
         )
     }
 

package/src/components/VvAvatarGroup/VvAvatarGroup.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VvAvatarGroupProps } from '@/components/VvAvatarGroup'
 import VvAvatar from '@/components/VvAvatar/VvAvatar.vue'
+import { VvAvatarGroupProps } from '@/components/VvAvatarGroup'
 
 const props = defineProps(VvAvatarGroupProps)
 const { modifiers, items, toShow, totalItems, avatarModifiers }

package/src/components/VvBreadcrumb/VvBreadcrumb.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { VvBreadcrumbProps } from '.'
 import { useModifiers } from '../../composables/useModifiers'
 import VvAction from '../VvAction/VvAction.vue'
-import { VvBreadcrumbProps } from '.'
 
 const props = defineProps(VvBreadcrumbProps)
 
@@ -45,7 +45,7 @@ export default {
                     default-tag="span"
                 >
                     <!-- @slot Slot for label -->
-                    <slot name="label" v-bind="{ route, index }">
+                    <slot name="label" v-bind="{ ...route, index, label, isLast: isLast(index) }">
                         {{ label }}
                     </slot>
                 </VvAction>

package/src/components/VvBreadcrumb/index.ts

@@ -1,5 +1,5 @@
-import { ModifiersProps } from '../../props'
 import type { NavItem } from '../../types'
+import { ModifiersProps } from '../../props'
 
 export const VvBreadcrumbProps = {
     ...ModifiersProps,

package/src/components/VvButton/VvButton.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import VvIcon from '../VvIcon/VvIcon.vue'
-import VvAction from '../VvAction/VvAction.vue'
+import { useGroupProps, VvButtonEvents, VvButtonProps } from '.'
 import { Side } from '../../constants'
-import { VvButtonEvents, VvButtonProps, useGroupProps } from '.'
+import VvAction from '../VvAction/VvAction.vue'
+import VvIcon from '../VvIcon/VvIcon.vue'
 
 // props, attrs, slots and emit
 const props = defineProps(VvButtonProps)

package/src/components/VvButton/index.ts

@@ -1,14 +1,14 @@
-import type { PropType, ExtractPropTypes } from 'vue'
+import type { ExtractPropTypes, PropType } from 'vue'
 import type { ButtonGroupState } from '../../types/group'
+import { INJECTION_KEY_BUTTON_GROUP, Side } from '../../constants'
 import {
     ActionProps,
+    IconProps,
     IdProps,
     LoadingProps,
     ModifiersProps,
     UnselectableProps,
-    IconProps,
 } from '../../props'
-import { INJECTION_KEY_BUTTON_GROUP, Side } from '../../constants'
 
 export const VvButtonEvents = ['update:modelValue']
 
@@ -71,7 +71,7 @@ export function useGroupProps(
     emit: (event: (typeof VvButtonEvents)[number], value: unknown) => void,
 ) {
     const { group, isInGroup, getGroupOrLocalRef }
-		= useInjectedGroupState<ButtonGroupState>(INJECTION_KEY_BUTTON_GROUP)
+		= useGroupStateInject<ButtonGroupState>(INJECTION_KEY_BUTTON_GROUP)
 
     // local props
     const { id, iconPosition, icon, label, pressed } = toRefs(props)

package/src/components/VvButtonGroup/VvButtonGroup.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ButtonGroupState } from '../../types/group'
+import { VvButtonGroupEvents, VvButtonGroupProps } from '.'
 import { INJECTION_KEY_BUTTON_GROUP } from '../../constants'
-import { VvButtonGroupProps, VvButtonGroupEvents } from '.'
 
 const props = defineProps(VvButtonGroupProps)
 
@@ -20,7 +20,7 @@ const {
 watchEffect(() => {
     if (typeof props.modelValue === 'string' && multiple.value) {
         console.warn(
-				`[VvButtonGroup]: modelValue is a string but multiple is true.`,
+            `[VvButtonGroup]: modelValue is a string but multiple is true.`,
         )
     }
 })
@@ -46,7 +46,7 @@ const modelValue = computed({
 })
 
 // provide
-useProvideGroupState<ButtonGroupState>(INJECTION_KEY_BUTTON_GROUP, {
+useGroupStateProvide<ButtonGroupState>(INJECTION_KEY_BUTTON_GROUP, {
     modelValue,
     disabled,
     toggle,

package/src/components/VvCheckbox/VvCheckbox.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { useGroupProps, VvCheckboxEvents, VvCheckboxProps } from '.'
 import { HintSlotFactory } from '../common/HintSlot'
-import { VvCheckboxProps, VvCheckboxEvents, useGroupProps } from '.'
 
 // props, emits and slots
 const props = defineProps(VvCheckboxProps)
@@ -124,7 +124,7 @@ const bemCssClasses = useModifiers(
 watchEffect(() => {
     if (isBinary.value && Array.isArray(modelValue.value)) {
         console.warn(
-				`[VvCheckbox] The model value is an array but the component is in binary mode.`,
+            `[VvCheckbox] The model value is an array but the component is in binary mode.`,
         )
     }
 })

package/src/components/VvCheckbox/index.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, Ref } from 'vue'
 import type { InputGroupState } from '../../types/group'
-import { CheckboxRadioProps, ModifiersProps } from '../../props'
 import { INJECTION_KEY_CHECK_GROUP } from '../../constants'
+import { CheckboxRadioProps, ModifiersProps } from '../../props'
 
 export const VvCheckboxProps = {
     ...CheckboxRadioProps,
@@ -32,7 +32,7 @@ export function useGroupProps(
     emit: (event: (typeof VvCheckboxEvents)[number], value: unknown) => void,
 ) {
     const { group, isInGroup, getGroupOrLocalRef }
-		= useInjectedGroupState<InputGroupState>(INJECTION_KEY_CHECK_GROUP)
+		= useGroupStateInject<InputGroupState>(INJECTION_KEY_CHECK_GROUP)
 
     // local props
     const { id, switch: propsSwitch, indeterminate } = toRefs(props)

package/src/components/VvCheckboxGroup/VvCheckboxGroup.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { Option } from '../../types/generic'
 import type { InputGroupState } from '../../types/group'
+import { VvCheckboxGroupEvents, VvCheckboxGroupProps } from '.'
 import { INJECTION_KEY_CHECK_GROUP } from '../../constants'
 import { HintSlotFactory } from '../common/HintSlot'
 import VvCheckbox from '../VvCheckbox/VvCheckbox.vue'
-import { VvCheckboxGroupProps, VvCheckboxGroupEvents } from '.'
 
 // props, emit and slots
 const props = defineProps(VvCheckboxGroupProps)
@@ -25,7 +25,7 @@ const modelValue = useVModel(props, 'modelValue', emit)
 const { disabled, readonly, vertical, valid, invalid, modifiers }
 		= toRefs(props)
 
-useProvideGroupState<InputGroupState>(INJECTION_KEY_CHECK_GROUP, {
+useGroupStateProvide<InputGroupState>(INJECTION_KEY_CHECK_GROUP, {
     modelValue,
     disabled,
     readonly,

package/src/components/VvCombobox/VvCombobox.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts" generic="T extends string | Option">
 import type { Ref } from 'vue'
+import type { Option } from '../../types/generic'
 import { toRefs } from 'vue'
-import VvIcon from '../VvIcon/VvIcon.vue'
+import { useVvComboboxProps, type VvComboboxEvents } from '.'
+import { DropdownRole } from '../../constants'
+import HintSlotFactory from '../common/HintSlot'
+import VvBadge from '../VvBadge/VvBadge.vue'
+import VvButton from '../VvButton/VvButton.vue'
 import VvDropdown from '../VvDropdown/VvDropdown.vue'
-import VvDropdownOption from '../VvDropdown/VvDropdownOption.vue'
 import VvDropdownOptgroup from '../VvDropdown/VvDropdownOptgroup.vue'
+import VvDropdownOption from '../VvDropdown/VvDropdownOption.vue'
+import VvIcon from '../VvIcon/VvIcon.vue'
 import VvSelect from '../VvSelect/VvSelect.vue'
-import VvBadge from '../VvBadge/VvBadge.vue'
-import VvButton from '../VvButton/VvButton.vue'
-import HintSlotFactory from '../common/HintSlot'
-import type { Option } from '../../types/generic'
-import { DropdownRole } from '../../constants'
-import { type VvComboboxEvents, useVvComboboxProps } from '.'
 
 // props, emit and slots
 // WARNING: This is a provisiaonal implementation, it may change in the future
@@ -31,7 +31,7 @@ const propsDefaults = useDefaults<typeof VvComboboxProps>(
 const inputEl: Ref<HTMLElement | null> = ref(null)
 const inputSearchEl: Ref<HTMLElement | null> = ref(null)
 const wrapperEl: Ref<HTMLElement | null> = ref(null)
-const dropdownEl = ref<typeof VvDropdown | null>(null)
+const dropdownEl = useTemplateRef<typeof VvDropdown>('dropdownEl')
 
 // hint slot
 const {

package/src/components/VvCombobox/index.ts

@@ -1,22 +1,22 @@
-import type { PropType } from 'vue'
 import type { MaybeElement } from '@vueuse/core'
+import type { PropType } from 'vue'
+import type { Option } from '../../types/generic'
 import {
-    ValidProps,
-    InvalidProps,
+    DisabledProps,
+    DropdownProps,
+    FloatingLabelProps,
     HintProps,
+    IconProps,
+    IdNameProps,
+    InvalidProps,
+    LabelProps,
     LoadingProps,
-    DisabledProps,
-    ReadonlyProps,
     ModifiersProps,
     OptionsProps,
-    IconProps,
+    ReadonlyProps,
     TabindexProps,
-    FloatingLabelProps,
-    IdNameProps,
-    DropdownProps,
-    LabelProps,
+    ValidProps,
 } from '../../props'
-import type { Option } from '../../types/generic'
 
 export type VvComboboxEvents = {
     'update:modelValue': [any]
@@ -100,8 +100,8 @@ export const VvComboboxProps = {
     searchFunction: {
         type: Function as PropType<
             (
-			    search: string,
-			    options: (Option | string)[],
+                search: string,
+                options: (Option | string)[],
             ) => (Option | string)[] | Promise<(Option | string)[]>
         >,
         default: undefined,
@@ -208,8 +208,8 @@ export function useVvComboboxProps<T extends Option | string>() {
             ...VvComboboxProps.searchFunction,
             type: Function as PropType<
                 (
-			    search: string,
-			    options: T[],
+                    search: string,
+                    options: T[],
                 ) => T[] | Promise<T[]>
             >,
         },

package/src/components/VvDropdown/VvDropdown.vue

@@ -1,15 +1,5 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import {
-    useFloating,
-    offset,
-    flip,
-    autoUpdate,
-    shift,
-    autoPlacement,
-    arrow,
-    size,
-} from '@floating-ui/vue'
 import type {
     AutoPlacementOptions,
     FlipOptions,
@@ -17,8 +7,18 @@ import type {
     ShiftOptions,
     SizeOptions,
 } from '../../types/floating-ui'
-import { Side, Strategy } from '../../constants'
+import {
+    arrow,
+    autoPlacement,
+    autoUpdate,
+    flip,
+    offset,
+    shift,
+    size,
+    useFloating,
+} from '@floating-ui/vue'
 import { VvDropdownProps } from '.'
+import { Side, Strategy } from '../../constants'
 
 // props, emit and attrs
 const props = defineProps(VvDropdownProps)
@@ -48,10 +48,10 @@ const maxWidth = ref('auto')
 const maxHeight = ref('auto')
 
 // template elements
-const localReferenceEl = ref<HTMLElement | null>(null)
+const localReferenceEl = ref<HTMLElement>()
 const floatingEl: Ref = ref()
-const arrowEl = ref<HTMLElement | null>(null)
-const listEl = ref<HTMLUListElement | null>(null)
+const arrowEl = useTemplateRef<HTMLElement>('arrowEl')
+const listEl = useTemplateRef<HTMLElement>('listEl')
 const referenceEl = computed({
     get: () => props.reference ?? localReferenceEl.value,
     set: (newValue) => {
@@ -69,9 +69,9 @@ onMounted(() => {
         () => {
             hasCustomPosition.value
 					= window
-					    .getComputedStyle(floatingEl.value)
-					    .getPropertyValue('--dropdown-custom-position')
-					    ?.trim() === 'true'
+                    .getComputedStyle(floatingEl.value)
+                    .getPropertyValue('--dropdown-custom-position')
+                    ?.trim() === 'true'
         },
         {
             attributeFilter: ['style'],
@@ -294,7 +294,7 @@ const referenceAria = computed(() => ({
 
 // provide to dropdown
 const { component: VvDropdownTriggerProvider, bus }
-		= useProvideDropdownTrigger({
+		= useDropdownProvideTrigger({
 		    reference: referenceEl,
 		    id: hasId,
 		    expanded,
@@ -383,7 +383,7 @@ function focusPrev() {
 const hovered = useElementHover(floatingEl)
 
 // provide top dropdown item
-const { itemRole } = useProvideDropdownItem({
+const { itemRole } = useDropdownProvideItem({
     role,
     expanded,
     focused,

package/src/components/VvDropdown/VvDropdownAction.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { ActionProps, ModifiersProps } from '../../props'
 import VvAction from '../VvAction/VvAction.vue'
 import VvDropdownItem from '../VvDropdown/VvDropdownItem.vue'
-import { ActionProps, ModifiersProps } from '../../props'
 
 // props
 const props = defineProps({

package/src/components/VvDropdown/VvDropdownItem.vue

@@ -5,7 +5,7 @@ const props = defineProps(VvDropdownItemProps)
 
 const { role, expanded } = useInjectedDropdownItem()
 const element = ref(null)
-useProvideDropdownAction({ expanded })
+useDropdownProvideAction({ expanded })
 const hovered = useElementHover(element)
 const { focused } = useFocus(element)
 const { focused: focusedWithin } = useFocusWithin(element)

package/src/components/VvDropdown/VvDropdownOption.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VvDropdownItem from './VvDropdownItem.vue'
 import { VvDropdownOptionProps } from '.'
+import VvDropdownItem from './VvDropdownItem.vue'
 
 // props
 const props = defineProps(VvDropdownOptionProps)

package/src/components/VvDropdown/index.ts

@@ -1,13 +1,13 @@
 import type { PropType } from 'vue'
+import { DropdownRole } from '../../constants'
 import {
+    DisabledProps,
     DropdownProps,
     IdProps,
-    DisabledProps,
     ModifiersProps,
     SelectedProps,
     UnselectableProps,
 } from '../../props'
-import { DropdownRole } from '../../constants'
 
 export const VvDropdownProps = {
     ...IdProps,

package/src/components/VvIcon/VvIcon.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Icon, addIcon, iconExists } from '@iconify/vue'
+import { addIcon, Icon, iconExists } from '@iconify/vue'
 import { type VvIconProps, VvIconPropsDefaults } from '.'
 
 // props
@@ -61,7 +61,7 @@ function getSvgContent(svg: string): SVGSVGElement | undefined {
     let dom
     if (typeof window === 'undefined') {
         // SSR
-        // eslint-disable-next-line ts/no-require-imports, ts/no-var-requires
+        // eslint-disable-next-line ts/no-require-imports
         const { JSDOM } = require('jsdom')
         dom = new JSDOM().window
     }

package/src/components/VvInputFile/VvInputFile.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import type { UploadedFile } from '../../types'
 import { useVModel } from '@vueuse/core'
 import { computed, onBeforeUnmount, ref } from 'vue'
 import Sortable from 'vuedraggable'
-import type { UploadedFile } from '../../types'
+import { type VvInputFileEvents, VvInputFileProps } from '.'
+import HintSlotFactory from '../common/HintSlot'
 import VvButton from '../VvButton/VvButton.vue'
 import VvIcon from '../VvIcon/VvIcon.vue'
-import HintSlotFactory from '../common/HintSlot'
-import { type VvInputFileEvents, VvInputFileProps } from '.'
 
 // props, emit, slots and attrs
 const props = defineProps(VvInputFileProps)
@@ -66,7 +66,7 @@ const files = computed({
         if (
             !localModelValue.value
             || (!Array.isArray(localModelValue.value)
-            && !(localModelValue.value as File)?.name)
+                && !(localModelValue.value as File)?.name)
         ) {
             return []
         }
@@ -105,7 +105,7 @@ const isMultiple = computed(() => {
 
 const isDragging = ref(false)
 
-const inputEl = ref<HTMLInputElement>()
+const inputEl = useTemplateRef<HTMLInputElement>('inputEl')
 function onDragenter() {
     isDragging.value = true
 }
@@ -146,8 +146,8 @@ function addFiles(uploadedFiles: FileList) {
     else {
         toReturn
 				= localModelValue.value && Array.isArray(localModelValue.value)
-				    ? [...localModelValue.value]
-				    : toReturn
+                ? [...localModelValue.value]
+                : toReturn
     }
     for (const file of uploadedFiles) {
         if (hasMax.value && toReturn.length >= hasMax.value) {

package/src/components/VvInputFile/index.ts

@@ -1,17 +1,17 @@
+import type { UploadedFile } from '@/types'
 import {
+    DisabledProps,
+    HintProps,
+    IconProps,
     IdNameProps,
-    ModifiersProps,
-    ValidProps,
     InvalidProps,
-    HintProps,
     LabelProps,
     LoadingProps,
+    ModifiersProps,
     ReadonlyProps,
-    DisabledProps,
-    IconProps,
+    ValidProps,
 } from '../../props'
-import { type VvIconProps, ACTION_ICONS } from '../VvIcon'
-import type { UploadedFile } from '@/types'
+import { ACTION_ICONS, type VvIconProps } from '../VvIcon'
 
 export type VvInputFileEvents = {
     'remove': [

package/src/components/VvInputText/VvInputPasswordAction.ts

@@ -1,5 +1,5 @@
+import { ACTION_ICONS, type VvIconProps } from '../VvIcon'
 import VvIcon from '../VvIcon/VvIcon.vue'
-import { type VvIconProps, ACTION_ICONS } from '../VvIcon'
 
 export default defineComponent({
     components: {