@dpa-id-components/dpa-shared-components 12.3.0 → 12.4.0

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

@@ -1,5 +1,5 @@
 import { RangeConfig } from '@vuepic/vue-datepicker';
-import { iconNames } from '../UiIcon/iconNames';
+import { UiIconName } from '../UiIcon/UiIcon.vue';
 export interface PresetRange {
     label: string;
     range: Date[] | string[];
@@ -38,7 +38,7 @@ type __VLS_Props = {
     monthPicker?: boolean;
     customFormatCallback?: any;
     inputLabel?: string;
-    iconLeft?: (typeof iconNames)[number] | null;
+    iconLeft?: UiIconName | null;
     utc?: boolean;
     teleport?: boolean | string;
     closeOnScroll?: boolean;
@@ -107,25 +107,22 @@ declare function __VLS_template(): {
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
                 } | undefined;
                 readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-                readonly concat?: string[] | undefined;
-                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly slice?: string[] | undefined;
                 readonly length?: number | undefined;
-                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-                readonly at?: ((index: number) => string | undefined) | undefined;
-                readonly toLocaleString?: string | undefined;
                 readonly pop?: string | undefined;
                 readonly push?: number | undefined;
+                readonly concat?: string[] | undefined;
                 readonly join?: string | undefined;
                 readonly reverse?: string[] | undefined;
                 readonly shift?: string | undefined;
+                readonly slice?: string[] | undefined;
                 readonly sort?: string[] | undefined;
                 readonly splice?: {
                     (start: number, deleteCount?: number): string[];
                     (start: number, deleteCount: number, ...items: string[]): string[];
                 } | undefined;
                 readonly unshift?: number | undefined;
+                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
+                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
                 readonly every?: {
                     <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
@@ -152,8 +149,10 @@ declare function __VLS_template(): {
                 readonly entries?: ArrayIterator<[number, string]> | undefined;
                 readonly keys?: ArrayIterator<number> | undefined;
                 readonly values?: ArrayIterator<string> | undefined;
+                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
                 readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
                 readonly flat?: unknown[] | undefined;
+                readonly at?: ((index: number) => string | undefined) | undefined;
                 readonly findLast?: {
                     <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
@@ -167,6 +166,7 @@ declare function __VLS_template(): {
                 } | undefined;
                 readonly with?: ((index: number, value: string) => string[]) | undefined;
                 readonly toString?: string | undefined;
+                readonly toLocaleString?: string | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
@@ -640,25 +640,22 @@ declare function __VLS_template(): {
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
                 } | undefined;
                 readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-                readonly concat?: string[] | undefined;
-                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-                readonly slice?: string[] | undefined;
                 readonly length?: number | undefined;
-                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-                readonly at?: ((index: number) => string | undefined) | undefined;
-                readonly toLocaleString?: string | undefined;
                 readonly pop?: string | undefined;
                 readonly push?: number | undefined;
+                readonly concat?: string[] | undefined;
                 readonly join?: string | undefined;
                 readonly reverse?: string[] | undefined;
                 readonly shift?: string | undefined;
+                readonly slice?: string[] | undefined;
                 readonly sort?: string[] | undefined;
                 readonly splice?: {
                     (start: number, deleteCount?: number): string[];
                     (start: number, deleteCount: number, ...items: string[]): string[];
                 } | undefined;
                 readonly unshift?: number | undefined;
+                readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
+                readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
                 readonly every?: {
                     <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
@@ -685,8 +682,10 @@ declare function __VLS_template(): {
                 readonly entries?: ArrayIterator<[number, string]> | undefined;
                 readonly keys?: ArrayIterator<number> | undefined;
                 readonly values?: ArrayIterator<string> | undefined;
+                readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
                 readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
                 readonly flat?: unknown[] | undefined;
+                readonly at?: ((index: number) => string | undefined) | undefined;
                 readonly findLast?: {
                     <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
                     (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
@@ -700,6 +699,7 @@ declare function __VLS_template(): {
                 } | undefined;
                 readonly with?: ((index: number, value: string) => string[]) | undefined;
                 readonly toString?: string | undefined;
+                readonly toLocaleString?: string | undefined;
                 onFocus?: ((...args: any[]) => any) | undefined;
                 onBlur?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
@@ -1134,7 +1134,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     cancel: string;
     submit: string;
-    iconLeft: (typeof iconNames)[number] | null;
+    iconLeft: UiIconName | null;
     definesRange: boolean;
     multiCalendars: boolean;
     enableTimePicker: boolean;
@@ -1225,25 +1225,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
             } | undefined;
             readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-            readonly concat?: string[] | undefined;
-            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly slice?: string[] | undefined;
             readonly length?: number | undefined;
-            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-            readonly at?: ((index: number) => string | undefined) | undefined;
-            readonly toLocaleString?: string | undefined;
             readonly pop?: string | undefined;
             readonly push?: number | undefined;
+            readonly concat?: string[] | undefined;
             readonly join?: string | undefined;
             readonly reverse?: string[] | undefined;
             readonly shift?: string | undefined;
+            readonly slice?: string[] | undefined;
             readonly sort?: string[] | undefined;
             readonly splice?: {
                 (start: number, deleteCount?: number): string[];
                 (start: number, deleteCount: number, ...items: string[]): string[];
             } | undefined;
             readonly unshift?: number | undefined;
+            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
+            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
             readonly every?: {
                 <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
@@ -1270,8 +1267,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly entries?: ArrayIterator<[number, string]> | undefined;
             readonly keys?: ArrayIterator<number> | undefined;
             readonly values?: ArrayIterator<string> | undefined;
+            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
             readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
             readonly flat?: unknown[] | undefined;
+            readonly at?: ((index: number) => string | undefined) | undefined;
             readonly findLast?: {
                 <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
@@ -1285,6 +1284,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             } | undefined;
             readonly with?: ((index: number, value: string) => string[]) | undefined;
             readonly toString?: string | undefined;
+            readonly toLocaleString?: string | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
@@ -1758,25 +1758,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
             } | undefined;
             readonly map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-            readonly concat?: string[] | undefined;
-            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
-            readonly slice?: string[] | undefined;
             readonly length?: number | undefined;
-            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
-            readonly at?: ((index: number) => string | undefined) | undefined;
-            readonly toLocaleString?: string | undefined;
             readonly pop?: string | undefined;
             readonly push?: number | undefined;
+            readonly concat?: string[] | undefined;
             readonly join?: string | undefined;
             readonly reverse?: string[] | undefined;
             readonly shift?: string | undefined;
+            readonly slice?: string[] | undefined;
             readonly sort?: string[] | undefined;
             readonly splice?: {
                 (start: number, deleteCount?: number): string[];
                 (start: number, deleteCount: number, ...items: string[]): string[];
             } | undefined;
             readonly unshift?: number | undefined;
+            readonly indexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
+            readonly lastIndexOf?: ((searchElement: string, fromIndex?: number) => number) | undefined;
             readonly every?: {
                 <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): this is S[];
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): boolean;
@@ -1803,8 +1800,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly entries?: ArrayIterator<[number, string]> | undefined;
             readonly keys?: ArrayIterator<number> | undefined;
             readonly values?: ArrayIterator<string> | undefined;
+            readonly includes?: ((searchElement: string, fromIndex?: number) => boolean) | undefined;
             readonly flatMap?: (<U, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | undefined;
             readonly flat?: unknown[] | undefined;
+            readonly at?: ((index: number) => string | undefined) | undefined;
             readonly findLast?: {
                 <S extends string>(predicate: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S | undefined;
                 (predicate: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string | undefined;
@@ -1818,6 +1817,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             } | undefined;
             readonly with?: ((index: number, value: string) => string[]) | undefined;
             readonly toString?: string | undefined;
+            readonly toLocaleString?: string | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;

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

@@ -214,7 +214,7 @@ declare const meta: {
                 };
             });
             UiIconButton: import('vue').DefineComponent<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                iconName: import('..').UiIconName;
                 title?: string;
                 disabled?: boolean;
                 backgroundColor?: "blue" | "none" | "gray-hover";
@@ -223,7 +223,7 @@ declare const meta: {
             }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (args_0: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                iconName: import('..').UiIconName;
                 title?: string;
                 disabled?: boolean;
                 backgroundColor?: "blue" | "none" | "gray-hover";

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

@@ -274,7 +274,7 @@ declare const meta: {
                 };
             });
             UiIconButton: import('vue').DefineComponent<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                iconName: import('..').UiIconName;
                 title?: string;
                 disabled?: boolean;
                 backgroundColor?: "blue" | "none" | "gray-hover";
@@ -283,7 +283,7 @@ declare const meta: {
             }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (args_0: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<{
-                iconName: typeof import('../UiIcon/iconNames').iconNames[number];
+                iconName: import('..').UiIconName;
                 title?: string;
                 disabled?: boolean;
                 backgroundColor?: "blue" | "none" | "gray-hover";

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

@@ -1,31 +1,30 @@
-import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
 declare const meta: {
     title: string;
     component: import('vue').DefineComponent<{
         title?: string;
         variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon?: (typeof iconNames)[number];
+        chevronIcon?: import('..').UiIconName;
         rotateIcon?: boolean;
         iconSize?: "xs" | "small" | "large";
         size?: "xs" | "small";
         disabled?: boolean;
         active?: boolean;
         hasIcon?: boolean;
-        iconLeft?: (typeof iconNames)[number] | null;
+        iconLeft?: import('..').UiIconName | null;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: () => any;
     }, string, import('vue').PublicProps, Readonly<{
         title?: string;
         variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon?: (typeof iconNames)[number];
+        chevronIcon?: import('..').UiIconName;
         rotateIcon?: boolean;
         iconSize?: "xs" | "small" | "large";
         size?: "xs" | "small";
         disabled?: boolean;
         active?: boolean;
         hasIcon?: boolean;
-        iconLeft?: (typeof iconNames)[number] | null;
+        iconLeft?: import('..').UiIconName | null;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {
@@ -34,11 +33,11 @@ declare const meta: {
         title: string;
         iconSize: "xs" | "small" | "large";
         variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon: (typeof iconNames)[number];
+        chevronIcon: import('..').UiIconName;
         rotateIcon: boolean;
         active: boolean;
         hasIcon: boolean;
-        iconLeft: (typeof iconNames)[number] | null;
+        iconLeft: import('..').UiIconName | null;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     argTypes: {
         title: {
@@ -50,7 +49,7 @@ declare const meta: {
         };
         chevronIcon: {
             control: "select";
-            options: string[];
+            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" | "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")[];
         };
         rotateIcon: {
             control: "boolean";
@@ -66,7 +65,7 @@ declare const meta: {
         };
         iconLeft: {
             control: "select";
-            options: string[];
+            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" | "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")[];
         };
         iconSize: {
             control: "select";
@@ -80,38 +79,38 @@ declare const meta: {
     args: {
         title: string;
         variant: "white-rounded";
-        chevronIcon: string;
+        chevronIcon: "chevron-down";
         rotateIcon: false;
         disabled: false;
         active: false;
         hasIcon: true;
         iconSize: "xs";
-        iconLeft: string;
+        iconLeft: null;
     };
     render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
         title?: string;
         variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon?: (typeof iconNames)[number];
+        chevronIcon?: import('..').UiIconName;
         rotateIcon?: boolean;
         iconSize?: "xs" | "small" | "large";
         size?: "xs" | "small";
         disabled?: boolean;
         active?: boolean;
         hasIcon?: boolean;
-        iconLeft?: (typeof iconNames)[number] | null;
+        iconLeft?: import('..').UiIconName | null;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: () => any;
     }, string, import('vue').PublicProps, Readonly<{
         title?: string;
         variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon?: (typeof iconNames)[number];
+        chevronIcon?: import('..').UiIconName;
         rotateIcon?: boolean;
         iconSize?: "xs" | "small" | "large";
         size?: "xs" | "small";
         disabled?: boolean;
         active?: boolean;
         hasIcon?: boolean;
-        iconLeft?: (typeof iconNames)[number] | null;
+        iconLeft?: import('..').UiIconName | null;
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {
@@ -120,37 +119,37 @@ declare const meta: {
         title: string;
         iconSize: "xs" | "small" | "large";
         variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-        chevronIcon: (typeof iconNames)[number];
+        chevronIcon: import('..').UiIconName;
         rotateIcon: boolean;
         active: boolean;
         hasIcon: boolean;
-        iconLeft: (typeof iconNames)[number] | null;
+        iconLeft: import('..').UiIconName | null;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
         setup(this: void): {
             args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
                 title?: string;
                 variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon?: (typeof iconNames)[number];
+                chevronIcon?: import('..').UiIconName;
                 rotateIcon?: boolean;
                 iconSize?: "xs" | "small" | "large";
                 size?: "xs" | "small";
                 disabled?: boolean;
                 active?: boolean;
                 hasIcon?: boolean;
-                iconLeft?: (typeof iconNames)[number] | null;
+                iconLeft?: import('..').UiIconName | null;
             }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: () => any;
             }, string, import('vue').PublicProps, Readonly<{
                 title?: string;
                 variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon?: (typeof iconNames)[number];
+                chevronIcon?: import('..').UiIconName;
                 rotateIcon?: boolean;
                 iconSize?: "xs" | "small" | "large";
                 size?: "xs" | "small";
                 disabled?: boolean;
                 active?: boolean;
                 hasIcon?: boolean;
-                iconLeft?: (typeof iconNames)[number] | null;
+                iconLeft?: import('..').UiIconName | null;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {
@@ -159,38 +158,38 @@ declare const meta: {
                 title: string;
                 iconSize: "xs" | "small" | "large";
                 variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon: (typeof iconNames)[number];
+                chevronIcon: import('..').UiIconName;
                 rotateIcon: boolean;
                 active: boolean;
                 hasIcon: boolean;
-                iconLeft: (typeof iconNames)[number] | null;
+                iconLeft: import('..').UiIconName | null;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
         };
         components: {
             UiFilterButton: import('vue').DefineComponent<{
                 title?: string;
                 variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon?: (typeof iconNames)[number];
+                chevronIcon?: import('..').UiIconName;
                 rotateIcon?: boolean;
                 iconSize?: "xs" | "small" | "large";
                 size?: "xs" | "small";
                 disabled?: boolean;
                 active?: boolean;
                 hasIcon?: boolean;
-                iconLeft?: (typeof iconNames)[number] | null;
+                iconLeft?: import('..').UiIconName | null;
             }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: () => any;
             }, string, import('vue').PublicProps, Readonly<{
                 title?: string;
                 variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon?: (typeof iconNames)[number];
+                chevronIcon?: import('..').UiIconName;
                 rotateIcon?: boolean;
                 iconSize?: "xs" | "small" | "large";
                 size?: "xs" | "small";
                 disabled?: boolean;
                 active?: boolean;
                 hasIcon?: boolean;
-                iconLeft?: (typeof iconNames)[number] | null;
+                iconLeft?: import('..').UiIconName | null;
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {
@@ -199,11 +198,11 @@ declare const meta: {
                 title: string;
                 iconSize: "xs" | "small" | "large";
                 variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-                chevronIcon: (typeof iconNames)[number];
+                chevronIcon: import('..').UiIconName;
                 rotateIcon: boolean;
                 active: boolean;
                 hasIcon: boolean;
-                iconLeft: (typeof iconNames)[number] | null;
+                iconLeft: import('..').UiIconName | null;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         };
         template: string;

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

@@ -1,15 +1,15 @@
-import { iconNames } from '../UiIcon/iconNames';
+import { UiIconName } from '../UiIcon/UiIcon.vue';
 type __VLS_Props = {
     title?: string;
     variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-    chevronIcon?: (typeof iconNames)[number];
+    chevronIcon?: UiIconName;
     rotateIcon?: boolean;
     iconSize?: "xs" | "small" | "large";
     size?: "xs" | "small";
     disabled?: boolean;
     active?: boolean;
     hasIcon?: boolean;
-    iconLeft?: (typeof iconNames)[number] | null;
+    iconLeft?: UiIconName | null;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
@@ -21,10 +21,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     title: string;
     iconSize: "xs" | "small" | "large";
     variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
-    chevronIcon: (typeof iconNames)[number];
+    chevronIcon: UiIconName;
     rotateIcon: boolean;
     active: boolean;
     hasIcon: boolean;
-    iconLeft: (typeof iconNames)[number] | null;
+    iconLeft: UiIconName | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,13 +1,12 @@
 import { StoryObj } from '@storybook/vue3';
-import { iconNames } from './iconNames';
 declare const meta: {
     title: string;
     component: import('vue').DefineComponent<{
-        name: (typeof iconNames)[number];
+        name: import('./UiIcon.vue').UiIconName;
         size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
         sizeClasses?: string;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        name: (typeof iconNames)[number];
+        name: import('./UiIcon.vue').UiIconName;
         size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
         sizeClasses?: string;
     }> & Readonly<{}>, {
@@ -17,7 +16,7 @@ declare const meta: {
     argTypes: {
         name: {
             control: "select";
-            options: string[];
+            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" | "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")[];
         };
         size: {
             control: "select";
@@ -25,7 +24,7 @@ declare const meta: {
         };
     };
     args: {
-        name: string;
+        name: "alert";
         size: "large";
     };
 };

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

@@ -1,10 +1,14 @@
 import { iconNames } from './iconNames';
-type __VLS_Props = {
-    name: (typeof iconNames)[number];
+export type UiIconName = (typeof iconNames)[number];
+declare const _default: import('vue').DefineComponent<{
+    name: UiIconName;
     size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
     sizeClasses?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    name: UiIconName;
+    size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
+    sizeClasses?: string;
+}> & Readonly<{}>, {
     size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
     sizeClasses: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/UiIcon/iconNames.d.ts

@@ -1 +1 @@
-export declare const iconNames: string[];
+export declare const iconNames: readonly ["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", "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"];