sprintify-ui 0.0.18 → 0.0.20

package/dist/types/src/components/BaseLayoutStackedConfigurable.vue.d.ts

@@ -0,0 +1,163 @@
+import { User } from '@/types/User';
+import { PropType } from 'vue';
+import { ActionItem } from '../types/types';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            dark: boolean;
+            appName: string;
+            logoUrl: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            appName: {
+                default: string;
+                type: StringConstructor;
+            };
+            logoUrl: {
+                default: string;
+                type: StringConstructor;
+            };
+            menu: {
+                required: true;
+                type: PropType<ActionItem[]>;
+            };
+            userMenu: {
+                required: true;
+                type: PropType<ActionItem[]>;
+            };
+            user: {
+                required: true;
+                type: PropType<User>;
+            };
+            dark: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dark" | "appName" | "logoUrl">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            appName: {
+                default: string;
+                type: StringConstructor;
+            };
+            logoUrl: {
+                default: string;
+                type: StringConstructor;
+            };
+            menu: {
+                required: true;
+                type: PropType<ActionItem[]>;
+            };
+            userMenu: {
+                required: true;
+                type: PropType<ActionItem[]>;
+            };
+            user: {
+                required: true;
+                type: PropType<User>;
+            };
+            dark: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            dark: boolean;
+            appName: string;
+            logoUrl: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        appName: {
+            default: string;
+            type: StringConstructor;
+        };
+        logoUrl: {
+            default: string;
+            type: StringConstructor;
+        };
+        menu: {
+            required: true;
+            type: PropType<ActionItem[]>;
+        };
+        userMenu: {
+            required: true;
+            type: PropType<ActionItem[]>;
+        };
+        user: {
+            required: true;
+            type: PropType<User>;
+        };
+        dark: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    appName: {
+        default: string;
+        type: StringConstructor;
+    };
+    logoUrl: {
+        default: string;
+        type: StringConstructor;
+    };
+    menu: {
+        required: true;
+        type: PropType<ActionItem[]>;
+    };
+    userMenu: {
+        required: true;
+        type: PropType<ActionItem[]>;
+    };
+    user: {
+        required: true;
+        type: PropType<User>;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    dark: boolean;
+    appName: string;
+    logoUrl: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;

package/dist/types/src/components/BaseMenuItem.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"success" | "danger" | "warning" | "dark" | "light">;
+        type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
@@ -39,13 +39,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"success" | "danger" | "warning" | "dark" | "light">;
+        type: PropType<"dark" | "light" | "danger" | "success" | "warning">;
     };
 }>>, {
-    color: "success" | "danger" | "warning" | "dark" | "light";
-    icon: string;
     label: string;
-    count: number;
     active: boolean;
+    color: "dark" | "light" | "danger" | "success" | "warning";
+    icon: string;
+    count: number;
 }>;
 export default _default;

package/dist/types/src/components/BaseNavbar.vue.d.ts

@@ -3,13 +3,18 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            dark: boolean;
             size: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             size: {
                 default: string;
                 type: StringConstructor;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size">;
+            dark: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "dark" | "size">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -28,7 +33,12 @@ declare const _default: {
                 default: string;
                 type: StringConstructor;
             };
+            dark: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            dark: boolean;
             size: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -55,6 +65,10 @@ declare const _default: {
             default: string;
             type: StringConstructor;
         };
+        dark: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -64,7 +78,12 @@ declare const _default: {
         default: string;
         type: StringConstructor;
     };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    dark: boolean;
     size: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/dist/types/src/components/BaseNavbarItem.vue.d.ts

@@ -1,80 +1,26 @@
 import { PropType } from 'vue';
 import { ActionItem } from '@/types/types';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            item: {
-                required: true;
-                type: PropType<ActionItem>;
-            };
-        }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "click", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            item: {
-                required: true;
-                type: PropType<ActionItem>;
-            };
-        }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        item: {
-            required: true;
-            type: PropType<ActionItem>;
-        };
-    }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     item: {
         required: true;
         type: PropType<ActionItem>;
     };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        required: true;
+        type: PropType<ActionItem>;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default: (_: {
-            active: boolean;
-        }) => any;
-    };
-});
+}, {
+    dark: boolean;
+}>;
 export default _default;

package/dist/types/src/components/BaseNavbarItemContent.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         default: undefined;
@@ -32,10 +36,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>>, {
-    icon: string;
+    dark: boolean;
     label: string;
-    count: number;
     active: boolean;
+    icon: string;
+    count: number;
 }>;
 export default _default;

package/dist/types/src/components/BaseNavbarSideItem.vue.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+import { ActionItem } from '@/types/types';
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        required: true;
+        type: PropType<ActionItem>;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        required: true;
+        type: PropType<ActionItem>;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    dark: boolean;
+}>;
+export default _default;

package/dist/types/src/components/BaseNavbarSideItemContent.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    icon: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    active: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    count: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    icon: {
+        default: undefined;
+        type: StringConstructor;
+    };
+    active: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    count: {
+        default: undefined;
+        type: NumberConstructor;
+    };
+    dark: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>>, {
+    dark: boolean;
+    label: string;
+    active: boolean;
+    icon: string;
+    count: number;
+}>;
+export default _default;

package/dist/types/src/components/BaseSwitch.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"success" | "info" | "danger" | "warning" | "dark" | "light" | "primary">;
+        type: PropType<"dark" | "light" | "danger" | "success" | "warning" | "info" | "primary">;
     };
     size: {
         default: string;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: {
         default: string;
-        type: PropType<"success" | "info" | "danger" | "warning" | "dark" | "light" | "primary">;
+        type: PropType<"dark" | "light" | "danger" | "success" | "warning" | "info" | "primary">;
     };
     size: {
         default: string;
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    color: "success" | "info" | "danger" | "warning" | "dark" | "light" | "primary";
+    color: "dark" | "light" | "danger" | "success" | "warning" | "info" | "primary";
     modelValue: boolean;
     size: "base" | "xs" | "sm" | "lg" | "xl";
 }>;

package/dist/types/src/components/BaseSystemAlert.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            color: "success" | "info" | "danger" | "warning";
             to: RouteLocationRaw | undefined;
+            color: "danger" | "success" | "warning" | "info";
             action: () => Promise<void> | void;
             closable: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -20,7 +20,7 @@ declare const _default: {
             };
             color: {
                 default: string;
-                type: PropType<"success" | "info" | "danger" | "warning">;
+                type: PropType<"danger" | "success" | "warning" | "info">;
             };
             closable: {
                 default: boolean;
@@ -28,7 +28,7 @@ declare const _default: {
             };
         }>> & {
             onClose?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "color" | "to" | "action" | "closable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "to" | "color" | "action" | "closable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -53,7 +53,7 @@ declare const _default: {
             };
             color: {
                 default: string;
-                type: PropType<"success" | "info" | "danger" | "warning">;
+                type: PropType<"danger" | "success" | "warning" | "info">;
             };
             closable: {
                 default: boolean;
@@ -62,8 +62,8 @@ declare const _default: {
         }>> & {
             onClose?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, {
-            color: "success" | "info" | "danger" | "warning";
             to: RouteLocationRaw | undefined;
+            color: "danger" | "success" | "warning" | "info";
             action: () => Promise<void> | void;
             closable: boolean;
         }, {}, string> & {
@@ -97,7 +97,7 @@ declare const _default: {
         };
         color: {
             default: string;
-            type: PropType<"success" | "info" | "danger" | "warning">;
+            type: PropType<"danger" | "success" | "warning" | "info">;
         };
         closable: {
             default: boolean;
@@ -120,7 +120,7 @@ declare const _default: {
     };
     color: {
         default: string;
-        type: PropType<"success" | "info" | "danger" | "warning">;
+        type: PropType<"danger" | "success" | "warning" | "info">;
     };
     closable: {
         default: boolean;
@@ -129,8 +129,8 @@ declare const _default: {
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", {
-    color: "success" | "info" | "danger" | "warning";
     to: RouteLocationRaw | undefined;
+    color: "danger" | "success" | "warning" | "info";
     action: () => Promise<void> | void;
     closable: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/types/src/components/BaseTableColumn.vue.d.ts

@@ -144,8 +144,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    label: string;
     meta: Record<string, any> | unknown[];
+    label: string;
     width: number;
     toggle: boolean;
     field: string;

package/dist/types/src/components/index.d.ts

@@ -59,4 +59,8 @@ import BaseTable from './BaseTable.vue';
 import BaseTableColumn from './BaseTableColumn.vue';
 import BaseTextarea from './BaseTextarea.vue';
 import BaseTextareaAutoresize from './BaseTextareaAutoresize.vue';
-export { BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseFilePicker, BaseFileUploader, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProcessRing, BaseReadMore, BaseSelect, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, };
+import BaseLayoutStacked from './BaseLayoutStacked.vue';
+import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
+import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
+import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
+export { BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClipboard, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseFilePicker, BaseFileUploader, BaseHasMany, BaseIcon, BaseInput, BaseInputLabel, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BasePagination, BasePanel, BasePassword, BaseProcessRing, BaseReadMore, BaseSelect, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseActionItem.vue

@@ -0,0 +1,68 @@
+<template>
+  <RouterLink
+    v-if="item.to"
+    v-slot="{ isActive, href: slotHref, navigate }"
+    custom
+    :to="item.to"
+  >
+    <a
+      :active="isActive"
+      :href="slotHref"
+      :class="itemClass"
+      :aria-current="isActive ? 'page' : undefined"
+      @click.prevent="onClick(navigate)"
+    >
+      <slot :active="isActive"> </slot>
+    </a>
+  </RouterLink>
+  <button
+    v-else-if="item.action"
+    type="button"
+    :class="itemClass"
+    @click="onClick(item.action)"
+  >
+    <slot :active="false"> </slot>
+  </button>
+  <a
+    v-else-if="item.href"
+    :href="item.href"
+    :class="itemClass"
+    @click="onClick()"
+  >
+    <slot :active="false"> </slot>
+  </a>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue';
+import { ActionItem } from '@/types/types';
+
+defineProps({
+  item: {
+    required: true,
+    type: Object as PropType<ActionItem>,
+  },
+  dark: {
+    default: false,
+    type: Boolean,
+  },
+  itemClass: {
+    default: '',
+    type: [String, Array, Object],
+  },
+});
+
+const closeMenu = inject('closeMenu') as () => void;
+
+const emit = defineEmits(['click']);
+
+type asyncFunc = () => Promise<void>;
+
+async function onClick(func: asyncFunc | null = null) {
+  if (func) {
+    await func();
+  }
+  emit('click');
+  closeMenu();
+}
+</script>

package/src/components/BaseBreadcrumbs.vue

@@ -21,7 +21,7 @@
             >
               <a
                 :href="href"
-                class="text-sm text-slate-500"
+                class="text-sm"
                 :class="[
                   { 'ml-3': index > 0 },
                   isExactActive