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

package/dist/alert-SRjbwIsY.mjs

@@ -0,0 +1,15 @@
+import { createElementBlock as t, openBlock as C, createElementVNode as o } from "vue";
+const r = {
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function n(l, e) {
+  return C(), t("svg", r, e[0] || (e[0] = [
+    o("path", { d: "M8.33331 10.4333C8.71971 10.4333 9.03331 10.7469 9.03331 11.1333C9.03331 11.5197 8.71971 11.8333 8.33331 11.8333C7.94691 11.8333 7.63331 11.5197 7.63331 11.1333C7.63331 10.7469 7.94691 10.4333 8.33331 10.4333ZM8.33331 4.83331C8.71971 4.83331 9.03331 5.14691 9.03331 5.53331V9.03331C9.03331 9.41971 8.71971 9.73331 8.33331 9.73331C7.94691 9.73331 7.63331 9.41971 7.63331 9.03331V5.53331C7.63331 5.14691 7.94691 4.83331 8.33331 4.83331ZM8.33331 13.9333C5.24561 13.9333 2.73331 11.421 2.73331 8.33331C2.73331 5.24561 5.24561 2.73331 8.33331 2.73331C11.421 2.73331 13.9333 5.24561 13.9333 8.33331C13.9333 11.421 11.421 13.9333 8.33331 13.9333ZM8.33331 1.33331C4.46721 1.33331 1.33331 4.46721 1.33331 8.33331C1.33331 12.1994 4.46721 15.3333 8.33331 15.3333C12.1994 15.3333 15.3333 12.1994 15.3333 8.33331C15.3333 4.46721 12.1994 1.33331 8.33331 1.33331Z" }, null, -1)
+  ]));
+}
+const c = { render: n };
+export {
+  c as default,
+  n as render
+};

package/dist/audio-DhhWktjq.mjs

@@ -0,0 +1,19 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as n } from "vue";
+const r = {
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function C(l, e) {
+  return t(), o("svg", r, e[0] || (e[0] = [
+    n("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M12 6.66665C12.3687 6.66665 12.6667 6.96531 12.6667 7.33331C12.6667 9.67998 10.9247 11.6213 8.66671 11.9466V13.4708C8.66671 13.839 8.36823 14.1374 8.00004 14.1374C7.63185 14.1374 7.33337 13.839 7.33337 13.4708V11.9466C5.07537 11.6213 3.33337 9.67998 3.33337 7.33331C3.33337 6.96531 3.63137 6.66665 4.00004 6.66665C4.36871 6.66665 4.66671 6.96531 4.66671 7.33331C4.66671 9.17131 6.16204 10.6666 8.00004 10.6666C9.83804 10.6666 11.3334 9.17131 11.3334 7.33331C11.3334 6.96531 11.6314 6.66665 12 6.66665ZM10.1667 7.33331C10.1667 8.52784 9.19457 9.49998 8.00004 9.49998C6.80552 9.49998 5.83337 8.52784 5.83337 7.33331V4.99998C5.83337 3.80546 6.80552 2.83331 8.00004 2.83331C9.19457 2.83331 10.1667 3.80546 10.1667 4.99998V7.33331Z"
+    }, null, -1)
+  ]));
+}
+const c = { render: C };
+export {
+  c as default,
+  C as render
+};

package/dist/components/DpaMediaItem/DpaMediaItem.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/UiAutocomplete/UiAutocomplete.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: import('vue').DefineComponent<{
@@ -42,14 +42,11 @@ declare const meta: {
                 readonly disabled?: boolean | undefined;
                 readonly isDateTimePicker?: boolean | undefined;
                 readonly autocomplete?: string | undefined;
-                readonly isInvalid?: boolean | undefined;
                 readonly errorMessage?: string | undefined;
-                readonly showWarning?: boolean | undefined;
                 readonly warningMessage?: string | undefined;
                 readonly isTextarea?: boolean | undefined;
-                readonly hasInfo?: boolean | undefined;
                 readonly infoText?: string | undefined;
-                readonly inputStatus?: "default" | "info" | "readonly" | "warning" | "error" | undefined;
+                readonly inputStatus?: ("info" | "default" | "error" | "readonly" | "warning") | undefined;
                 readonly isUiAutocomplete?: boolean | undefined;
                 readonly onBlur?: ((args_0: FocusEvent) => any) | undefined;
                 readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
@@ -86,14 +83,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;
@@ -120,14 +114,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;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -160,14 +151,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;
         }> & Omit<Readonly<{
             modelValue?: string;
@@ -182,14 +170,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;
@@ -197,11 +182,15 @@ declare const meta: {
             onInput?: ((args_0: string) => any) | undefined;
             onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
+        }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "errorMessage" | "warningMessage" | "isTextarea" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                buttons?(_: {}): any;
+            $slots: Readonly<{
+                buttons?: () => any;
+                errors?: () => any;
+            }> & {
+                buttons?: () => any;
+                errors?: () => any;
             };
         }) | null;
         dropdownRef: HTMLDivElement;

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

@@ -33,14 +33,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly disabled?: boolean | undefined;
             readonly isDateTimePicker?: boolean | undefined;
             readonly autocomplete?: string | undefined;
-            readonly isInvalid?: boolean | undefined;
             readonly errorMessage?: string | undefined;
-            readonly showWarning?: boolean | undefined;
             readonly warningMessage?: string | undefined;
             readonly isTextarea?: boolean | undefined;
-            readonly hasInfo?: boolean | undefined;
             readonly infoText?: string | undefined;
-            readonly inputStatus?: "default" | "info" | "readonly" | "warning" | "error" | undefined;
+            readonly inputStatus?: ("info" | "default" | "error" | "readonly" | "warning") | undefined;
             readonly isUiAutocomplete?: boolean | undefined;
             readonly onBlur?: ((args_0: FocusEvent) => any) | undefined;
             readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
@@ -77,14 +74,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             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;
@@ -111,14 +105,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             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> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -151,14 +142,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         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;
     }> & Omit<Readonly<{
         modelValue?: string;
@@ -173,14 +161,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         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;
@@ -188,11 +173,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         onInput?: ((args_0: string) => any) | undefined;
         onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "errorMessage" | "warningMessage" | "isTextarea" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
         inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            buttons?(_: {}): any;
+        $slots: Readonly<{
+            buttons?: () => any;
+            errors?: () => any;
+        }> & {
+            buttons?: () => any;
+            errors?: () => any;
         };
     }) | null;
     dropdownRef: HTMLDivElement;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -76,7 +76,7 @@ declare const meta: {
         };
         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" | null)[];
+            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" | null)[];
         };
         mobileTrim: {
             control: "boolean";

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -79,7 +79,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")[];
         };
         disabled: {
             control: "boolean";

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

@@ -1,5 +1,5 @@
 import { default as UiButtonGroup } from './UiButtonGroup.vue';
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 type PropsAndStoryProps = InstanceType<typeof UiButtonGroup> & {
     activeButton: number;
 };

package/dist/components/UiCard/UiCard.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/UiCheckBox/UiCheckBox.stories.d.ts

@@ -1,8 +1,9 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
             color?: "blue" | "gray";
             size?: "small" | "medium";
             disabled?: boolean;
@@ -16,6 +17,7 @@ declare const meta: {
         }, import('vue').PublicProps, {
             size: "small" | "medium";
             disabled: boolean;
+            id: string;
             errorMessage: string;
             color: "blue" | "gray";
             checked: boolean;
@@ -28,6 +30,7 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<{
+            id?: string;
             color?: "blue" | "gray";
             size?: "small" | "medium";
             disabled?: boolean;
@@ -39,6 +42,7 @@ declare const meta: {
         }>, {}, {}, {}, {}, {
             size: "small" | "medium";
             disabled: boolean;
+            id: string;
             errorMessage: string;
             color: "blue" | "gray";
             checked: boolean;
@@ -48,6 +52,7 @@ declare const meta: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<{
+        id?: string;
         color?: "blue" | "gray";
         size?: "small" | "medium";
         disabled?: boolean;
@@ -61,13 +66,18 @@ declare const meta: {
     }, string, {
         size: "small" | "medium";
         disabled: boolean;
+        id: string;
         errorMessage: string;
         color: "blue" | "gray";
         checked: boolean;
         showError: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
+        $slots: Readonly<{
+            default: () => any;
+            errors?: () => any;
+        }> & {
+            default: () => any;
+            errors?: () => any;
         };
     });
     argTypes: {

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

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    id?: string;
     color?: "blue" | "gray";
     size?: "small" | "medium";
     disabled?: boolean;
@@ -8,8 +9,12 @@ type __VLS_Props = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    slots: Readonly<{
+        default: () => any;
+        errors?: () => any;
+    }> & {
+        default: () => any;
+        errors?: () => any;
     };
     refs: {};
     rootEl: any;
@@ -22,6 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     size: "small" | "medium";
     disabled: boolean;
+    id: string;
     errorMessage: string;
     color: "blue" | "gray";
     checked: boolean;

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

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

package/dist/components/UiChip/UiChip.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/UiCollapseNavigation/UiCollapseNavigation.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/UiColorPicker/UiColorPicker.stories.d.ts

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -1414,7 +1414,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")[];
         };
     };
     args: {
@@ -1443,7 +1443,7 @@ declare const meta: {
         iconLeft: null;
         enableQuickfilterToggle: false;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             definesRange?: boolean;
             multiCalendars?: boolean;
@@ -4116,7 +4116,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<{
                     definesRange?: boolean;
                     multiCalendars?: boolean;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -157,7 +157,7 @@ declare const meta: {
         closeOnClickOutside: true;
         positionTop: string;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             scrollable?: boolean;
             maxWidth?: string;
@@ -265,7 +265,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<{
                     scrollable?: boolean;
                     maxWidth?: string;
@@ -484,7 +484,7 @@ declare const meta: {
         };
         template: string;
         methods: {
-            close: import('@storybook/addon-actions').HandlerFunction;
+            close: import('storybook/actions').HandlerFunction;
         };
     };
 };

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -69,7 +69,7 @@ declare const meta: {
         fill: string;
         iconIsFilled: true;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             color?: string;
             fill?: string;
@@ -117,7 +117,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<{
                     color?: string;
                     fill?: string;

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/vue3';
+import { StoryObj } from '@storybook/vue3-vite';
 declare const meta: {
     title: string;
     component: {
@@ -90,7 +90,7 @@ declare const meta: {
         label: string;
         isActive: false;
     };
-    render: (args: import('@storybook/vue3').ComponentPropsAndSlots<{
+    render: (args: import('@storybook/vue3-vite').ComponentPropsAndSlots<{
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             color?: string;
             fill?: string;
@@ -151,7 +151,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<{
                     color?: string;
                     fill?: string;
@@ -301,7 +301,7 @@ declare const meta: {
         };
         template: string;
         methods: {
-            click: import('@storybook/addon-actions').HandlerFunction;
+            click: import('storybook/actions').HandlerFunction;
         };
     };
 };