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

package/dist/ai-VuCGPNLN.mjs

@@ -0,0 +1,15 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function r(l, L) {
+  return t(), e("svg", n, L[0] || (L[0] = [
+    o("path", { d: "M5 23L6.26 20.25L9 19L6.26 17.74L5 15L3.75 17.74L1 19L3.75 20.25M15 20L17.5 14.5L23 12L17.5 9.5L15 4L12.5 9.5L7 12L12.5 14.5M5 9L6.26 6.26L9 5L6.26 3.75L5 1L3.75 3.75L1 5L3.75 6.26" }, null, -1)
+  ]));
+}
+const c = { render: r };
+export {
+  c as default,
+  r as render
+};

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

@@ -3,14 +3,14 @@ declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            genre?: "audio" | "video" | "text" | "picture" | "graphic";
+            genre?: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled?: boolean;
             imgSrc?: string;
             imgAlt?: string;
             imgCount?: number;
             disabled?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            genre: "audio" | "video" | "text" | "picture" | "graphic";
+            genre: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled: boolean;
             imgSrc: string;
             imgAlt: string;
@@ -24,14 +24,14 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<{
-            genre?: "audio" | "video" | "text" | "picture" | "graphic";
+            genre?: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled?: boolean;
             imgSrc?: string;
             imgAlt?: string;
             imgCount?: number;
             disabled?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, {
-            genre: "audio" | "video" | "text" | "picture" | "graphic";
+            genre: "audio" | "graphic" | "picture" | "text" | "video";
             isFulfilled: boolean;
             imgSrc: string;
             imgAlt: string;
@@ -42,14 +42,14 @@ declare const meta: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<{
-        genre?: "audio" | "video" | "text" | "picture" | "graphic";
+        genre?: "audio" | "graphic" | "picture" | "text" | "video";
         isFulfilled?: boolean;
         imgSrc?: string;
         imgAlt?: string;
         imgCount?: number;
         disabled?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        genre: "audio" | "video" | "text" | "picture" | "graphic";
+        genre: "audio" | "graphic" | "picture" | "text" | "video";
         isFulfilled: boolean;
         imgSrc: string;
         imgAlt: string;

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

@@ -1,5 +1,6 @@
+type Genre = "audio" | "video" | "text" | "picture" | "graphic";
 type __VLS_Props = {
-    genre?: "audio" | "video" | "text" | "picture" | "graphic";
+    genre?: Genre;
     isFulfilled?: boolean;
     imgSrc?: string;
     imgAlt?: string;
@@ -20,7 +21,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    genre: "audio" | "video" | "text" | "picture" | "graphic";
+    genre: Genre;
     isFulfilled: boolean;
     imgSrc: string;
     imgAlt: string;

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

@@ -109,9 +109,9 @@ declare const meta: {
                 keyup: (args_0: KeyboardEvent) => any;
                 "update:modelValue": (args_0: string) => any;
             }, string, {
+                label: string;
                 type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
                 disabled: boolean;
-                label: string;
                 readonly: boolean;
                 id: string;
                 modelValue: string;
@@ -150,9 +150,9 @@ declare const meta: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            label: string;
             type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
             disabled: boolean;
-            label: string;
             readonly: boolean;
             id: string;
             modelValue: string;
@@ -197,7 +197,7 @@ declare const meta: {
             onInput?: ((args_0: string) => any) | undefined;
             onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
-        }>, "inputRef" | ("type" | "disabled" | "label" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
+        }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
             inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {

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

@@ -100,9 +100,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             keyup: (args_0: KeyboardEvent) => any;
             "update:modelValue": (args_0: string) => any;
         }, string, {
+            label: string;
             type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
             disabled: boolean;
-            label: string;
             readonly: boolean;
             id: string;
             modelValue: string;
@@ -141,9 +141,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        label: string;
         type: "text" | "number" | "time" | "date" | "password" | "datetime-local";
         disabled: boolean;
-        label: string;
         readonly: boolean;
         id: string;
         modelValue: string;
@@ -188,7 +188,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         onInput?: ((args_0: string) => any) | undefined;
         onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
-    }>, "inputRef" | ("type" | "disabled" | "label" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
+    }>, "inputRef" | ("label" | "type" | "disabled" | "readonly" | "id" | "modelValue" | "placeholder" | "autofocus" | "chevron" | "isDateTimePicker" | "autocomplete" | "isInvalid" | "errorMessage" | "showWarning" | "warningMessage" | "isTextarea" | "hasInfo" | "infoText" | "inputStatus" | "isUiAutocomplete")> & import('vue').ShallowUnwrapRef<{
         inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -1,4 +1,3 @@
-import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
 declare const meta: {
     title: string;
@@ -6,17 +5,17 @@ declare const meta: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             text?: string;
             color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-            iconName?: (typeof iconNames)[number] | null;
+            iconName?: import('..').UiIconName | null;
             mobileTrim?: boolean;
             trim?: boolean;
             small?: boolean;
             screenReaderText?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             text: string;
-            small: boolean;
             trim: boolean;
+            small: boolean;
             color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-            iconName: (typeof iconNames)[number] | null;
+            iconName: import('..').UiIconName | null;
             mobileTrim: boolean;
             screenReaderText: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -29,17 +28,17 @@ declare const meta: {
         }, Readonly<{
             text?: string;
             color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-            iconName?: (typeof iconNames)[number] | null;
+            iconName?: import('..').UiIconName | null;
             mobileTrim?: boolean;
             trim?: boolean;
             small?: boolean;
             screenReaderText?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, {
             text: string;
-            small: boolean;
             trim: boolean;
+            small: boolean;
             color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-            iconName: (typeof iconNames)[number] | null;
+            iconName: import('..').UiIconName | null;
             mobileTrim: boolean;
             screenReaderText: string;
         }>;
@@ -49,17 +48,17 @@ declare const meta: {
     } & import('vue').ComponentOptionsBase<Readonly<{
         text?: string;
         color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-        iconName?: (typeof iconNames)[number] | null;
+        iconName?: import('..').UiIconName | null;
         mobileTrim?: boolean;
         trim?: boolean;
         small?: boolean;
         screenReaderText?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         text: string;
-        small: boolean;
         trim: boolean;
+        small: boolean;
         color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-        iconName: (typeof iconNames)[number] | null;
+        iconName: import('..').UiIconName | null;
         mobileTrim: boolean;
         screenReaderText: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -77,7 +76,7 @@ declare const meta: {
         };
         iconName: {
             control: "select";
-            options: (string | 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" | "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)[];
         };
         mobileTrim: {
             control: "boolean";

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

@@ -1,8 +1,8 @@
-import { iconNames } from '../UiIcon/iconNames';
+import { UiIconName } from '../UiIcon/UiIcon.vue';
 type __VLS_Props = {
     text?: string;
     color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-    iconName?: (typeof iconNames)[number] | null;
+    iconName?: UiIconName | null;
     mobileTrim?: boolean;
     trim?: boolean;
     small?: boolean;
@@ -19,10 +19,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;
-    small: boolean;
     trim: boolean;
+    small: boolean;
     color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-    iconName: (typeof iconNames)[number] | null;
+    iconName: UiIconName | null;
     mobileTrim: boolean;
     screenReaderText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -1,10 +1,9 @@
-import { iconNames } from '../UiIcon/iconNames';
 import { StoryObj } from '@storybook/vue3';
 declare const meta: {
     title: string;
     component: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            iconName?: (typeof iconNames)[number] | null;
+            iconName?: import('..').UiIconName | null;
             size?: "xs" | "small" | "medium" | "large";
             color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
             disabledVariant?: "primary" | "secondary";
@@ -20,7 +19,7 @@ declare const meta: {
             disabled: boolean;
             color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
             rounded: boolean;
-            iconName: (typeof iconNames)[number] | null;
+            iconName: import('..').UiIconName | null;
             disabledVariant: "primary" | "secondary";
             href: string;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -31,7 +30,7 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<{
-            iconName?: (typeof iconNames)[number] | null;
+            iconName?: import('..').UiIconName | null;
             size?: "xs" | "small" | "medium" | "large";
             color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
             disabledVariant?: "primary" | "secondary";
@@ -45,7 +44,7 @@ declare const meta: {
             disabled: boolean;
             color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
             rounded: boolean;
-            iconName: (typeof iconNames)[number] | null;
+            iconName: import('..').UiIconName | null;
             disabledVariant: "primary" | "secondary";
             href: string;
         }>;
@@ -53,7 +52,7 @@ declare const meta: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<{
-        iconName?: (typeof iconNames)[number] | null;
+        iconName?: import('..').UiIconName | null;
         size?: "xs" | "small" | "medium" | "large";
         color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
         disabledVariant?: "primary" | "secondary";
@@ -69,7 +68,7 @@ declare const meta: {
         disabled: boolean;
         color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
         rounded: boolean;
-        iconName: (typeof iconNames)[number] | null;
+        iconName: import('..').UiIconName | null;
         disabledVariant: "primary" | "secondary";
         href: string;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -80,7 +79,7 @@ declare const meta: {
     argTypes: {
         iconName: {
             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")[];
         };
         disabled: {
             control: "boolean";

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

@@ -1,6 +1,6 @@
-import { iconNames } from '../UiIcon/iconNames';
+import { UiIconName } from '../UiIcon/UiIcon.vue';
 type __VLS_Props = {
-    iconName?: (typeof iconNames)[number] | null;
+    iconName?: UiIconName | null;
     size?: "xs" | "small" | "medium" | "large";
     color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
     disabledVariant?: "primary" | "secondary";
@@ -26,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     disabled: boolean;
     color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
     rounded: boolean;
-    iconName: (typeof iconNames)[number] | null;
+    iconName: UiIconName | null;
     disabledVariant: "primary" | "secondary";
     href: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,8 @@
+import { UiIconName } from '../UiIcon/UiIcon.vue';
 export type CheckboxItem = {
     name: string;
     isChecked: boolean;
-    iconName?: string;
+    iconName?: UiIconName;
 };
 type __VLS_Props = {
     item?: CheckboxItem[];