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

package/dist/src/components/UiMenu/UiMenuItem.vue

@@ -22,10 +22,11 @@
 </template>
 
 <script setup lang="ts" generic="Value">
-import UiListItem from "../UiListItem/UiListItem.vue";
-import type { UiMenuOptionType } from "./UiMenu.vue";
 import type { HTMLAttributes } from "vue";
+
 import { cn } from "../../utils/cn.js";
+import UiListItem from "../UiListItem/UiListItem.vue";
+import type { UiMenuOptionType } from "./UiMenu.vue";
 
 const props = withDefaults(
   defineProps<{

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

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

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

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

@@ -1,8 +1,9 @@
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
-import UiOverlayMenu from "./UiOverlayMenu.vue";
+import { describe, expect, it } from "vitest";
+
 import { vClickAway } from "../../directives/vClickAway.js";
 import UiButton from "../UiButton/UiButton.vue";
+import UiOverlayMenu from "./UiOverlayMenu.vue";
 
 document.body.innerHTML = `
     <div id="app"></div>

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

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

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

@@ -1,6 +1,7 @@
-import UiRadioInput from "./UiRadioInputGroup.vue";
-import { describe, expect, it } from "vitest";
 import { mount } from "@vue/test-utils";
+import { describe, expect, it } from "vitest";
+
+import UiRadioInput from "./UiRadioInputGroup.vue";
 
 describe("UiRadioInput", () => {
   it("renders UiRadioInputGroup with props content", () => {

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

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

package/dist/src/components/UiRadioInputGroup/UiRadioInputGroup.vue

@@ -33,6 +33,7 @@
 
 <script setup lang="ts" generic="T extends string | number">
 import { computed } from "vue";
+
 import { cn } from "../../utils/cn.js";
 
 export interface UiRadioInputGroupOption<T> {

package/dist/src/components/UiSearchBar/UiSearchBar.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 UiSearchBar from "./UiSearchBar.vue";
 

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

@@ -1,9 +1,10 @@
-import UiSearchBar from "./UiSearchBar.vue";
-import UiIcon from "../UiIcon/UiIcon.vue";
-import UiIconButton from "../UiIconButton/UiIconButton.vue";
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+
 import UiButton from "../UiButton/UiButton.vue";
 import UiChip from "../UiChip/UiChip.vue";
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import UiIcon from "../UiIcon/UiIcon.vue";
+import UiIconButton from "../UiIconButton/UiIconButton.vue";
+import UiSearchBar from "./UiSearchBar.vue";
 
 type PropsAndStoryProps = InstanceType<typeof UiSearchBar> & {
   hiddenFilterRules: number;

package/dist/src/components/UiSearchBar/UiSearchBar.vue

@@ -115,10 +115,11 @@
   </div>
 </template>
 <script setup lang="ts">
+import type { ClassValue } from "clsx";
 import { computed, ref } from "vue";
-import UiIconButton from "../UiIconButton/UiIconButton.vue";
+
 import { cn } from "../../utils/cn.js";
-import type { ClassValue } from "clsx";
+import UiIconButton from "../UiIconButton/UiIconButton.vue";
 
 const emit = defineEmits<{
   "update:modelValue": [string];

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

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

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

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

package/dist/src/components/UiSearchInput/UiSearchInput.vue

@@ -57,6 +57,7 @@
 
 <script setup lang="ts">
 import { computed, nextTick, ref, watchEffect } from "vue";
+
 import UiIconButton from "../UiIconButton/UiIconButton.vue";
 
 const props = withDefaults(

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

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

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

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

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

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

package/dist/src/components/UiSimpleInput/UiSimpleInput.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 UiIconSearchInput from "./UiSimpleInput.vue";
 

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

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

package/dist/src/components/UiSimpleInput/UiSimpleInput.vue

@@ -21,9 +21,10 @@
   </div>
 </template>
 <script lang="ts" setup>
-import UiIcon from "../UiIcon/UiIcon.vue";
 import { computed, nextTick, onMounted, ref, watch } from "vue";
 
+import UiIcon from "../UiIcon/UiIcon.vue";
+
 defineOptions({
   inheritAttrs: false,
 });

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

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

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

package/dist/src/components/UiSnackbar/UiSnackbar.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 UiIcon from "../UiIcon/UiIcon.vue";
 import UiSnackbar from "./UiSnackbar.vue";
 

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

@@ -1,8 +1,9 @@
-import UiSnackbar from "./UiSnackbar.vue";
-import { icons } from "../UiIcon/icons.js";
-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 { icons } from "../UiIcon/icons.js";
+import UiSnackbar from "./UiSnackbar.vue";
 
 const meta = {
   title: "Ui/UiSnackbar",

package/dist/src/components/UiSnackbar/UiSnackbar.vue

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

package/dist/src/components/UiSpinner/UiSpinner.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 UiIcon from "../UiIcon/UiIcon.vue";
 import UiSpinner from "./UiSpinner.vue";
 

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

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

package/dist/src/components/UiSpinner/UiSpinner.vue

@@ -77,9 +77,10 @@
 </template>
 
 <script setup lang="ts">
-import UiIcon from "../UiIcon/UiIcon.vue";
 import { computed } from "vue";
 
+import UiIcon from "../UiIcon/UiIcon.vue";
+
 const props = withDefaults(
   defineProps<{
     color?: "blue" | "white" | "green";

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

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

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

package/dist/src/components/UiTextButton/UiTextButton.vue

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

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

@@ -1,6 +1,7 @@
-import UiToggleButton from "./UiToggleButton.vue";
 import { mount } from "@vue/test-utils";
-import { expect, describe, it } from "vitest";
+import { describe, expect, it } from "vitest";
+
+import UiToggleButton from "./UiToggleButton.vue";
 
 describe("UiToggleButton", () => {
   const labelText = "Foo";

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

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

package/dist/src/components/UiToggleButton/UiToggleButton.vue

@@ -63,8 +63,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
 import { v4 as uuidv4 } from "uuid";
+import { computed, ref } from "vue";
 
 const toggleId = ref(`toggle-id-${uuidv4()}`);
 

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

@@ -1,6 +1,7 @@
-import UiTooltip from "./UiTooltip.vue";
 import { mount } from "@vue/test-utils";
-import { expect, describe, it } from "vitest";
+import { describe, expect, it } from "vitest";
+
+import UiTooltip from "./UiTooltip.vue";
 
 document.body.innerHTML = `
     <div id="app"></div>

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

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

package/dist/src/components/UiTooltip/UiTooltip.vue

@@ -84,13 +84,13 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed, ref } from "vue";
 import {
   autoUpdate,
   type Placement,
   useFloating,
   type UseFloatingOptions,
 } from "@floating-ui/vue";
+import { computed, ref } from "vue";
 
 const props = withDefaults(
   defineProps<{

package/dist/src/components/index.ts

@@ -22,28 +22,28 @@ import UiList from "./UiList/UiList.vue";
 import UiListItem from "./UiListItem/UiListItem.vue";
 import UiMenu from "./UiMenu/UiMenu.vue";
 export type {
+  UiMenuGroupedOption,
   UiMenuOptionType,
   UiMenuSelectedOption,
-  UiMenuGroupedOption,
 } from "./UiMenu/UiMenu.vue";
-import UiMenuList from "./UiMenu/UiMenuList.vue";
 import UiMenuItem from "./UiMenu/UiMenuItem.vue";
+import UiMenuList from "./UiMenu/UiMenuList.vue";
 import UiOverlay from "./UiOverlay/UiOverlay.vue";
 import UiOverlayMenu from "./UiOverlayMenu/UiOverlayMenu.vue";
 import UiRadioInputGroup from "./UiRadioInputGroup/UiRadioInputGroup.vue";
 export type { UiRadioInputGroupOption } from "./UiRadioInputGroup/UiRadioInputGroup.vue";
+import UiColorPicker from "./UiColorPicker/UiColorPicker.vue";
+import UiSearchBar from "./UiSearchBar/UiSearchBar.vue";
+import UiSearchInput from "./UiSearchInput/UiSearchInput.vue";
 import UiSection from "./UiSection/UiSection.vue";
 import UiSectionDivider from "./UiSectionDivider/UiSectionDivider.vue";
+import UiSimpleInput from "./UiSimpleInput/UiSimpleInput.vue";
 import UiSkeletonBox from "./UiSkeletonBox/UiSkeletonBox.vue";
-import UiSpinner from "./UiSpinner/UiSpinner.vue";
 import UiSnackbar from "./UiSnackbar/UiSnackbar.vue";
+import UiSpinner from "./UiSpinner/UiSpinner.vue";
+import UiTextButton from "./UiTextButton/UiTextButton.vue";
 import UiToggleButton from "./UiToggleButton/UiToggleButton.vue";
 import UiTooltip from "./UiTooltip/UiTooltip.vue";
-import UiSearchInput from "./UiSearchInput/UiSearchInput.vue";
-import UiSearchBar from "./UiSearchBar/UiSearchBar.vue";
-import UiSimpleInput from "./UiSimpleInput/UiSimpleInput.vue";
-import UiColorPicker from "./UiColorPicker/UiColorPicker.vue";
-import UiTextButton from "./UiTextButton/UiTextButton.vue";
 
 export {
   DpaMediaItem,
@@ -56,6 +56,7 @@ export {
   UiCheckBoxGroup,
   UiChip,
   UiCollapseNavigation,
+  UiColorPicker,
   UiDatePicker,
   UiDialog,
   UiFilterBadge,
@@ -68,21 +69,20 @@ export {
   UiList,
   UiListItem,
   UiMenu,
-  UiMenuList,
   UiMenuItem,
+  UiMenuList,
   UiOverlay,
   UiOverlayMenu,
   UiRadioInputGroup,
+  UiSearchBar,
+  UiSearchInput,
   UiSection,
   UiSectionDivider,
+  UiSimpleInput,
   UiSkeletonBox,
-  UiSpinner,
   UiSnackbar,
+  UiSpinner,
+  UiTextButton,
   UiToggleButton,
   UiTooltip,
-  UiSearchInput,
-  UiSearchBar,
-  UiSimpleInput,
-  UiColorPicker,
-  UiTextButton,
 };

package/dist/src/compositions/useBreakpoints/UseBreakpoints.stories.ts

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

package/dist/src/compositions/useBreakpoints/UseBreakpoints.stories.vue

@@ -4,9 +4,9 @@
 </template>
 
 <script setup lang="ts">
-import { useBreakpoints } from "./useBreakpoints.js";
-import UiIconButton from "../../components/UiIconButton/UiIconButton.vue";
 import UiButton from "../../components/UiButton/UiButton.vue";
+import UiIconButton from "../../components/UiIconButton/UiIconButton.vue";
+import { useBreakpoints } from "./useBreakpoints.js";
 
 const { lg } = useBreakpoints();
 </script>

package/dist/src/compositions/useBreakpoints/useBreakpoints.ts

@@ -1,6 +1,6 @@
 import {
-  useBreakpoints as vueUseBreakpoints,
   type Breakpoints,
+  useBreakpoints as vueUseBreakpoints,
 } from "@vueuse/core";
 import { computed } from "vue";
 

package/dist/src/index.ts

@@ -1,6 +1,6 @@
 import "./tailwindPreset.css";
 
-export * from "./utils/index.js";
 export * from "./components/index.js";
-export * from "./directives/index.js";
 export * from "./compositions/index.js";
+export * from "./directives/index.js";
+export * from "./utils/index.js";

package/dist/src/utils/cn.ts

@@ -1,6 +1,6 @@
 import type { ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
 import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

package/dist/{standard-view-Dxchc6kL.js → standard-view-CUMldHu5.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DkNrhC1p.js";
+import { _ as n } from "./index-C1RfWXaF.js";
 const s = {}, c = {
   width: "18",
   height: "18",

package/dist/{star-DRuPqRAc.js → star-B9W3Ky04.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as L, createElementVNode as o } from "vue";
-import { _ as r } from "./index-DkNrhC1p.js";
+import { _ as r } from "./index-C1RfWXaF.js";
 const C = {}, n = {
   width: "24",
   height: "24",

package/dist/{star-fill-BvcMJnz4.js → star-fill-DhAaaqmP.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DkNrhC1p.js";
+import { _ as n } from "./index-C1RfWXaF.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{star-filled-DzdD6db5.js → star-filled-quxk8B-9.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DkNrhC1p.js";
+import { _ as n } from "./index-C1RfWXaF.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{stop-CHbk6Mlp.js → stop-D3zmCHsm.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-DkNrhC1p.js";
+import { _ as n } from "./index-C1RfWXaF.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{story-BCULj0ty.js → story-YPCKA_qC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-DkNrhC1p.js";
+import { _ as r } from "./index-C1RfWXaF.js";
 const n = {}, s = {
   width: "24",
   height: "24",