flowbite-svelte 0.9.4 → 0.9.5

package/buttons/GradientMonochromeButton.svelte

@@ -2,6 +2,7 @@
 export let color = 'blue';
 export let name = 'Read more';
 let btnClass;
+export let type = 'button';
 if (color === 'blue') {
     btnClass = `text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800 font-medium rounded-lg ${textSize} px-5 py-2.5 text-center mr-2 mb-2`;
 }
@@ -31,4 +32,4 @@ else {
 }
 </script>
 
-<button type="button" class={btnClass} on:click>{name}</button>
+<button {type} class={btnClass} on:click>{name}</button>

package/buttons/GradientMonochromeButton.svelte.d.ts

@@ -1,10 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Buttonshadows, Textsize } from '../types';
+import type { Buttonshadows, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
         textSize?: Textsize;
         color?: Buttonshadows;
         name?: string;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/buttons/GradientOutlineButton.svelte

@@ -1,6 +1,7 @@
 <script >export let textSize = 'text-sm';
 export let color = 'purple2blue';
 export let name = 'Read more';
+export let type = 'button';
 let btnClass;
 let spanClass;
 if (color === 'purple2blue') {
@@ -45,6 +46,6 @@ else {
 }
 </script>
 
-<button class={btnClass}>
+<button class={btnClass} {type}>
 	<span class={spanClass} on:click>{name}</span>
 </button>

package/buttons/GradientOutlineButton.svelte.d.ts

@@ -1,10 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Gradientduotones, Textsize } from '../types';
+import type { Gradientduotones, Textsize, ButtonType } from '../types';
 declare const __propDef: {
     props: {
         textSize?: Textsize;
         color?: Gradientduotones;
         name?: string;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/cards/Card.svelte

@@ -1,10 +1,11 @@
-<script >export let link;
-export let rel;
-export let alt;
-export let img;
+<script >export let link = '';
+export let rel = '';
+export let alt = '';
+export let img = '';
 export let btnLabel = 'Read more';
 export let btnColor = 'blue';
 export let header = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
+export let divClass = 'max-w-sm bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700';
 let buttonClass;
 if (btnColor === 'blue') {
     buttonClass =
@@ -44,9 +45,7 @@ else {
 }
 </script>
 
-<div
-	class="max-w-sm bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700"
->
+<div class={divClass}>
 	{#if img}
 		<a href={link} {rel}>
 			<img class="rounded-t-lg" src={img} {alt} />

package/cards/Card.svelte.d.ts

@@ -2,13 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 import type { Colors } from '../types';
 declare const __propDef: {
     props: {
-        link: string;
-        rel: string;
-        alt: string;
-        img: string;
+        link?: string;
+        rel?: string;
+        alt?: string;
+        img?: string;
         btnLabel?: string;
         btnColor?: Colors;
         header?: string;
+        divClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/cards/EcommerceCard.svelte

@@ -4,7 +4,7 @@
 };
 export let link = '/';
 export let btnColor = 'blue';
-export let rel;
+export let rel = '';
 export let title = 'Apple Watch Series 7 GPS, Aluminium Case, Starlight Sport';
 export let stars = 5;
 export let price = '$555';

package/cards/EcommerceCard.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         img?: ImgType;
         link?: string;
         btnColor?: Colors;
-        rel: string;
+        rel?: string;
         title?: string;
         stars?: number;
         price?: string;

package/cards/HorizontalCard.svelte

@@ -1,7 +1,7 @@
-<script >export let link;
-export let rel;
+<script >export let link = '';
+export let rel = '';
 export let img = '/images/image-4.jpeg';
-export let alt;
+export let alt = '';
 export let header = 'Lorem ipsum dolor sit ametit.';
 </script>
 

package/cards/HorizontalCard.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        link: string;
-        rel: string;
+        link?: string;
+        rel?: string;
         img?: string;
-        alt: string;
+        alt?: string;
         header?: string;
     };
     events: {

package/cards/InteractiveCard.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
-import type { DropdownLinkType, ImgType, LinkType } from '../types';
+import type { LinkType, ImgType } from '../types';
 declare const __propDef: {
     props: {
-        dropdownLinks: DropdownLinkType[];
+        dropdownLinks: LinkType[];
         img: ImgType;
         header?: string;
         content?: string;

package/cards/ListCard.svelte

@@ -1,82 +1,47 @@
-<script>
-  export let lists = [
-    {
-      img: {
-        src: "/images/profile-picture-1.jpeg",
-        alt: "Neil Sims",
-      },
-      field1: "Neil Sims",
-      field2: "email@windster.com",
-      field3: "Advisor",
-    },
-    {
-      img: {
-        src: "/images/profile-picture-2.jpeg",
-        alt: "Bonnie Green",
-      },
-      field1: "Bonnie Green",
-      field2: "email@windster.com",
-      field3: "Developer",
-    },
-    {
-      img: {
-        src: "/images/profile-picture-3.jpeg",
-        alt: "Michael Gough",
-      },
-      field1: "Michael Gough",
-      field2: "email@windster.com",
-      field3: "Marketing",
-    },
-  ];
-  export let title = "Latest Customers";
-  export let action = {
-    link: "/#",
-    title: "View all",
-    rel: "",
-  };
+<script >export let lists;
+export let title = 'Latest Customers';
+export let action;
 </script>
 
 <div
-  class="p-4 max-w-md bg-white rounded-lg border shadow-md sm:p-8 dark:bg-gray-800 dark:border-gray-700"
+	class="p-4 max-w-md bg-white rounded-lg border shadow-md sm:p-8 dark:bg-gray-800 dark:border-gray-700"
 >
-  <div class="flex justify-between items-center mb-4">
-    <h3 class="text-xl font-bold leading-none text-gray-900 dark:text-white">
-      {title}
-    </h3>
-    <a
-      href={action.link}
-      rel={action.rel}
-      class="text-sm font-medium text-blue-600 hover:underline dark:text-blue-500"
-    >
-      {action.title}
-    </a>
-  </div>
-  <div class="flow-root">
-    <ul class="divide-y divide-gray-200 dark:divide-gray-700">
-      {#each lists as { img, field1, field2, field3 }}
-        <li class="py-3 sm:py-4">
-          <div class="flex items-center space-x-4">
-            <div class="flex-shrink-0">
-              <img class="w-8 h-8 rounded-full" src={img.src} alt={img.alt} />
-            </div>
-            <div class="flex-1 min-w-0">
-              <p
-                class="text-sm font-medium text-gray-900 truncate dark:text-white"
-              >
-                {field1}
-              </p>
-              <p class="text-sm text-gray-500 truncate dark:text-gray-400">
-                {field2}
-              </p>
-            </div>
-            <div
-              class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white"
-            >
-              {field3}
-            </div>
-          </div>
-        </li>
-      {/each}
-    </ul>
-  </div>
+	<div class="flex justify-between items-center mb-4">
+		<h3 class="text-xl font-bold leading-none text-gray-900 dark:text-white">
+			{title}
+		</h3>
+		<a
+			href={action.href}
+			rel={action.rel}
+			class="text-sm font-medium text-blue-600 hover:underline dark:text-blue-500"
+		>
+			{action.name}
+		</a>
+	</div>
+	<div class="flow-root">
+		<ul class="divide-y divide-gray-200 dark:divide-gray-700">
+			{#each lists as { img, field1, field2, field3 }}
+				<li class="py-3 sm:py-4">
+					<div class="flex items-center space-x-4">
+						<div class="flex-shrink-0">
+							<img class="w-8 h-8 rounded-full" src={img.src} alt={img.alt} />
+						</div>
+						<div class="flex-1 min-w-0">
+							<p class="text-sm font-medium text-gray-900 truncate dark:text-white">
+								{field1}
+							</p>
+							<p class="text-sm text-gray-500 truncate dark:text-gray-400">
+								{field2}
+							</p>
+						</div>
+						<div
+							class="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white"
+						>
+							{field3}
+						</div>
+					</div>
+				</li>
+			{/each}
+		</ul>
+	</div>
 </div>

package/cards/ListCard.svelte.d.ts

@@ -1,51 +1,19 @@
-/** @typedef {typeof __propDef.props}  ListCardProps */
-/** @typedef {typeof __propDef.events}  ListCardEvents */
-/** @typedef {typeof __propDef.slots}  ListCardSlots */
-export default class ListCard extends SvelteComponentTyped<{
-    lists?: {
-        img: {
-            src: string;
-            alt: string;
-        };
-        field1: string;
-        field2: string;
-        field3: string;
-    }[];
-    title?: string;
-    action?: {
-        link: string;
-        title: string;
-        rel: string;
-    };
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ListCardProps = typeof __propDef.props;
-export type ListCardEvents = typeof __propDef.events;
-export type ListCardSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { LinkType, ListCardType } from '../types';
 declare const __propDef: {
     props: {
-        lists?: {
-            img: {
-                src: string;
-                alt: string;
-            };
-            field1: string;
-            field2: string;
-            field3: string;
-        }[];
+        lists: ListCardType[];
         title?: string;
-        action?: {
-            link: string;
-            title: string;
-            rel: string;
-        };
+        action: LinkType;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
+export declare type ListCardProps = typeof __propDef.props;
+export declare type ListCardEvents = typeof __propDef.events;
+export declare type ListCardSlots = typeof __propDef.slots;
+export default class ListCard extends SvelteComponentTyped<ListCardProps, ListCardEvents, ListCardSlots> {
+}
 export {};

package/cards/SignInCard.svelte

@@ -1,125 +1,128 @@
-<script>
-  export let title = "Sign in";
-  export let action;
-  export let btnSignInColor = "blue";
-  export let rememberMe = false;
-  export let signupLink = {
-    href: "",
-    rel: "",
-  };
-  export let lostPasswordLink = {
-    href: "",
-    rel: "",
-  };
-
-  let submitClass;
-
-  if (btnSignInColor === "blue") {
+<script >import Alert from '../alerts/Alert.svelte';
+export let login;
+export let title = 'Sign in';
+export let btnSignInColor = 'blue';
+export let rememberMe = false;
+export let signup;
+export let lostPassword;
+let email;
+let password;
+let error;
+let submitClass;
+if (btnSignInColor === 'blue') {
     submitClass =
-      "w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800";
-  } else if (btnSignInColor === "gray") {
+        'w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+}
+else if (btnSignInColor === 'gray') {
     submitClass =
-      "w-full text-white bg-gray-700 hover:bg-gray-800 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800";
-  } else if (btnSignInColor === "red") {
+        'w-full text-white bg-gray-700 hover:bg-gray-800 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800';
+}
+else if (btnSignInColor === 'red') {
     submitClass =
-      "w-full text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800";
-  } else if (btnSignInColor === "yellow") {
+        'w-full text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800';
+}
+else if (btnSignInColor === 'yellow') {
     submitClass =
-      "w-full text-white bg-yellow-700 hover:bg-yellow-800 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-yellow-600 dark:hover:bg-yellow-700 dark:focus:ring-yellow-800";
-  } else if (btnSignInColor === "green") {
+        'w-full text-white bg-yellow-700 hover:bg-yellow-800 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-yellow-600 dark:hover:bg-yellow-700 dark:focus:ring-yellow-800';
+}
+else if (btnSignInColor === 'green') {
     submitClass =
-      "w-full text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800";
-  } else if (btnSignInColor === "indigo") {
+        'w-full text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800';
+}
+else if (btnSignInColor === 'indigo') {
     submitClass =
-      "w-full text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800";
-  } else if (btnSignInColor === "purple") {
+        'w-full text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800';
+}
+else if (btnSignInColor === 'purple') {
     submitClass =
-      "w-full text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800";
-  } else if (btnSignInColor === "pink") {
+        'w-full text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800';
+}
+else if (btnSignInColor === 'pink') {
     submitClass =
-      "w-full text-white bg-pink-700 hover:bg-pink-800 focus:ring-4 focus:ring-pink-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-pink-600 dark:hover:bg-pink-700 dark:focus:ring-pink-800";
-  } else {
+        'w-full text-white bg-pink-700 hover:bg-pink-800 focus:ring-4 focus:ring-pink-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-pink-600 dark:hover:bg-pink-700 dark:focus:ring-pink-800';
+}
+else {
     submitClass =
-      "w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800";
-  }
+        'w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+}
 </script>
 
 <div
-  class="p-4 max-w-sm bg-white rounded-lg border border-gray-200 shadow-md sm:p-6 lg:p-8 dark:bg-gray-800 dark:border-gray-700"
+	class="p-4 max-w-sm w-full bg-white rounded-lg border border-gray-200 shadow-md sm:p-6 lg:p-8 dark:bg-gray-800 dark:border-gray-700"
 >
-  <form class="space-y-6" {action}>
-    <h3 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h3>
-    <div>
-      <label
-        for="email"
-        class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
-        >Email</label
-      >
-      <input
-        type="email"
-        name="email"
-        id="email"
-        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-        placeholder="name@company.com"
-        required
-      />
-    </div>
-    <div>
-      <label
-        for="password"
-        class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
-        >Your password</label
-      >
-      <input
-        type="password"
-        name="password"
-        id="password"
-        placeholder="••••••••"
-        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-        required
-      />
-    </div>
-    <div class="flex items-start">
-      {#if rememberMe}
-        <div class="flex items-start">
-          <div class="flex items-center h-5">
-            <input
-              id="remember"
-              aria-describedby="remember"
-              type="checkbox"
-              class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800"
-              required=""
-            />
-          </div>
-          <div class="ml-3 text-sm">
-            <label
-              for="remember"
-              class="font-medium text-gray-900 dark:text-gray-300"
-              >Remember me</label
-            >
-          </div>
-        </div>
-      {/if}
-      {#if lostPasswordLink}
-        <a
-          href={lostPasswordLink.href}
-          rel={lostPasswordLink.rel}
-          class="ml-auto text-sm text-blue-700 hover:underline dark:text-blue-500"
-          >Lost Password?</a
-        >
-      {/if}
-    </div>
-    <button type="submit" class={submitClass}>Login to your account</button>
-
-    {#if signupLink}
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-300">
-        Not registered? <a
-          href={signupLink.href}
-          rel={signupLink.rel}
-          class="text-blue-700 hover:underline dark:text-blue-500"
-          >Create account</a
-        >
-      </div>
-    {/if}
-  </form>
+	<form class="space-y-6" on:submit|preventDefault={login}>
+		<h3 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h3>
+		<div>
+			<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+				>Email</label
+			>
+			<input
+				type="email"
+				name="email"
+				id="email"
+				bind:value={email}
+				class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+				placeholder="name@company.com"
+				required
+			/>
+		</div>
+		<div>
+			<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
+				>Your password</label
+			>
+			<input
+				type="password"
+				name="password"
+				id="password"
+				placeholder="••••••••"
+				bind:value={password}
+				class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+				required
+			/>
+		</div>
+		<div class="flex items-start">
+			{#if rememberMe}
+				<div class="flex items-start">
+					<div class="flex items-center h-5">
+						<input
+							id="remember"
+							aria-describedby="remember"
+							type="checkbox"
+							class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800"
+						/>
+					</div>
+					<div class="ml-3 text-sm">
+						<label for="remember" class="font-medium text-gray-900 dark:text-gray-300"
+							>Remember me</label
+						>
+					</div>
+				</div>
+			{/if}
+			{#if lostPassword}
+				<a
+					href={lostPassword.href}
+					rel={lostPassword.rel}
+					class="ml-auto text-sm text-blue-700 hover:underline dark:text-blue-500"
+					>{lostPassword.name}</a
+				>
+			{/if}
+		</div>
+		{#if error}
+			<div class="mt-6">
+				<Alert alertId="alert-red" color="red" closeBtn>
+					{error}
+				</Alert>
+			</div>
+		{/if}
+		<button type="submit" class={submitClass}>Login to your account</button>
+		{#if signup}
+			<div class="text-sm font-medium text-gray-500 dark:text-gray-300">
+				Not registered? <a
+					href={signup.href}
+					rel={signup.rel}
+					class="text-blue-700 hover:underline dark:text-blue-500">{signup.name}</a
+				>
+			</div>
+		{/if}
+	</form>
 </div>

package/cards/SignInCard.svelte.d.ts

@@ -1,45 +1,22 @@
-/** @typedef {typeof __propDef.props}  SignInCardProps */
-/** @typedef {typeof __propDef.events}  SignInCardEvents */
-/** @typedef {typeof __propDef.slots}  SignInCardSlots */
-export default class SignInCard extends SvelteComponentTyped<{
-    action: any;
-    title?: string;
-    btnSignInColor?: string;
-    rememberMe?: boolean;
-    signupLink?: {
-        href: string;
-        rel: string;
-    };
-    lostPasswordLink?: {
-        href: string;
-        rel: string;
-    };
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SignInCardProps = typeof __propDef.props;
-export type SignInCardEvents = typeof __propDef.events;
-export type SignInCardSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { AuthFunctionType, LinkType } from '../types';
 declare const __propDef: {
     props: {
-        action: any;
+        login: AuthFunctionType;
         title?: string;
         btnSignInColor?: string;
         rememberMe?: boolean;
-        signupLink?: {
-            href: string;
-            rel: string;
-        };
-        lostPasswordLink?: {
-            href: string;
-            rel: string;
-        };
+        signup: LinkType;
+        lostPassword: LinkType;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
+export declare type SignInCardProps = typeof __propDef.props;
+export declare type SignInCardEvents = typeof __propDef.events;
+export declare type SignInCardSlots = typeof __propDef.slots;
+export default class SignInCard extends SvelteComponentTyped<SignInCardProps, SignInCardEvents, SignInCardSlots> {
+}
 export {};