@dpa-id-components/dpa-shared-components 15.0.0 → 15.1.1

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -15,14 +15,11 @@ declare const meta: {
             disabled?: boolean;
             isDateTimePicker?: boolean;
             autocomplete?: string;
-            isInvalid?: boolean;
             errorMessage?: string;
-            showWarning?: boolean;
             warningMessage?: string;
             isTextarea?: boolean;
-            hasInfo?: boolean;
             infoText?: string;
-            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
             onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -49,14 +46,11 @@ declare const meta: {
             chevron: boolean;
             isDateTimePicker: boolean;
             autocomplete: string;
-            isInvalid: boolean;
             errorMessage: string;
-            showWarning: boolean;
             warningMessage: string;
             isTextarea: boolean;
-            hasInfo: boolean;
             infoText: string;
-            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             inputRef: HTMLInputElement;
@@ -80,14 +74,11 @@ declare const meta: {
             disabled?: boolean;
             isDateTimePicker?: boolean;
             autocomplete?: string;
-            isInvalid?: boolean;
             errorMessage?: string;
-            showWarning?: boolean;
             warningMessage?: string;
             isTextarea?: boolean;
-            hasInfo?: boolean;
             infoText?: string;
-            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
             onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -108,14 +99,11 @@ declare const meta: {
             chevron: boolean;
             isDateTimePicker: boolean;
             autocomplete: string;
-            isInvalid: boolean;
             errorMessage: string;
-            showWarning: boolean;
             warningMessage: string;
             isTextarea: boolean;
-            hasInfo: boolean;
             infoText: string;
-            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete: boolean;
         }>;
         __isFragment?: never;
@@ -134,14 +122,11 @@ declare const meta: {
         disabled?: boolean;
         isDateTimePicker?: boolean;
         autocomplete?: string;
-        isInvalid?: boolean;
         errorMessage?: string;
-        showWarning?: boolean;
         warningMessage?: string;
         isTextarea?: boolean;
-        hasInfo?: boolean;
         infoText?: string;
-        inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+        inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
         isUiAutocomplete?: boolean;
     }> & Readonly<{
         onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -168,18 +153,19 @@ declare const meta: {
         chevron: boolean;
         isDateTimePicker: boolean;
         autocomplete: string;
-        isInvalid: boolean;
         errorMessage: string;
-        showWarning: boolean;
         warningMessage: string;
         isTextarea: boolean;
-        hasInfo: boolean;
         infoText: string;
-        inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+        inputStatus: "info" | "default" | "error" | "readonly" | "warning";
         isUiAutocomplete: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            buttons?(_: {}): any;
+        $slots: Readonly<{
+            buttons?: () => any;
+            errors?: () => any;
+        }> & {
+            buttons?: () => any;
+            errors?: () => any;
         };
     });
     argTypes: {
@@ -244,7 +230,7 @@ declare const meta: {
         warningMessage: string;
         isTextarea: false;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             modelValue?: string;
         } & {
@@ -258,14 +244,11 @@ declare const meta: {
             disabled?: boolean;
             isDateTimePicker?: boolean;
             autocomplete?: string;
-            isInvalid?: boolean;
             errorMessage?: string;
-            showWarning?: boolean;
             warningMessage?: string;
             isTextarea?: boolean;
-            hasInfo?: boolean;
             infoText?: string;
-            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
             onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -292,14 +275,11 @@ declare const meta: {
             chevron: boolean;
             isDateTimePicker: boolean;
             autocomplete: string;
-            isInvalid: boolean;
             errorMessage: string;
-            showWarning: boolean;
             warningMessage: string;
             isTextarea: boolean;
-            hasInfo: boolean;
             infoText: string;
-            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             inputRef: HTMLInputElement;
@@ -323,14 +303,11 @@ declare const meta: {
             disabled?: boolean;
             isDateTimePicker?: boolean;
             autocomplete?: string;
-            isInvalid?: boolean;
             errorMessage?: string;
-            showWarning?: boolean;
             warningMessage?: string;
             isTextarea?: boolean;
-            hasInfo?: boolean;
             infoText?: string;
-            inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete?: boolean;
         }> & Readonly<{
             onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -351,14 +328,11 @@ declare const meta: {
             chevron: boolean;
             isDateTimePicker: boolean;
             autocomplete: string;
-            isInvalid: boolean;
             errorMessage: string;
-            showWarning: boolean;
             warningMessage: string;
             isTextarea: boolean;
-            hasInfo: boolean;
             infoText: string;
-            inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+            inputStatus: "info" | "default" | "error" | "readonly" | "warning";
             isUiAutocomplete: boolean;
         }>;
         __isFragment?: never;
@@ -377,14 +351,11 @@ declare const meta: {
         disabled?: boolean;
         isDateTimePicker?: boolean;
         autocomplete?: string;
-        isInvalid?: boolean;
         errorMessage?: string;
-        showWarning?: boolean;
         warningMessage?: string;
         isTextarea?: boolean;
-        hasInfo?: boolean;
         infoText?: string;
-        inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+        inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
         isUiAutocomplete?: boolean;
     }> & Readonly<{
         onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -411,18 +382,19 @@ declare const meta: {
         chevron: boolean;
         isDateTimePicker: boolean;
         autocomplete: string;
-        isInvalid: boolean;
         errorMessage: string;
-        showWarning: boolean;
         warningMessage: string;
         isTextarea: boolean;
-        hasInfo: boolean;
         infoText: string;
-        inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+        inputStatus: "info" | "default" | "error" | "readonly" | "warning";
         isUiAutocomplete: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            buttons?(_: {}): any;
+        $slots: Readonly<{
+            buttons?: () => any;
+            errors?: () => any;
+        }> & {
+            buttons?: () => any;
+            errors?: () => any;
         };
     })>) => {
         components: {
@@ -440,14 +412,11 @@ declare const meta: {
                     disabled?: boolean;
                     isDateTimePicker?: boolean;
                     autocomplete?: string;
-                    isInvalid?: boolean;
                     errorMessage?: string;
-                    showWarning?: boolean;
                     warningMessage?: string;
                     isTextarea?: boolean;
-                    hasInfo?: boolean;
                     infoText?: string;
-                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
                     onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -474,14 +443,11 @@ declare const meta: {
                     chevron: boolean;
                     isDateTimePicker: boolean;
                     autocomplete: string;
-                    isInvalid: boolean;
                     errorMessage: string;
-                    showWarning: boolean;
                     warningMessage: string;
                     isTextarea: boolean;
-                    hasInfo: boolean;
                     infoText: string;
-                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete: boolean;
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                     inputRef: HTMLInputElement;
@@ -505,14 +471,11 @@ declare const meta: {
                     disabled?: boolean;
                     isDateTimePicker?: boolean;
                     autocomplete?: string;
-                    isInvalid?: boolean;
                     errorMessage?: string;
-                    showWarning?: boolean;
                     warningMessage?: string;
                     isTextarea?: boolean;
-                    hasInfo?: boolean;
                     infoText?: string;
-                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
                     onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -533,14 +496,11 @@ declare const meta: {
                     chevron: boolean;
                     isDateTimePicker: boolean;
                     autocomplete: string;
-                    isInvalid: boolean;
                     errorMessage: string;
-                    showWarning: boolean;
                     warningMessage: string;
                     isTextarea: boolean;
-                    hasInfo: boolean;
                     infoText: string;
-                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete: boolean;
                 }>;
                 __isFragment?: never;
@@ -559,14 +519,11 @@ declare const meta: {
                 disabled?: boolean;
                 isDateTimePicker?: boolean;
                 autocomplete?: string;
-                isInvalid?: boolean;
                 errorMessage?: string;
-                showWarning?: boolean;
                 warningMessage?: string;
                 isTextarea?: boolean;
-                hasInfo?: boolean;
                 infoText?: string;
-                inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                 isUiAutocomplete?: boolean;
             }> & Readonly<{
                 onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -593,23 +550,24 @@ declare const meta: {
                 chevron: boolean;
                 isDateTimePicker: boolean;
                 autocomplete: string;
-                isInvalid: boolean;
                 errorMessage: string;
-                showWarning: boolean;
                 warningMessage: string;
                 isTextarea: boolean;
-                hasInfo: boolean;
                 infoText: string;
-                inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                 isUiAutocomplete: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    buttons?(_: {}): any;
+                $slots: Readonly<{
+                    buttons?: () => any;
+                    errors?: () => any;
+                }> & {
+                    buttons?: () => any;
+                    errors?: () => any;
                 };
             });
         };
         setup(this: void): {
-            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+            args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     modelValue?: string;
                 } & {
@@ -623,14 +581,11 @@ declare const meta: {
                     disabled?: boolean;
                     isDateTimePicker?: boolean;
                     autocomplete?: string;
-                    isInvalid?: boolean;
                     errorMessage?: string;
-                    showWarning?: boolean;
                     warningMessage?: string;
                     isTextarea?: boolean;
-                    hasInfo?: boolean;
                     infoText?: string;
-                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
                     onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -657,14 +612,11 @@ declare const meta: {
                     chevron: boolean;
                     isDateTimePicker: boolean;
                     autocomplete: string;
-                    isInvalid: boolean;
                     errorMessage: string;
-                    showWarning: boolean;
                     warningMessage: string;
                     isTextarea: boolean;
-                    hasInfo: boolean;
                     infoText: string;
-                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete: boolean;
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                     inputRef: HTMLInputElement;
@@ -688,14 +640,11 @@ declare const meta: {
                     disabled?: boolean;
                     isDateTimePicker?: boolean;
                     autocomplete?: string;
-                    isInvalid?: boolean;
                     errorMessage?: string;
-                    showWarning?: boolean;
                     warningMessage?: string;
                     isTextarea?: boolean;
-                    hasInfo?: boolean;
                     infoText?: string;
-                    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete?: boolean;
                 }> & Readonly<{
                     onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -716,14 +665,11 @@ declare const meta: {
                     chevron: boolean;
                     isDateTimePicker: boolean;
                     autocomplete: string;
-                    isInvalid: boolean;
                     errorMessage: string;
-                    showWarning: boolean;
                     warningMessage: string;
                     isTextarea: boolean;
-                    hasInfo: boolean;
                     infoText: string;
-                    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                    inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                     isUiAutocomplete: boolean;
                 }>;
                 __isFragment?: never;
@@ -742,14 +688,11 @@ declare const meta: {
                 disabled?: boolean;
                 isDateTimePicker?: boolean;
                 autocomplete?: string;
-                isInvalid?: boolean;
                 errorMessage?: string;
-                showWarning?: boolean;
                 warningMessage?: string;
                 isTextarea?: boolean;
-                hasInfo?: boolean;
                 infoText?: string;
-                inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+                inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
                 isUiAutocomplete?: boolean;
             }> & Readonly<{
                 onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -776,26 +719,27 @@ declare const meta: {
                 chevron: boolean;
                 isDateTimePicker: boolean;
                 autocomplete: string;
-                isInvalid: boolean;
                 errorMessage: string;
-                showWarning: boolean;
                 warningMessage: string;
                 isTextarea: boolean;
-                hasInfo: boolean;
                 infoText: string;
-                inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+                inputStatus: "info" | "default" | "error" | "readonly" | "warning";
                 isUiAutocomplete: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    buttons?(_: {}): any;
+                $slots: Readonly<{
+                    buttons?: () => any;
+                    errors?: () => any;
+                }> & {
+                    buttons?: () => any;
+                    errors?: () => any;
                 };
             })>;
             value: import('vue').Ref<string, string>;
         };
         template: string;
         methods: {
-            input: import('@storybook/addon-actions').HandlerFunction;
-            update: import('@storybook/addon-actions').HandlerFunction;
+            input: import('storybook/actions').HandlerFunction;
+            update: import('storybook/actions').HandlerFunction;
         };
     };
 };

package/dist/components/UiInput/UiInput.vue.d.ts

@@ -1,3 +1,4 @@
+type UiInputStatus = "default" | "info" | "readonly" | "warning" | "error";
 type __VLS_Props = {
     id?: string;
     type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
@@ -9,14 +10,14 @@ type __VLS_Props = {
     disabled?: boolean;
     isDateTimePicker?: boolean;
     autocomplete?: string;
-    isInvalid?: boolean;
+    /**
+     * Use the `errors` slot for better flexibility instead.
+     */
     errorMessage?: string;
-    showWarning?: boolean;
     warningMessage?: string;
     isTextarea?: boolean;
-    hasInfo?: boolean;
     infoText?: string;
-    inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
+    inputStatus?: UiInputStatus;
     isUiAutocomplete?: boolean;
 };
 type __VLS_PublicProps = {
@@ -24,8 +25,12 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        buttons?(_: {}): any;
+    slots: Readonly<{
+        buttons?: () => any;
+        errors?: () => any;
+    }> & {
+        buttons?: () => any;
+        errors?: () => any;
     };
     refs: {
         inputRef: HTMLInputElement;
@@ -58,14 +63,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     chevron: boolean;
     isDateTimePicker: boolean;
     autocomplete: string;
-    isInvalid: boolean;
     errorMessage: string;
-    showWarning: boolean;
     warningMessage: string;
     isTextarea: boolean;
-    hasInfo: boolean;
     infoText: string;
-    inputStatus: "default" | "info" | "readonly" | "warning" | "error";
+    inputStatus: UiInputStatus;
     isUiAutocomplete: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {

package/dist/components/UiListItem/UiListItem.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -117,7 +117,7 @@ declare const meta: {
     argTypes: {
         iconName: {
             control: "select";
-            options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
+            options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "package" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "video-rounded" | "view" | "view-off" | "volume-up")[];
         };
         iconSize: {
             control: "select";
@@ -164,7 +164,7 @@ declare const meta: {
         disabled: false;
         overrideClasses: string;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             value?: string;
             checkBoxMenu?: boolean;
@@ -278,7 +278,7 @@ declare const meta: {
         };
     })>) => {
         setup(this: void): {
-            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+            args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     value?: string;
                     checkBoxMenu?: boolean;

package/dist/components/UiMenu/UiMenu.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: <K>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
@@ -128,7 +128,7 @@ declare const meta: {
         };
         iconLeft: {
             control: "select";
-            options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "view" | "view-off" | "volume-up")[];
+            options: ("activities" | "alert" | "alert-fill" | "alert-octagon" | "ai" | "apps" | "archive" | "arrow-left" | "arrow-nav-left" | "arrow-nav-right" | "arrow-up" | "arrow-right" | "arrow-down" | "arrowhead-left" | "arrowhead-right" | "arrowhead-top" | "atmo" | "audio" | "audio-circled" | "audio-filled" | "bag" | "bell" | "bell-fill" | "book" | "bookmark" | "bookmark-fill" | "bookmark-outlined" | "box" | "bulb" | "call" | "camera" | "check" | "checklist" | "checkmark" | "checkmark-double" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clipboard" | "clock" | "close" | "cloud-save" | "code" | "collapse" | "color-palette" | "comment" | "comment-fill" | "copy" | "copy-link" | "delete" | "download" | "dpa-id" | "edit" | "edit-add" | "eil" | "emoji" | "emoji-add" | "envelope" | "event" | "expand" | "external-link" | "file" | "file-pdf" | "filter" | "filter-outline" | "flag" | "flag-fill" | "flag-filled" | "flag-outline" | "flags" | "flash" | "folder" | "folder-add" | "folder-fill" | "folder-filled" | "gallery" | "graphic" | "graphic-circled" | "graphic-filled" | "graphics" | "grid-1" | "grid-2" | "grid-3" | "grid-4" | "grid-6" | "grid-9" | "grid-masonry" | "grid-masonry-9" | "help" | "home" | "image" | "image focus point" | "impact-high" | "impact-low" | "impact-medium" | "impact-very-high" | "impact-very-low" | "info" | "info-fill" | "info-filled" | "label" | "label-filled" | "language" | "latest" | "lightbulb" | "list" | "list-search" | "lock" | "lock-filled" | "mail" | "map" | "map-outline" | "menu" | "minus" | "more-horizontal" | "more-vertical" | "move" | "move-up-down" | "navigation" | "note" | "offline" | "package" | "paper-plane" | "paperplane" | "pause" | "pause-circle" | "pdf" | "pen" | "pen-check" | "people" | "phone" | "picture" | "picture-circled" | "picture-filled" | "pin" | "planning" | "play" | "play-circle" | "play-fill" | "plus" | "plus-circle" | "print" | "refresh" | "reset" | "responsive" | "rubix-thema" | "save" | "saved-search" | "saved-search-fill" | "search" | "settings" | "share" | "share-alternative" | "sidebar" | "sidebar-fill" | "slack" | "slider-config" | "spellcheck" | "spinner" | "standard-view" | "star" | "star-fill" | "star-filled" | "stop" | "story" | "sync" | "tasks" | "text" | "text-circled" | "text-filled" | "thumbs-down" | "thumbs-up" | "thumbs-up-double" | "topic" | "union" | "upload" | "video" | "video overlay" | "video-circled" | "video-filled" | "video-rounded" | "view" | "view-off" | "volume-up")[];
         };
         imageShape: {
             control: "select";

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -28,7 +28,7 @@ declare const meta: {
             default?(_: {}): any;
         };
     });
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
             onClose?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -56,7 +56,7 @@ declare const meta: {
         };
     })>) => {
         setup(this: void): {
-            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+            args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
                     onClose?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -180,7 +180,7 @@ declare const meta: {
     args: {
         isOpen: true;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             isOpen?: boolean;
         }> & Readonly<{
@@ -220,7 +220,7 @@ declare const meta: {
         };
     })>) => {
         setup(this: void): {
-            args: import('@storybook/vue3').ComponentPropsAndSlots<{
+            args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     isOpen?: boolean;
                 }> & Readonly<{