@dpa-id-components/dpa-shared-components 18.0.2 → 18.0.4

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

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

package/dist/src/components/DpaMediaItem/DpaMediaItem.vue

@@ -81,6 +81,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
+
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 
 type Genre = "audio" | "video" | "text" | "picture" | "graphic";

package/dist/src/components/UiAutocomplete/UiAutocomplete.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 UiAutocomplete from "./UiAutocomplete.vue";
 
 const wrapper = mount(UiAutocomplete, {

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

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

package/dist/src/components/UiAutocomplete/UiAutocomplete.vue

@@ -58,11 +58,12 @@
 </template>
 
 <script setup lang="ts">
+import { computed, onMounted, ref } from "vue";
+
 import { vClickAway } from "../../directives/vClickAway.js";
 import UiInput from "../UiInput/UiInput.vue";
 import UiList from "../UiList/UiList.vue";
 import UiListItem from "../UiListItem/UiListItem.vue";
-import { computed, onMounted, ref } from "vue";
 
 const emit = defineEmits<{
   select: [string];

package/dist/src/components/UiBadge/UiBadge.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 UiBadge from "./UiBadge.vue";
 
 describe("UiBadge", () => {

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

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

package/dist/src/components/UiBadge/UiBadge.vue

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

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,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
+
 import { icons } from "../UiIcon/icons.js";
 import UiFilterButton from "./UiFilterButton.vue";
 

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

@@ -2,7 +2,7 @@
   <div
     :class="
       cn(
-        'w-full pr-4 pl-3',
+        'w-full px-3',
         $attrs.class as string,
         'flex cursor-pointer items-center rounded-full select-none',
         variantClasses,
@@ -65,6 +65,7 @@
 <script setup lang="ts">
 import type { ClassValue } from "clsx";
 import { computed } from "vue";
+
 import { cn } from "../../utils/cn.js";
 import UiIcon, { type UiIconName } from "../UiIcon/UiIcon.vue";
 

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/UiIcon/icons.ts

@@ -132,6 +132,7 @@ export const icons = {
   people: () => import("../../assets/icons/people.vue"),
   phone: () => import("../../assets/icons/phone.vue"),
   picture: () => import("../../assets/icons/picture.vue"),
+  "picture-gallery": () => import("../../assets/icons/picture-gallery.vue"),
   "picture-circled": () => import("../../assets/icons/picture-circled.vue"),
   "picture-filled": () => import("../../assets/icons/picture-filled.vue"),
   pin: () => import("../../assets/icons/pin.vue"),

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> = {}) {