@upsoftware_tech/svarium 1.0.2 → 1.0.3

package/package.json

@@ -5,7 +5,7 @@
         "email": "info@upSoftware.tech",
         "url": "https://upsoftware.tech"
     },
-    "version": "1.0.2",
+    "version": "1.0.3",
     "type": "module",
     "files": [
         "dist",
@@ -46,11 +46,11 @@
         "vue": "^3.5.26"
     },
     "dependencies": {
-        "@iconify/vue": "^5.0.0",
         "@iconify/utils": "^3.1.0",
+        "@iconify/vue": "^5.0.0",
         "@tailwindcss/vite": "^4.1.18",
         "@tanstack/vue-table": "^8.21.3",
-        "@vueuse/core": "^14.1.0",
+        "@vueuse/core": "^14.2.0",
         "cac": "^6.7.14",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
@@ -61,6 +61,7 @@
         "tailwind-merge": "^3.4.0",
         "tailwindcss": "^4.1.18",
         "vue-draggable-plus": "^0.6.1",
-        "vue-input-otp": "^0.3.2"
+        "vue-input-otp": "^0.3.2",
+        "vue-sonner": "^2.0.9"
     }
 }

package/src/pages/Auth/Login.vue

@@ -1,5 +1,5 @@
 <template>
-	<BlockPageLogin :socials="socials" :showRegisterLink="showRegisterLink" :registerLabel="registerLabel" :registerLinkLabel="registerLinkLabel" :registerLink="registerLink" :showResetLink="showResetLink" :title="title" :subtitle="subtitle" :resetLabel="resetLabel" :submitLabel="submitLabel" />
+	<BlockPageLogin v-bind="props" />
 </template>
 
 <script setup lang="ts">
@@ -22,10 +22,15 @@ interface Props {
 	title?: string;
 	subtitle?: string;
 	resetLabel?: string,
-	submitLabel?: string
+	resetLink?: string,
+	submitLabel?: string,
+	minimal?: boolean,
+	cols?: number,
+	orLabel?: string,
+	onlySocialName?: boolean
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
 	socials: () => [],
 	showRegisterLink: true,
 	registerLabel: 'If you don’t have an account',
@@ -35,7 +40,12 @@ withDefaults(defineProps<Props>(), {
 	title: 'Welcome back!',
 	subtitle: 'Enter your email address and password',
 	resetLabel: 'Forgot your password?',
-	submitLabel: 'Log in with your email address'
+	resetLink: '/auth/reset',
+	submitLabel: 'Log in with your email address',
+	minimal: false,
+	cols: 2,
+	orLabel: 'or',
+	onlySocialName: false
 });
 
 defineOptions({

package/src/pages/Auth/Method.vue

@@ -0,0 +1,22 @@
+<template>
+	<BlockFormLoginMethodVerification :verification-methods="verificationMethods" :session="session" />
+</template>
+
+<script setup lang="ts">
+import type { VerificationMethod } from '@upsoftware_tech/svarium';
+import { AuthLayout, BlockFormLoginMethodVerification } from '@upsoftware_tech/svarium';
+
+interface Props {
+	verificationMethods?: VerificationMethod[] | Record<string, VerificationMethod>;
+	session: string;
+}
+
+withDefaults(defineProps<Props>(), {
+	verificationMethods: () => [],
+	session: '',
+});
+
+defineOptions({
+	layout: AuthLayout,
+});
+</script>

package/src/pages/Auth/Reset.vue

@@ -0,0 +1,11 @@
+<template>
+	<BlockPageReset />
+</template>
+
+<script setup lang="ts">
+import { AuthLayout, BlockPageReset } from '@upsoftware_tech/svarium';
+
+defineOptions({
+	layout: AuthLayout,
+});
+</script>

package/src/pages/Auth/ResetPassword.vue

@@ -0,0 +1,41 @@
+<template>
+	<div class="flex flex-col gap-6">
+		<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">
+						<Icon icon="lucide:chevron-left" class="text-xl" />
+					</Link>
+				</div>
+				<div class="flex flex-1 flex-col gap-2 pt-0.5">
+					<h1 class="text-xl font-bold">{{ $t(title) }}</h1>
+					<div class="text-sm">{{ $t(subtitle) }}</div>
+				</div>
+			</div>
+			<div class="flex flex-col gap-4">
+				<BlockFormResetPassword v-bind="$props" />
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { AuthLayout, BlockFormResetPassword } from '@upsoftware_tech/svarium';
+import { Icon } from '@iconify/vue';
+import { Link } from "@inertiajs/vue3";
+
+defineOptions({
+	layout: AuthLayout
+})
+
+interface Props {
+	title?: string;
+	subtitle?: string;
+	session: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	title: 'Set a new password',
+	subtitle: 'Enter a new password and repeat it to confirm'
+})
+</script>

package/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-zinc-100 dark:hover:bg-zinc-800">
+					<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">
 						<Icon icon="lucide:chevron-left" class="text-xl" />
 					</Link>
 				</div>
@@ -13,7 +13,7 @@
 				</div>
 			</div>
 			<div class="flex flex-col gap-4">
-				<BlockFormVerification :session="session" />
+				<BlockFormVerification v-bind="$props" />
 			</div>
 		</div>
 	</div>
@@ -29,10 +29,11 @@ defineOptions({
 })
 
 interface Props {
+	type: 'login' | 'register' | 'reset';
 	session: string
 }
 
-withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<Props>(), {
 	session: ''
 })
 </script>