@volverjs/ui-vue 0.0.10-beta.46 → 0.0.10-beta.48

package/src/stories/Dialog/Dialog.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Dialog.test'
-import { defaultArgs, argTypes } from './Dialog.settings'
 import VvDialog from '@/components/VvDialog/VvDialog.vue'
+import { argTypes, defaultArgs } from './Dialog.settings'
+import { defaultTest } from './Dialog.test'
 
 const meta: Meta<typeof VvDialog> = {
     title: 'Components/Dialog',

package/src/stories/Dialog/Dialog.test.ts

@@ -1,7 +1,7 @@
-import { userEvent, within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
+import { userEvent, within } from '@storybook/test'
 
 export async function defaultTest(
     { canvasElement, args }: PlayAttributes = {} as PlayAttributes,

package/src/stories/Dialog/DialogModifiers.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './Dialog.stories'
-import { argTypes, defaultArgs } from './Dialog.settings'
 import VvDialog from '@/components/VvDialog/VvDialog.vue'
+import { argTypes, defaultArgs } from './Dialog.settings'
+import { Default } from './Dialog.stories'
 
 const meta: Meta<typeof VvDialog> = {
     title: 'Components/Dialog/Modifiers',

package/src/stories/Dialog/DialogSlots.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Dialog.settings'
-import { Default as DefaultStory } from './Dialog.stories'
 import VvDialog from '@/components/VvDialog/VvDialog.vue'
+import { argTypes, defaultArgs } from './Dialog.settings'
+import { Default as DefaultStory } from './Dialog.stories'
 
 const meta: Meta<typeof VvDialog> = {
     title: 'Components/Dialog/Slots',

package/src/stories/Dropdown/Dropdown.settings.ts

@@ -1,7 +1,7 @@
 import type { ArgTypes } from '@storybook/vue3'
-import { DropdownArgTypes } from '../argTypes'
 import { VvDropdownProps } from '@/components/VvDropdown'
 import { DropdownRole } from '@/constants'
+import { DropdownArgTypes } from '../argTypes'
 
 export const defaultArgs = {
     ...propsToObject(VvDropdownProps),

package/src/stories/Dropdown/Dropdown.stories.ts

@@ -1,11 +1,11 @@
-import { ref } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Dropdown.test'
-import { defaultArgs, argTypes } from './Dropdown.settings'
+import VvButton from '@/components/VvButton/VvButton.vue'
 import VvDropdown from '@/components/VvDropdown/VvDropdown.vue'
 import VvDropdownAction from '@/components/VvDropdown/VvDropdownAction.vue'
 import VvIcon from '@/components/VvIcon/VvIcon.vue'
-import VvButton from '@/components/VvButton/VvButton.vue'
+import { ref } from 'vue'
+import { argTypes, defaultArgs } from './Dropdown.settings'
+import { defaultTest } from './Dropdown.test'
 
 const meta: Meta<typeof VvDropdown> = {
     title: 'Components/Dropdown',

package/src/stories/Dropdown/Dropdown.test.ts

@@ -1,7 +1,7 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement }: PlayAttributes) {
     const wrapper = await within(canvasElement).findByTestId('wrapper')

package/src/stories/Dropdown/DropdownContextmenuDirective.stories.ts

@@ -1,9 +1,8 @@
-import { ref } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Dropdown.settings'
 import VvDropdown from '@/components/VvDropdown/VvDropdown.vue'
 import VvDropdownAction from '@/components/VvDropdown/VvDropdownAction.vue'
 import VvIcon from '@/components/VvIcon/VvIcon.vue'
+import { argTypes, defaultArgs } from './Dropdown.settings'
 
 const meta: Meta<typeof VvDropdown> = {
     title: 'Directives/Contextmenu',
@@ -24,14 +23,14 @@ export const Default: Story = {
     render: args => ({
         components: { VvDropdown, VvDropdownAction, VvIcon },
         setup() {
-            const dropdownEl = ref(null)
+            const dropdownEl = useTemplateRef<typeof VvDropdown>('dropdownEl')
             return { args, dropdownEl }
         },
         template: /* html */ `
 			<div v-contextmenu="dropdownEl" class="w-full h-320 bg-surface-1 flex items-center justify-center">
 				<div class="text-word-2 text-18 uppercase w-150 text-center">Right click context menu</div>
 			</div>
-			<vv-dropdown v-bind="args" ref="dropdownEl">
+			<vv-dropdown v-bind="args" ref="dropdownEl" placement="right-start">
 				<template #items>
 					<vv-dropdown-action>
 						<vv-icon name="add" /> Create

package/src/stories/Dropdown/DropdownMultilevel.stories.ts

@@ -1,11 +1,11 @@
-import { ref } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Dropdown.test'
-import { defaultArgs, argTypes } from './Dropdown.settings'
+import VvButton from '@/components/VvButton/VvButton.vue'
 import VvDropdown from '@/components/VvDropdown/VvDropdown.vue'
 import VvDropdownAction from '@/components/VvDropdown/VvDropdownAction.vue'
 import VvIcon from '@/components/VvIcon/VvIcon.vue'
-import VvButton from '@/components/VvButton/VvButton.vue'
+import { ref } from 'vue'
+import { argTypes, defaultArgs } from './Dropdown.settings'
+import { defaultTest } from './Dropdown.test'
 
 const meta: Meta<typeof VvDropdown> = {
     title: 'Components/Dropdown/Multilevel',

package/src/stories/Dropdown/DropdownSlots.stories.ts

@@ -1,10 +1,10 @@
-import { ref } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Dropdown.test'
-import { defaultArgs, argTypes } from './Dropdown.settings'
 import VvDropdown from '@/components/VvDropdown/VvDropdown.vue'
-import VvIcon from '@/components/VvIcon/VvIcon.vue'
 import VvDropdownAction from '@/components/VvDropdown/VvDropdownAction.vue'
+import VvIcon from '@/components/VvIcon/VvIcon.vue'
+import { ref } from 'vue'
+import { argTypes, defaultArgs } from './Dropdown.settings'
+import { defaultTest } from './Dropdown.test'
 
 const meta: Meta<typeof VvDropdown> = {
     title: 'Components/Dropdown/Slots',

package/src/stories/Icon/Icon.settings.ts

@@ -1,6 +1,6 @@
 import type { ArgTypes } from '@storybook/vue3'
-import { VvIconPropsDefaults } from '@/components/VvIcon'
 import normal from '@/assets/icons/normal.json'
+import { VvIconPropsDefaults } from '@/components/VvIcon'
 import { ModifiersArgTypes } from '@/stories/argTypes'
 
 export const defaultArgs = {

package/src/stories/Icon/Icon.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Icon.settings'
-import VvIcon from '@/components/VvIcon/VvIcon.vue'
 import NormalIcons from '@/assets/icons/normal.json'
+import VvIcon from '@/components/VvIcon/VvIcon.vue'
+import { argTypes, defaultArgs } from './Icon.settings'
 
 const meta: Meta<typeof VvIcon> = {
     title: 'Components/Icon',

package/src/stories/Icon/IconsCollection.stories.ts

@@ -1,8 +1,8 @@
-import { ref, watch } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Icon.settings'
-import VvIcon from '@/components/VvIcon/VvIcon.vue'
 import { icons as NormalIcons } from '@/assets/icons/normal.json'
+import VvIcon from '@/components/VvIcon/VvIcon.vue'
+import { ref, watch } from 'vue'
+import { argTypes, defaultArgs } from './Icon.settings'
 
 const meta: Meta<typeof VvIcon> = {
     title: 'Components/Icon/Collection',

package/src/stories/InputFile/InputFile.settings.ts

@@ -1,6 +1,6 @@
 import type { ArgTypes } from '@storybook/vue3'
-import { HintArgTypes, ModifiersArgTypes } from '@/stories/argTypes'
 import { VvInputFileProps } from '@/components/VvInputFile'
+import { HintArgTypes, ModifiersArgTypes } from '@/stories/argTypes'
 
 export const defaultArgs = {
     ...propsToObject(VvInputFileProps),

package/src/stories/InputFile/InputFile.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './InputFile.settings'
 import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
+import { argTypes, defaultArgs } from './InputFile.settings'
 
 const meta: Meta = {
     title: 'Components/InputFile',

package/src/stories/InputFile/InputFileDropArea.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default as DefaultStory } from './InputFile.stories'
-import { argTypes, defaultArgs } from './InputFile.settings'
 import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
+import { argTypes, defaultArgs } from './InputFile.settings'
+import { Default as DefaultStory } from './InputFile.stories'
 
 const meta: Meta<typeof VvInputFile> = {
     title: 'Components/InputFile/DropArea',

package/src/stories/InputFile/InputFileIconPosition.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputFile.stories'
-import { defaultArgs, argTypes } from './InputFile.settings'
 import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
+import { argTypes, defaultArgs } from './InputFile.settings'
+import { Default } from './InputFile.stories'
 
 const meta: Meta<typeof VvInputFile> = {
     title: 'Components/InputFile/Icon',

package/src/stories/InputFile/InputFileSlots.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default as DefaultStory } from './InputFile.stories'
-import { argTypes, defaultArgs } from './InputFile.settings'
 import VvInputFile from '@/components/VvInputFile/VvInputFile.vue'
+import { argTypes, defaultArgs } from './InputFile.settings'
+import { Default as DefaultStory } from './InputFile.stories'
 
 const meta: Meta<typeof VvInputFile> = {
     title: 'Components/InputFile/Slots',

package/src/stories/InputText/InputText.settings.ts

@@ -1,7 +1,7 @@
 import type { ArgTypes } from '@storybook/vue3'
-import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
-import { VvInputTextProps } from '@/components/VvInputText'
 import normal from '@/assets/icons/normal.json'
+import { VvInputTextProps } from '@/components/VvInputText'
+import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
 
 export const defaultArgs = {
     ...propsToObject(VvInputTextProps),

package/src/stories/InputText/InputText.stories.ts

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './InputText.settings'
-import { defaultTest } from './InputText.test'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
 import { Position } from '@/constants'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { defaultTest } from './InputText.test'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText',

package/src/stories/InputText/InputText.test.ts

@@ -1,8 +1,8 @@
-import { within, userEvent } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
+import { INPUT_TYPES, type InputType } from '@/components/VvInputText'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
-import { INPUT_TYPES, type InputType } from '@/components/VvInputText'
+import { userEvent, within } from '@storybook/test'
 
 function valueByType(type: InputType, mask?: string, id?: string) {
     if (mask) {

package/src/stories/InputText/InputTextIconPosition.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/Icon',

package/src/stories/InputText/InputTextLength.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/Length',

package/src/stories/InputText/InputTextMask.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/Mask',

package/src/stories/InputText/InputTextMinMax.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/MinMax',

package/src/stories/InputText/InputTextSlots.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/Slots',

package/src/stories/InputText/InputTextType.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './InputText.stories'
-import { defaultArgs, argTypes } from './InputText.settings'
 import VvInputText from '@/components/VvInputText/VvInputText.vue'
+import { argTypes, defaultArgs } from './InputText.settings'
+import { Default } from './InputText.stories'
 
 const meta: Meta<typeof VvInputText> = {
     title: 'Components/InputText/Type',

package/src/stories/Nav/Nav.settings.ts

@@ -1,5 +1,5 @@
-import type { ArgTypes, Meta } from '@storybook/vue3'
 import type { VvNav } from '@/components'
+import type { ArgTypes, Meta } from '@storybook/vue3'
 import { VvNavProps } from '@/components/VvNav'
 import { ModifiersArgTypes } from '@/stories/argTypes'
 

package/src/stories/Nav/Nav.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Nav.settings'
-import { defaultTest } from './Nav.test'
 import VvNav from '@/components/VvNav/VvNav.vue'
+import { argTypes, defaultArgs } from './Nav.settings'
+import { defaultTest } from './Nav.test'
 
 const meta: Meta<typeof VvNav> = {
     title: 'Components/Nav',

package/src/stories/Nav/Nav.test.ts

@@ -1,6 +1,6 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')

package/src/stories/Nav/NavModifiers.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Nav.settings'
-import { Default } from './Nav.stories'
 import VvNav from '@/components/VvNav/VvNav.vue'
+import { argTypes, defaultArgs } from './Nav.settings'
+import { Default } from './Nav.stories'
 
 const meta: Meta<typeof VvNav> = {
     title: 'Components/Nav/Modifiers',

package/src/stories/Progress/Progress.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Progress.test'
-import { defaultArgs, argTypes } from './Progress.settings'
 import VvProgress from '@/components/VvProgress/VvProgress.vue'
+import { argTypes, defaultArgs } from './Progress.settings'
+import { defaultTest } from './Progress.test'
 
 const meta: Meta<typeof VvProgress> = {
     title: 'Components/Progress',

package/src/stories/Progress/Progress.test.ts

@@ -1,6 +1,6 @@
-import { within } from '@storybook/test'
-import { expect } from '@/test/expect'
 import type { PlayAttributes } from '@/test/types'
+import { expect } from '@/test/expect'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement }: PlayAttributes) {
     const progress = await within(canvasElement).findByRole('progressbar')

package/src/stories/Radio/Radio.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Radio.settings'
-import { defaultTest } from './Radio.test'
 import VvRadio from '@/components/VvRadio/VvRadio.vue'
+import { argTypes, defaultArgs } from './Radio.settings'
+import { defaultTest } from './Radio.test'
 
 const meta: Meta<typeof VvRadio> = {
     title: 'Components/Radio',

package/src/stories/Radio/Radio.test.ts

@@ -1,7 +1,7 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')

package/src/stories/Radio/RadioSlots.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Radio.settings'
-import { Default as DefaultStory } from './Radio.stories'
 import VvRadio from '@/components/VvRadio/VvRadio.vue'
+import { argTypes, defaultArgs } from './Radio.settings'
+import { Default as DefaultStory } from './Radio.stories'
 
 const meta: Meta<typeof VvRadio> = {
     title: 'Components/Radio/Slots',

package/src/stories/RadioGroup/RadioGroup.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './RadioGroup.settings'
-import { defaultTest } from './RadioGroup.test'
 import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
+import { argTypes, defaultArgs } from './RadioGroup.settings'
+import { defaultTest } from './RadioGroup.test'
 
 const meta: Meta<typeof VvRadioGroup> = {
     title: 'Components/RadioGroup',

package/src/stories/RadioGroup/RadioGroup.test.ts

@@ -1,8 +1,8 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
-import { sleep } from '@/test/sleep'
 import { getOptionValue } from '@/test/options'
+import { sleep } from '@/test/sleep'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')

package/src/stories/RadioGroup/RadioGroupOptions.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './RadioGroup.stories'
-import { defaultArgs, argTypes } from './RadioGroup.settings'
 import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
+import { argTypes, defaultArgs } from './RadioGroup.settings'
+import { Default } from './RadioGroup.stories'
 
 const meta: Meta<typeof VvRadioGroup> = {
     title: 'Components/RadioGroup/Options',

package/src/stories/RadioGroup/RadioGroupSlots.stories.ts

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './RadioGroup.settings'
-import { defaultTest } from './RadioGroup.test'
-import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
 import VvRadio from '@/components/VvRadio/VvRadio.vue'
+import VvRadioGroup from '@/components/VvRadioGroup/VvRadioGroup.vue'
+import { argTypes, defaultArgs } from './RadioGroup.settings'
+import { defaultTest } from './RadioGroup.test'
 
 const meta: Meta<typeof VvRadioGroup> = {
     title: 'Components/RadioGroup/Slots',

package/src/stories/Select/Select.settings.ts

@@ -1,22 +1,22 @@
 import type { ArgTypes } from '@storybook/vue3'
+import { VvSelectProps } from '@/components/VvSelect'
 import {
-    ValidArgTypes,
-    InvalidArgTypes,
+    AutocompleteArgTypes,
+    AutofocusArgTypes,
+    DisabledArgTypes,
+    FloatingLabelArgTypes,
     HintArgTypes,
+    IconArgTypes,
+    IdNameArgTypes,
+    InvalidArgTypes,
     LoadingArgTypes,
-    DisabledArgTypes,
-    ReadonlyArgTypes,
     ModifiersArgTypes,
     OptionsArgTypes,
-    IconArgTypes,
+    ReadonlyArgTypes,
     TabindexArgTypes,
-    IdNameArgTypes,
-    FloatingLabelArgTypes,
     UnselectableArgTypes,
-    AutofocusArgTypes,
-    AutocompleteArgTypes,
+    ValidArgTypes,
 } from '@/stories/argTypes'
-import { VvSelectProps } from '@/components/VvSelect'
 
 export const defaultArgs = {
     ...propsToObject(VvSelectProps),

package/src/stories/Select/Select.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultTest } from './Select.test'
-import { defaultArgs, argTypes } from './Select.settings'
 import VvSelect from '@/components/VvSelect/VvSelect.vue'
+import { argTypes, defaultArgs } from './Select.settings'
+import { defaultTest } from './Select.test'
 
 const meta: Meta<typeof VvSelect> = {
     title: 'Components/Select',

package/src/stories/Select/Select.test.ts

@@ -1,7 +1,7 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')

package/src/stories/Select/SelectIconPosition.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './Select.stories'
-import { defaultArgs, argTypes } from './Select.settings'
 import VvSelect from '@/components/VvSelect/VvSelect.vue'
+import { argTypes, defaultArgs } from './Select.settings'
+import { Default } from './Select.stories'
 
 const meta: Meta<typeof VvSelect> = {
     title: 'Components/Select/Icon',

package/src/stories/Select/SelectOptions.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './Select.stories'
-import { defaultArgs, argTypes } from './Select.settings'
 import VvSelect from '@/components/VvSelect/VvSelect.vue'
+import { argTypes, defaultArgs } from './Select.settings'
+import { Default } from './Select.stories'
 
 const meta: Meta<typeof VvSelect> = {
     title: 'Components/Select/Options',

package/src/stories/Select/SelectSlots.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { Default } from './Select.stories'
-import { defaultArgs, argTypes } from './Select.settings'
 import VvSelect from '@/components/VvSelect/VvSelect.vue'
+import { argTypes, defaultArgs } from './Select.settings'
+import { Default } from './Select.stories'
 
 const meta: Meta<typeof VvSelect> = {
     title: 'Components/Select/Slots',

package/src/stories/Tab/Tab.settings.ts

@@ -1,5 +1,5 @@
-import type { ArgTypes, Meta } from '@storybook/vue3'
 import type { VvTab } from '@/components'
+import type { ArgTypes, Meta } from '@storybook/vue3'
 import { VvTabProps } from '@/components/VvTab'
 
 export const defaultArgs: Meta<typeof VvTab>['args'] = {

package/src/stories/Tab/Tab.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
+import VvTab from '@/components/VvTab/VvTab.vue'
 import { defaultArgs, defaultArgTypes } from './Tab.settings'
 import { defaultTest } from './Tab.test'
-import VvTab from '@/components/VvTab/VvTab.vue'
 
 const meta: Meta<typeof VvTab> = {
     title: 'Components/Tab',

package/src/stories/Tab/Tab.test.ts

@@ -1,6 +1,6 @@
-import { within } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
+import { within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')

package/src/stories/Textarea/Textarea.settings.ts

@@ -1,6 +1,6 @@
 import type { ArgTypes } from '@storybook/vue3'
-import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
 import { VvTextareaProps } from '@/components/VvTextarea'
+import { HintArgTypes, InputTextareaArgTypes } from '@/stories/argTypes'
 
 export const defaultArgs = {
     ...propsToObject(VvTextareaProps),

package/src/stories/Textarea/Textarea.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { defaultArgs, argTypes } from './Textarea.settings'
-import { defaultTest } from './Textarea.test'
 import VvTextarea from '@/components/VvTextarea/VvTextarea.vue'
+import { argTypes, defaultArgs } from './Textarea.settings'
+import { defaultTest } from './Textarea.test'
 
 const meta: Meta<typeof VvTextarea> = {
     title: 'Components/Textarea',

package/src/stories/Textarea/Textarea.test.ts

@@ -1,7 +1,7 @@
-import { within, userEvent } from '@storybook/test'
 import type { PlayAttributes } from '@/test/types'
 import { expect } from '@/test/expect'
 import { sleep } from '@/test/sleep'
+import { userEvent, within } from '@storybook/test'
 
 export async function defaultTest({ canvasElement, args }: PlayAttributes) {
     const element = await within(canvasElement).findByTestId('element')