bueno masomenos terminada la interfaz de login y register

src/lib/components/ui/login-form/login-form.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { Button } from '@/components/ui/button';
+	import * as Card from '@/components/ui/card';
+	import { Input } from '@/components/ui/input';
+	import { FieldGroup, Field, FieldLabel, FieldDescription } from '@/components/ui/field';
+	const id = $props.id();
+</script>
+
+<Card.Root class="mx-auto w-full max-w-sm">
+	<Card.Header>
+		<Card.Title class="text-2xl">Inicio de Sesion</Card.Title>
+		<Card.Description>ingrese su usuario para logearse en la cuenta</Card.Description>
+	</Card.Header>
+	<Card.Content>
+		<form>
+			<FieldGroup>
+				<Field>
+					<FieldLabel for="email-{id}">Usuario</FieldLabel>
+					<Input id="email-{id}" type="email" placeholder="m@example.com" required />
+				</Field>
+				<Field>
+					<div class="flex items-center">
+						<FieldLabel for="password-{id}">Contraseña</FieldLabel>
+						<a href="##" class="ml-auto inline-block text-sm underline">
+							Te Olvidaste la contraseña?
+						</a>
+					</div>
+					<Input id="password-{id}" type="password" required />
+				</Field>
+				<Field>
+					<Button type="submit" class="w-full">Login</Button>
+
+					<FieldDescription class="text-center">
+						No tenes una cuenta? <a href="##">Registrate</a>
+					</FieldDescription>
+				</Field>
+			</FieldGroup>
+		</form>
+	</Card.Content>
+</Card.Root>