@tanglemedia/svelte-starter-auth-shadcn 0.0.2 → 0.1.0

package/src/lib/utils.ts

@@ -1,6 +1,13 @@
-import { type ClassValue, clsx } from "clsx";
+import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
 	return twMerge(clsx(inputs));
 }
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };

package/dist/lib/components/ui/reset-password/reset-form.svelte

@@ -1,120 +0,0 @@
-<script lang="ts">
-  import * as Card from '@tanglemedia/svelte-starter-ui-shadcn/Card';
-	import { Button } from '@tanglemedia/svelte-starter-ui-shadcn/Button';
-	import { Input } from '@tanglemedia/svelte-starter-ui-shadcn/Input';
-	import { Label } from '@tanglemedia/svelte-starter-ui-shadcn/Label';
-  import * as Form from '@tanglemedia/svelte-starter-ui-shadcn/Form';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    superform: any;
-    card?: boolean;
-    cardClass?: string;
-    title?: string;
-    description?: string;
-    login?: boolean;
-    loginLink?: string;
-    formTail?: Snippet;
-    formHead?: Snippet;
-    children?: Snippet;
-  }
-
-  let { 
-    superform, 
-    card = false, 
-    cardClass = "mx-auto max-w-sm", 
-    title = "Reset Password", 
-    description = "Enter your new password below to reset your password",
-    login = true,
-    loginLink = "/login",
-    formTail,
-    formHead,
-    children
-  }: Props = $props();
-
-  const { form: formData, enhance } = superform;
-</script>
-
-{#if card}
-  <Card.Root class={cardClass}>
-    <Card.Header>
-      <Card.Title class="text-2xl">{title}</Card.Title>
-      <Card.Description>{description}</Card.Description>
-    </Card.Header>
-    <Card.Content>
-      <form method="POST" use:enhance class="grid gap-4">
-        {@render formHead?.()}
-        {#if children}
-          {@render children?.()}
-        {:else}
-          <Form.Field form={superform} name="new_password">
-            <Form.Control>
-              {#snippet children({ props })}
-                <Form.Label>New Password</Form.Label>
-                <Input {...props} bind:value={$formData.new_password} type="password" required />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-          <Form.Field form={superform} name="confirm_new_password">
-            <Form.Control>
-              {#snippet children({ props })}
-                <Form.Label>Confirm Password</Form.Label>
-                <Input {...props} bind:value={$formData.confirm_new_password} type="password" required />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-        {/if}
-        <Form.Button type="submit" class="w-full">Reset</Form.Button>
-        {@render formTail?.()}
-      </form>
-      {#if login}
-        <div class="mt-4 text-center text-sm">
-          Already have an account?
-          <a href={loginLink} class="underline"> Sign in </a>
-        </div>
-      {/if}
-    </Card.Content>
-  </Card.Root>
-{:else}
-  <div class={cardClass}>
-    <div class="flex flex-col space-y-1.5 p-6 pb-0">
-      <h3 class="font-semibold tracking-tight text-2xl">{title}</h3>
-      <p class="text-muted-foreground text-sm">{description}</p>
-    </div>
-    <form method="POST" use:enhance class="grid gap-4 p-6">
-      {@render formHead?.()}
-      {#if children}
-        {@render children?.()}
-      {:else}
-        <Form.Field form={superform} name="new_password">
-          <Form.Control>
-            {#snippet children({ props })}
-              <Form.Label>New Password</Form.Label>
-              <Input {...props} bind:value={$formData.new_password} type="password" required />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-        <Form.Field form={superform} name="confirm_new_password">
-          <Form.Control>
-            {#snippet children({ props })}
-              <Form.Label>Confirm Password</Form.Label>
-              <Input {...props} bind:value={$formData.confirm_new_password} type="password" required />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-      {/if}
-      <Form.Button type="submit" class="w-full">Reset</Form.Button>
-      {@render formTail?.()}
-    </form>
-    {#if login}
-      <div class="mt-4 text-center text-sm">
-        Already have an account?
-        <a href={loginLink} class="underline"> Sign in </a>
-      </div>
-    {/if}
-  </div>
-{/if}

package/dist/lib/components/ui/reset-password/reset-form.svelte.d.ts

@@ -1,16 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    superform: any;
-    card?: boolean;
-    cardClass?: string;
-    title?: string;
-    description?: string;
-    login?: boolean;
-    loginLink?: string;
-    formTail?: Snippet;
-    formHead?: Snippet;
-    children?: Snippet;
-}
-declare const ResetForm: import("svelte").Component<Props, {}, "">;
-type ResetForm = ReturnType<typeof ResetForm>;
-export default ResetForm;

package/src/lib/components/ui/reset-password/reset-form.svelte

@@ -1,120 +0,0 @@
-<script lang="ts">
-  import * as Card from '@tanglemedia/svelte-starter-ui-shadcn/Card';
-	import { Button } from '@tanglemedia/svelte-starter-ui-shadcn/Button';
-	import { Input } from '@tanglemedia/svelte-starter-ui-shadcn/Input';
-	import { Label } from '@tanglemedia/svelte-starter-ui-shadcn/Label';
-  import * as Form from '@tanglemedia/svelte-starter-ui-shadcn/Form';
-  import type { Snippet } from 'svelte';
-
-  interface Props {
-    superform: any;
-    card?: boolean;
-    cardClass?: string;
-    title?: string;
-    description?: string;
-    login?: boolean;
-    loginLink?: string;
-    formTail?: Snippet;
-    formHead?: Snippet;
-    children?: Snippet;
-  }
-
-  let { 
-    superform, 
-    card = false, 
-    cardClass = "mx-auto max-w-sm", 
-    title = "Reset Password", 
-    description = "Enter your new password below to reset your password",
-    login = true,
-    loginLink = "/login",
-    formTail,
-    formHead,
-    children
-  }: Props = $props();
-
-  const { form: formData, enhance } = superform;
-</script>
-
-{#if card}
-  <Card.Root class={cardClass}>
-    <Card.Header>
-      <Card.Title class="text-2xl">{title}</Card.Title>
-      <Card.Description>{description}</Card.Description>
-    </Card.Header>
-    <Card.Content>
-      <form method="POST" use:enhance class="grid gap-4">
-        {@render formHead?.()}
-        {#if children}
-          {@render children?.()}
-        {:else}
-          <Form.Field form={superform} name="new_password">
-            <Form.Control>
-              {#snippet children({ props })}
-                <Form.Label>New Password</Form.Label>
-                <Input {...props} bind:value={$formData.new_password} type="password" required />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-          <Form.Field form={superform} name="confirm_new_password">
-            <Form.Control>
-              {#snippet children({ props })}
-                <Form.Label>Confirm Password</Form.Label>
-                <Input {...props} bind:value={$formData.confirm_new_password} type="password" required />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-        {/if}
-        <Form.Button type="submit" class="w-full">Reset</Form.Button>
-        {@render formTail?.()}
-      </form>
-      {#if login}
-        <div class="mt-4 text-center text-sm">
-          Already have an account?
-          <a href={loginLink} class="underline"> Sign in </a>
-        </div>
-      {/if}
-    </Card.Content>
-  </Card.Root>
-{:else}
-  <div class={cardClass}>
-    <div class="flex flex-col space-y-1.5 p-6 pb-0">
-      <h3 class="font-semibold tracking-tight text-2xl">{title}</h3>
-      <p class="text-muted-foreground text-sm">{description}</p>
-    </div>
-    <form method="POST" use:enhance class="grid gap-4 p-6">
-      {@render formHead?.()}
-      {#if children}
-        {@render children?.()}
-      {:else}
-        <Form.Field form={superform} name="new_password">
-          <Form.Control>
-            {#snippet children({ props })}
-              <Form.Label>New Password</Form.Label>
-              <Input {...props} bind:value={$formData.new_password} type="password" required />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-        <Form.Field form={superform} name="confirm_new_password">
-          <Form.Control>
-            {#snippet children({ props })}
-              <Form.Label>Confirm Password</Form.Label>
-              <Input {...props} bind:value={$formData.confirm_new_password} type="password" required />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-      {/if}
-      <Form.Button type="submit" class="w-full">Reset</Form.Button>
-      {@render formTail?.()}
-    </form>
-    {#if login}
-      <div class="mt-4 text-center text-sm">
-        Already have an account?
-        <a href={loginLink} class="underline"> Sign in </a>
-      </div>
-    {/if}
-  </div>
-{/if}