@upsoftware_tech/svarium 1.0.4 → 1.0.5

package/dist/index.d.ts

@@ -16,9 +16,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const __VLS_component: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_10: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-declare const __VLS_component_11: DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
+declare const __VLS_component_10: DefineComponent<Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_21> & Readonly<{}>, {
 right: boolean;
 left: boolean;
 orientation: "horizontal" | "vertical";
@@ -68,15 +66,7 @@ value: string | number | boolean;
 hint: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_18> & Readonly<{}>, {
-offset: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-sidebar: HTMLDivElement;
-sidebar_header: HTMLDivElement;
-sidebar_content: HTMLDivElement;
-sidebar_bottom: HTMLDivElement;
-sidebar_footer: HTMLDivElement;
-}, any>;
+declare const __VLS_component_9: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare type __VLS_Props = Props;
 
@@ -100,15 +90,6 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -187,17 +168,9 @@ declare function __VLS_template_8(): {
 declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
-        header?(_: {}): any;
-        bottom?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {
-        sidebar: HTMLDivElement;
-        sidebar_header: HTMLDivElement;
-        sidebar_content: HTMLDivElement;
-        sidebar_bottom: HTMLDivElement;
-        sidebar_footer: HTMLDivElement;
+        default?(_: {}): any;
     };
+    refs: {};
     rootEl: any;
 };
 
@@ -205,8 +178,6 @@ declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
 
-declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
-
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -235,12 +206,6 @@ declare type __VLS_WithTemplateSlots_10<T, S> = T & {
     };
 };
 
-declare type __VLS_WithTemplateSlots_11<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -291,6 +256,13 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
 
 export declare const AppLayout: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+export declare const Aside: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare interface AsideConfig {
+    enabled: boolean;
+    width?: number;
+}
+
 export declare const AuthLayout: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 export declare const BlockFormLogin: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
@@ -363,9 +335,16 @@ export declare const ColorMode: DefineComponent<Props_3, {}, {}, {}, {}, Compone
 declare type ColorModeVariants = VariantProps<typeof colorModeVariants>;
 
 declare const colorModeVariants: (props?: ({
-    variant?: "default" | "switch" | "group" | "dropdown" | null | undefined;
+    variant?: "default" | "switch" | "dropdown" | "group" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface ComponentProps {
+    name?: string;
+    props?: {
+        [key: string]: any;
+    };
+}
+
 export declare const FlashMessage: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const Form: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
@@ -393,7 +372,7 @@ export declare type LogoConfig = string | {
     small?: ThemeableSrc;
 };
 
-export declare const NavigationVertical: DefineComponent<Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const NavigationVertical: DefineComponent<Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare interface OptionGroup {
     label: string;
@@ -495,14 +474,15 @@ declare interface Props_17 {
 }
 
 declare interface Props_18 {
-    navigation_id: string | number;
     offset?: number;
 }
 
 declare interface Props_19 {
-    orientation?: 'horizontal' | 'vertical';
-    left?: boolean;
-    right?: boolean;
+    themeToggle?: boolean;
+    locale?: boolean;
+    twoFactor?: boolean;
+    activityLog?: boolean;
+    logout?: boolean;
 }
 
 declare interface Props_2 extends PrimitiveProps {
@@ -512,6 +492,17 @@ declare interface Props_2 extends PrimitiveProps {
 }
 
 declare interface Props_20 {
+    title?: string;
+    showBorder?: boolean;
+}
+
+declare interface Props_21 {
+    orientation?: 'horizontal' | 'vertical';
+    left?: boolean;
+    right?: boolean;
+}
+
+declare interface Props_22 {
     navigation_id: string | number;
 }
 
@@ -565,7 +556,7 @@ declare interface Props_9 {
 
 export declare const Radio: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const ScrollArea: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const ScrollArea: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 export declare const Select: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (...args: any[]) => void;
@@ -578,13 +569,63 @@ modelValue: any;
 options: OptionItem[] | OptionGroup[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const Separator: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const Separator: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
-export declare const Sidebar: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const Sidebar: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_18> & Readonly<{}>, {
+offset: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+sidebar_root: HTMLDivElement;
+sidebar_header: HTMLDivElement;
+sidebar_top: HTMLDivElement;
+sidebar_content: HTMLDivElement;
+sidebar_bottom: HTMLDivElement;
+sidebar_footer: HTMLDivElement;
+}, any>;
 
-export declare const SidebarToggle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare interface SidebarBottomConfig {
+    enabled: boolean;
+    component?: ComponentProps;
+}
 
-export declare const SidebarUser: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare interface SidebarConfig {
+    enabled: boolean;
+    width?: number;
+    position?: 'right' | 'left';
+    component?: ComponentProps;
+    themeToggle?: boolean;
+    minimal?: boolean;
+    header?: SidebarHeaderConfig;
+    footer?: SidebarFooterConfig;
+    top?: SidebarTopConfig;
+    bottom?: SidebarBottomConfig;
+}
+
+declare interface SidebarFooterConfig {
+    enabled: boolean;
+    component?: ComponentProps;
+}
+
+export declare const SidebarHeader: DefineComponent<Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_20> & Readonly<{}>, {
+showBorder: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare interface SidebarHeaderConfig {
+    enabled: boolean;
+}
+
+export declare const SidebarToggle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare interface SidebarTopConfig {
+    enabled: boolean;
+}
+
+export declare const SidebarUser: DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
+locale: boolean;
+themeToggle: boolean;
+twoFactor: boolean;
+activityLog: boolean;
+logout: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare interface SocialLink {
     id: string;
@@ -629,6 +670,7 @@ export declare function (): {
 };
 
 export declare function (): {
+    aside: ComputedRef<AsideConfig>;
     state: SvariumState;
     logo: ComputedRef<    {
     default: {
@@ -640,6 +682,7 @@ export declare function (): {
     dark: string;
     };
     }>;
+    sidebar: ComputedRef<SidebarConfig>;
     getLogo: (variant: "default" | "small", mode: "light" | "dark") => string;
 };
 
@@ -665,6 +708,13 @@ export declare interface VerificationMethod {
 export { }
 
 
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        route: typeof import('ziggy-js').route;
+    }
+}
+
+
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         type?: 'string' | 'int' | 'bool' | 'select';

package/dist/src/pages/Auth/Login.vue

@@ -35,12 +35,12 @@ const props = withDefaults(defineProps<Props>(), {
 	showRegisterLink: true,
 	registerLabel: 'If you don’t have an account',
 	registerLinkLabel: 'sign up here',
-	registerLink: '/auth/register',
+	registerLink: 'panel.auth.register',
 	showResetLink: true,
 	title: 'Welcome back!',
 	subtitle: 'Enter your email address and password',
 	resetLabel: 'Forgot your password?',
-	resetLink: '/auth/reset',
+	resetLink: 'panel.auth.reset',
 	submitLabel: 'Log in with your email address',
 	minimal: false,
 	cols: 2,

package/dist/src/pages/Auth/ResetPassword.vue

@@ -3,7 +3,7 @@
 		<div class="flex flex-col gap-6">
 			<div class="flex gap-x-4">
 				<div>
-					<Link :href="`/auth/reset`" class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
+					<Link :href="route('panel.auth.reset')" class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
 						<Icon icon="lucide:chevron-left" class="text-xl" />
 					</Link>
 				</div>

package/dist/src/pages/Auth/Verification.vue

@@ -3,7 +3,7 @@
 		<div class="flex flex-col gap-6">
 			<div class="flex gap-x-4">
 				<div>
-					<Link :href="`/auth/login/method/${session}`" class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
+					<Link :href="route(routeName.name, routeName.params)" class="w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 dark:hover:bg-gray-800">
 						<Icon icon="lucide:chevron-left" class="text-xl" />
 					</Link>
 				</div>
@@ -23,6 +23,7 @@
 import { AuthLayout, BlockFormVerification } from '@upsoftware_tech/svarium';
 import { Icon } from '@iconify/vue';
 import { Link } from "@inertiajs/vue3";
+import {computed} from "vue";
 
 defineOptions({
 	layout: AuthLayout
@@ -38,4 +39,13 @@ const props = withDefaults(defineProps<Props>(), {
 	session: '',
 	remember: false
 })
+
+const routeName = computed(() => {
+	if (props.type === 'login') {
+		return {name: 'panel.auth.method', params: { type: 'login', userAuth: props.session}};
+	} else if (props.type === 'reset') {
+		return {name: 'panel.auth.reset', params: {}};
+	}
+	return {name: 'panel.auth.login', params: {}};
+})
 </script>