@dpa-id-components/dpa-shared-components 18.0.1 → 18.0.3

package/dist/src/components/UiButton/UiButton.spec.ts

@@ -1,8 +1,9 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
-import UiButton from "./UiButton.vue";
 import { createRouter, createWebHistory } from "vue-router";
 
+import UiButton from "./UiButton.vue";
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [

package/dist/src/components/UiButton/UiButton.stories.ts

@@ -1,7 +1,8 @@
-import UiButton from "./UiButton.vue";
-import { icons } from "../UiIcon/icons.js";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import { icons } from "../UiIcon/icons.js";
+import UiButton from "./UiButton.vue";
+
 const meta = {
   title: "Ui/UiButton",
   component: UiButton,

package/dist/src/components/UiButton/UiButton.vue

@@ -22,8 +22,8 @@
 import { computed } from "vue";
 import type { RouteLocationRaw } from "vue-router";
 
-import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 import { cn } from "../../utils/cn.js";
+import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 
 const emit = defineEmits<{
   click: [];

package/dist/src/components/UiButtonGroup/UiButtonGroup.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiButtonGroup from "./UiButtonGroup.vue";
 
 describe("UiButtonGroup", () => {

package/dist/src/components/UiButtonGroup/UiButtonGroup.stories.ts

@@ -1,8 +1,9 @@
-import UiButtonGroup from "./UiButtonGroup.vue";
-import UiButton from "../UiButton/UiButton.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 import { ref } from "vue";
 
+import UiButton from "../UiButton/UiButton.vue";
+import UiButtonGroup from "./UiButtonGroup.vue";
+
 type PropsAndStoryProps = InstanceType<typeof UiButtonGroup> & {
   activeButton: number;
 };

package/dist/src/components/UiCard/UiCard.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiCard from "./UiCard.vue";
 
 describe("UiCard", () => {

package/dist/src/components/UiCard/UiCard.stories.ts

@@ -1,6 +1,7 @@
-import UiCard from "./UiCard.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiCard from "./UiCard.vue";
+
 const meta = {
   title: "UI/UiCard",
   component: UiCard,

package/dist/src/components/UiCheckBoxGroup/UiCheckBoxGroup.spec.ts

@@ -1,7 +1,8 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
-import UiCheckBoxGroup, { type CheckboxItem } from "./UiCheckBoxGroup.vue";
 import { randomInt } from "crypto";
+import { describe, expect, it } from "vitest";
+
+import UiCheckBoxGroup, { type CheckboxItem } from "./UiCheckBoxGroup.vue";
 
 const entries = [
   {

package/dist/src/components/UiCheckBoxGroup/UiCheckBoxGroup.stories.ts

@@ -1,6 +1,7 @@
-import UiCheckBoxGroup from "./UiCheckBoxGroup.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiCheckBoxGroup from "./UiCheckBoxGroup.vue";
+
 const meta = {
   title: "Ui/UiCheckBoxGroup",
   component: UiCheckBoxGroup,

package/dist/src/components/UiCheckBoxGroup/UiCheckBoxGroup.vue

@@ -16,10 +16,11 @@
 </template>
 
 <script setup lang="ts">
-import UiList from "../UiList/UiList.vue";
-import UiListItem from "../UiListItem/UiListItem.vue";
 import { computed, ref, watchEffect } from "vue";
+
 import type { UiIconName } from "../UiIcon/UiIcon.vue";
+import UiList from "../UiList/UiList.vue";
+import UiListItem from "../UiListItem/UiListItem.vue";
 
 const emit = defineEmits<{
   "checked-all": [boolean];

package/dist/src/components/UiCheckbox/UiCheckbox.spec.ts

@@ -1,5 +1,6 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
+
 import UiCheckbox from "./UiCheckbox.vue";
 
 function createWrapper(options?: ComponentMountingOptions<typeof UiCheckbox>) {

package/dist/src/components/UiCheckbox/UiCheckbox.stories.ts

@@ -1,6 +1,7 @@
-import UiCheckbox from "./UiCheckbox.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiCheckbox from "./UiCheckbox.vue";
+
 const meta = {
   title: "Ui/UiCheckbox",
   component: UiCheckbox,

package/dist/src/components/UiCheckbox/UiCheckbox.vue

@@ -56,8 +56,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
 import { v4 as uuidv4 } from "uuid";
+import { computed } from "vue";
 
 import { cn } from "../../utils/cn.js";
 

package/dist/src/components/UiChip/UiChip.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiChip from "./UiChip.vue";
 
 describe("UiChip", () => {

package/dist/src/components/UiChip/UiChip.stories.ts

@@ -1,6 +1,7 @@
-import UiChip from "./UiChip.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiChip from "./UiChip.vue";
+
 const meta = {
   title: "UI/UiChip",
   component: UiChip,

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.spec.ts

@@ -1,5 +1,6 @@
 import { shallowMount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
+
 import UiCollapseNavigation from "./UiCollapseNavigation.vue";
 
 describe("UiCollapseNavigation", () => {

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.stories.ts

@@ -1,7 +1,8 @@
-import UiCollapseNavigation from "./UiCollapseNavigation.vue";
-import UiFilterBadgeButton from "../UiFilterBadgeButton/UiFilterBadgeButton.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiFilterBadgeButton from "../UiFilterBadgeButton/UiFilterBadgeButton.vue";
+import UiCollapseNavigation from "./UiCollapseNavigation.vue";
+
 const meta = {
   title: "Ui/UiCollapseNavigation",
   component: UiCollapseNavigation,

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.vue

@@ -28,10 +28,11 @@
   </transition>
 </template>
 <script setup lang="ts">
-import UiIcon from "../UiIcon/UiIcon.vue";
-import UiButton from "../UiButton/UiButton.vue";
 import { ref, watchEffect } from "vue";
 
+import UiButton from "../UiButton/UiButton.vue";
+import UiIcon from "../UiIcon/UiIcon.vue";
+
 const props = withDefaults(
   defineProps<{
     headline?: string;

package/dist/src/components/UiColorPicker/UiColorPicker.spec.ts

@@ -1,7 +1,8 @@
-import UiColorPicker from "./UiColorPicker.vue";
 import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
+import { describe, expect, it } from "vitest";
+
 import { COLORS } from "./lib/colors.js";
+import UiColorPicker from "./UiColorPicker.vue";
 
 describe("UiColorPicker", () => {
   it("should have a default color selected", () => {

package/dist/src/components/UiColorPicker/UiColorPicker.stories.ts

@@ -1,6 +1,7 @@
-import UiColorPicker from "./UiColorPicker.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiColorPicker from "./UiColorPicker.vue";
+
 const meta = {
   title: "Ui/UiColorPicker",
   component: UiColorPicker,

package/dist/src/components/UiColorPicker/UiColorPicker.vue

@@ -52,11 +52,12 @@
 </template>
 
 <script setup lang="ts">
+import Color from "color";
 import { computed, ref } from "vue";
-import UiIcon from "../UiIcon/UiIcon.vue";
 import { watch } from "vue";
+
+import UiIcon from "../UiIcon/UiIcon.vue";
 import { COLORS } from "./lib/colors.js";
-import Color from "color";
 
 const props = withDefaults(
   defineProps<{

package/dist/src/components/UiDatePicker/UiDatePicker.spec.ts

@@ -1,5 +1,4 @@
-import UiDatePicker, { type PresetRange } from "./UiDatePicker.vue";
-import { describe, expect, it } from "vitest";
+import { mount } from "@vue/test-utils";
 import {
   addMonths,
   differenceInDays,
@@ -12,8 +11,10 @@ import {
   subMonths,
   subYears,
 } from "date-fns";
-import { mount } from "@vue/test-utils";
 import { de } from "date-fns/locale";
+import { describe, expect, it } from "vitest";
+
+import UiDatePicker, { type PresetRange } from "./UiDatePicker.vue";
 
 const quickfilterDateRanges = [
   {

package/dist/src/components/UiDatePicker/UiDatePicker.stories.ts

@@ -1,3 +1,4 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
 import {
   addDays,
   addYears,
@@ -13,9 +14,9 @@ import {
   subMonths,
   subYears,
 } from "date-fns";
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
-import UiDatePicker from "./UiDatePicker.vue";
+
 import { icons } from "../UiIcon/icons.js";
+import UiDatePicker from "./UiDatePicker.vue";
 
 const singleDate = "2022-03-07T23:00:00.000Z";
 const dateRange = ["2022-03-07T23:00:00.000Z", "2022-03-11T23:00:00.000Z"];

package/dist/src/components/UiDatePicker/UiDatePicker.vue

@@ -152,15 +152,17 @@
 </template>
 
 <script setup lang="ts">
-import Datepicker, { type RangeConfig } from "@vuepic/vue-datepicker";
 import "@vuepic/vue-datepicker/dist/main.css";
-import { computed, ref, watch, watchEffect } from "vue";
-import UiFilterButton from "../UiFilterButton/UiFilterButton.vue";
+
+import Datepicker, { type RangeConfig } from "@vuepic/vue-datepicker";
 import { format, getYear, startOfMonth } from "date-fns";
-import UiButton from "../UiButton/UiButton.vue";
 import { de } from "date-fns/locale";
-import UiInput from "../UiInput/UiInput.vue";
+import { computed, ref, watch, watchEffect } from "vue";
+
+import UiButton from "../UiButton/UiButton.vue";
+import UiFilterButton from "../UiFilterButton/UiFilterButton.vue";
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
+import UiInput from "../UiInput/UiInput.vue";
 
 export interface PresetRange {
   label: string;

package/dist/src/components/UiDialog/UiDialog.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiDialog from "./UiDialog.vue";
 
 describe("UiDialog", () => {

package/dist/src/components/UiDialog/UiDialog.stories.ts

@@ -1,7 +1,8 @@
-import UiDialog from "./UiDialog.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 import { action } from "storybook/actions";
 
+import UiDialog from "./UiDialog.vue";
+
 const meta = {
   title: "Ui/UiDialog",
   component: UiDialog,

package/dist/src/components/UiDialog/UiDialog.vue

@@ -60,11 +60,12 @@
   </UiOverlay>
 </template>
 <script setup lang="ts">
-import UiOverlay from "../UiOverlay/UiOverlay.vue";
-import UiIconButton from "../UiIconButton/UiIconButton.vue";
-import { cn } from "../../utils/cn.js";
 import { useEventListener } from "@vueuse/core";
 
+import { cn } from "../../utils/cn.js";
+import UiIconButton from "../UiIconButton/UiIconButton.vue";
+import UiOverlay from "../UiOverlay/UiOverlay.vue";
+
 const emit = defineEmits<{
   close: [];
 }>();

package/dist/src/components/UiFilterBadge/UiFilterBadge.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiFilterBadge from "./UiFilterBadge.vue";
 describe("UiFilterBadge", () => {
   it("renders with colors set", () => {

package/dist/src/components/UiFilterBadge/UiFilterBadge.stories.ts

@@ -1,7 +1,8 @@
-import UiFilterBadge from "./UiFilterBadge.vue";
-import UiIconButton from "../UiIconButton/UiIconButton.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiIconButton from "../UiIconButton/UiIconButton.vue";
+import UiFilterBadge from "./UiFilterBadge.vue";
+
 const meta = {
   title: "Ui/UiFilterBadge",
   component: UiFilterBadge,

package/dist/src/components/UiFilterBadge/UiFilterBadge.vue

@@ -12,6 +12,7 @@
 </template>
 <script setup lang="ts">
 import { computed } from "vue";
+
 import UiIcon from "../UiIcon/UiIcon.vue";
 const props = withDefaults(
   defineProps<{

package/dist/src/components/UiFilterBadgeButton/UiFilterBadgeButton.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiFilterBadgeButton from "./UiFilterBadgeButton.vue";
 
 describe("UiFilterBadgeButton", () => {

package/dist/src/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.ts

@@ -1,7 +1,8 @@
-import UiFilterBadgeButton from "./UiFilterBadgeButton.vue";
-import UiIconButton from "../UiIconButton/UiIconButton.vue";
-import { action } from "storybook/actions";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import { action } from "storybook/actions";
+
+import UiIconButton from "../UiIconButton/UiIconButton.vue";
+import UiFilterBadgeButton from "./UiFilterBadgeButton.vue";
 
 const meta = {
   title: "Ui/UiFilterBadgeButton",

package/dist/src/components/UiFilterButton/UiFilterButton.spec.ts

@@ -1,5 +1,5 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
 
 import UiFilterButton from "./UiFilterButton.vue";
 

package/dist/src/components/UiFilterButton/UiFilterButton.stories.ts

@@ -1,7 +1,8 @@
-import UiFilterButton from "./UiFilterButton.vue";
-import { icons } from "../UiIcon/icons.js";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import { icons } from "../UiIcon/icons.js";
+import UiFilterButton from "./UiFilterButton.vue";
+
 const meta = {
   title: "Ui/UiFilterButton",
   component: UiFilterButton,
@@ -19,6 +20,10 @@ const meta = {
         "transparent-rounded",
       ],
     },
+    buttonWidth: {
+      control: "select",
+      options: ["max", "full"],
+    },
     chevronIcon: {
       control: "select",
       options: Object.keys(icons),
@@ -57,6 +62,7 @@ const meta = {
   args: {
     title: "Filter",
     variant: "white-rounded",
+    buttonWidth: "max",
     chevronIcon: "chevron-down",
     rotateIcon: false,
     disabled: false,

package/dist/src/components/UiFilterButton/UiFilterButton.vue

@@ -2,10 +2,11 @@
   <div
     :class="
       cn(
-        'w-full pr-4 pl-3',
+        'w-full px-3',
         $attrs.class as string,
-        'flex max-w-max cursor-pointer items-center rounded-full select-none',
+        'flex cursor-pointer items-center rounded-full select-none',
         variantClasses,
+        buttonWidth === 'full' ? 'w-full' : 'max-w-max',
         props.size === 'xs' ? 'py-0.5' : 'py-1.5',
       )
     "
@@ -19,7 +20,7 @@
     >
       <span
         data-testid="filterbutton-title"
-        class="flex w-full items-center justify-between text-sm leading-normal font-medium"
+        class="flex w-full items-center justify-between text-left text-sm leading-normal font-medium"
         :class="`${textColorClass} ${
           props.size === 'xs' ? 'text-xs' : 'text-sm'
         }`"
@@ -62,11 +63,12 @@
 </template>
 
 <script setup lang="ts">
-import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
-import { cn } from "../../utils/cn.js";
 import type { ClassValue } from "clsx";
 import { computed } from "vue";
 
+import { cn } from "../../utils/cn.js";
+import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
+
 const emit = defineEmits<{
   click: [];
 }>();
@@ -80,6 +82,7 @@ const props = withDefaults(
       | "transparent-rounded"
       | "blank"
       | "blue-blank";
+    buttonWidth?: "full" | "max";
     chevronIcon?: UiIconName;
     rotateIcon?: boolean;
     iconSize?: "xs" | "small" | "large";
@@ -94,6 +97,7 @@ const props = withDefaults(
   {
     title: "",
     variant: "white-rounded",
+    buttonWidth: "max",
     chevronIcon: "chevron-down",
     rotateIcon: false,
     iconSize: "xs",

package/dist/src/components/UiIcon/IconOverview.stories.vue

@@ -11,8 +11,8 @@
   </div>
 </template>
 <script setup lang="ts">
-import UiIcon from "./UiIcon.vue";
 import { icons } from "./icons.js";
+import UiIcon from "./UiIcon.vue";
 
 const props = withDefaults(
   defineProps<{

package/dist/src/components/UiIcon/UiIcon.spec.ts

@@ -1,8 +1,8 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
 
-import UiIcon from "./UiIcon.vue";
 import { icons } from "./icons.js";
+import UiIcon from "./UiIcon.vue";
 
 function createWrapper(options: ComponentMountingOptions<typeof UiIcon> = {}) {
   return mount(UiIcon, {

package/dist/src/components/UiIcon/UiIcon.stories.ts

@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
-import UiIcon from "./UiIcon.vue";
+
 import IconOverview from "./IconOverview.stories.vue";
 import { icons } from "./icons.js";
+import UiIcon from "./UiIcon.vue";
 
 const meta = {
   title: "Ui/UiIcon",

package/dist/src/components/UiIcon/UiIcon.vue

@@ -13,8 +13,8 @@ export type UiIconName = keyof typeof icons;
 <script setup lang="ts">
 import { computed, defineAsyncComponent, watchEffect } from "vue";
 
-import UiIconLoading from "./UiIconLoading.vue";
 import { icons } from "./icons.js";
+import UiIconLoading from "./UiIconLoading.vue";
 
 const props = withDefaults(
   defineProps<{

package/dist/src/components/UiIconButton/UiIconButton.spec.ts

@@ -1,5 +1,5 @@
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
 
 import UiIconButton from "./UiIconButton.vue";
 

package/dist/src/components/UiIconButton/UiIconButton.stories.ts

@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import { action } from "storybook/actions";
+
 import { icons } from "../UiIcon/icons.js";
 import UiIconButton from "./UiIconButton.vue";
-import { action } from "storybook/actions";
 
 const meta = {
   title: "Ui/UiIconButton",

package/dist/src/components/UiIconButton/UiIconButton.vue

@@ -17,6 +17,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
+
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 
 const emit = defineEmits<{

package/dist/src/components/UiInfoContent/UiInfoContent.spec.ts

@@ -1,5 +1,6 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
 import UiInfoContent from "./UiInfoContent.vue";
 
 describe("UiInfoContent", () => {

package/dist/src/components/UiInfoContent/UiInfoContent.stories.ts

@@ -1,8 +1,9 @@
-import UiInfoContent from "./UiInfoContent.vue";
-import { icons } from "../UiIcon/icons.js";
-import UiButton from "../UiButton/UiButton.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiButton from "../UiButton/UiButton.vue";
+import { icons } from "../UiIcon/icons.js";
+import UiInfoContent from "./UiInfoContent.vue";
+
 const meta = {
   title: "Ui/UiInfoContent",
   component: UiInfoContent,

package/dist/src/components/UiInfoContent/UiInfoContent.vue

@@ -33,6 +33,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
+
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 
 const props = withDefaults(

package/dist/src/components/UiInput/UiInput.spec.ts

@@ -1,5 +1,6 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
+
 import UiInput from "./UiInput.vue";
 
 function createWrapper(options: ComponentMountingOptions<typeof UiInput> = {}) {

package/dist/src/components/UiInput/UiInput.stories.ts

@@ -1,7 +1,8 @@
-import UiInput from "./UiInput.vue";
-import { ref } from "vue";
-import { action } from "storybook/actions";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import { action } from "storybook/actions";
+import { ref } from "vue";
+
+import UiInput from "./UiInput.vue";
 
 const meta = {
   title: "Ui/UiInput",

package/dist/src/components/UiList/UiList.spec.ts

@@ -1,7 +1,8 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
-import UiList from "./UiList.vue";
+import { describe, expect, it } from "vitest";
+
 import UiListItem from "../UiListItem/UiListItem.vue";
+import UiList from "./UiList.vue";
 
 describe("UiList", () => {
   it("renders with slot content", () => {

package/dist/src/components/UiList/UiList.stories.ts

@@ -1,7 +1,8 @@
-import UiList from "./UiList.vue";
-import UiListItem from "../UiListItem/UiListItem.vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 
+import UiListItem from "../UiListItem/UiListItem.vue";
+import UiList from "./UiList.vue";
+
 const meta = {
   title: "Ui/UiList",
   component: UiList,

package/dist/src/components/UiListItem/UiListItem.spec.ts

@@ -1,8 +1,8 @@
+import { type ComponentMountingOptions, mount } from "@vue/test-utils";
 import { describe, expect, it } from "vitest";
-import { mount, type ComponentMountingOptions } from "@vue/test-utils";
 
-import UiListItem from "./UiListItem.vue";
 import UiIcon from "../UiIcon/UiIcon.vue";
+import UiListItem from "./UiListItem.vue";
 
 function createWrapper(
   options: ComponentMountingOptions<typeof UiListItem> = {},