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

package/dist/lib/components/ui/register-form/register-form.svelte

@@ -1,197 +1,94 @@
 <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 { Card } from "@tanglemedia/svelte-starter-ui-shadcn";
+  import type { Snippet } from "svelte";
+  import SuperDebug, {
+    defaults,
+    superForm,
+    type Infer,
+    type SuperForm,
+    type SuperValidated,
+  } from "sveltekit-superforms";
+  import { zod4 } from "sveltekit-superforms/adapters";
+
+  import RegisterProvider from "./register-provider.svelte";
+  import RegisterContainer from "./register-container.svelte";
+  import RegisterHeader from "./register-header.svelte";
+  import RegisterSubmit from "./register-submit.svelte";
+  import RegisterUserInput from "./register-user-input.svelte";
+  import RegisterPasswordInput from "./register-password-input.svelte";
+  import RegisterNameInput from "./register-name-input.svelte";
+  import { registerSchema, type RegisterSchema } from "./register.schema.js";
+
+  import { ServerError } from "@tanglemedia/svelte-starter-form-shadcn";
+  // import { Field } from "@tanglemedia/svelte-starter-form-shadcn";
 
   interface Props {
-    superform: any;
+    superform?: SuperForm<Infer<RegisterSchema>> | null;
     card?: boolean;
-    cardClass?: string;
+    // cardClass?: string;
     title?: string;
     description?: string;
+    // forgotPassword?: boolean;
     login?: boolean;
     loginLink?: string;
-    formTail?: Snippet;
-    formHead?: Snippet;
+    lead?: Snippet;
+    tail?: Snippet;
     children?: Snippet;
+    form?: SuperValidated<Infer<RegisterSchema>>;
+    action?: string;
+
+    debug?: boolean;
   }
 
-  let { 
-    superform,
-    card = false, 
-    cardClass = "mx-auto max-w-sm", 
-    title = "Register", 
+  let {
+    debug = false,
+    form,
+    superform: superforms = $bindable(null),
+    card = true,
+    title = "Register",
     description = "Enter your information below to register a new account",
+    // forgotPassword = true,
     login = true,
     loginLink = "/login",
-    formTail,
-    formHead,
-    children
+    lead,
+    tail,
+    action = "?/register",
   }: Props = $props();
 
-  const { form: formData, enhance } = superform;
+  superforms = superforms || superForm(form || defaults(zod4(registerSchema)));
+
+  const { errors, message } = superforms;
 </script>
 
-{#if card}
-  <Card.Root class={cardClass}>
-    <Card.Header>
-      <Card.Title class="text-2xl">{title}</Card.Title>
-      <Card.Description>{description}</Card.Description>
-    </Card.Header>
+<RegisterProvider {superforms} {action}>
+  <RegisterContainer {card}>
+    <RegisterHeader text={title} desc={description} />
     <Card.Content>
-      <form method="POST" use:enhance class="grid gap-4">
-        {@render formHead?.()}
-        {#if children}
-          {@render children?.()}
-        {:else}
-          <div class="grid grid-cols-2 gap-4">
-            <Form.Field form={superform} name="first_name">
-              <Form.Control >
-                {#snippet children({ props })}
-                  <Form.Label>
-                    First Name
-                  </Form.Label>
-                  <Input {...props} bind:value={$formData.first_name}  />
-                {/snippet}
-              </Form.Control>
-              <Form.FieldErrors />
-            </Form.Field>
-            <Form.Field form={superform} name="last_name">
-              <Form.Control >
-                {#snippet children({ props })}
-                  <Form.Label>
-                    Last Name
-                  </Form.Label>
-                  <Input {...props} bind:value={$formData.last_name}  />
-                {/snippet}
-              </Form.Control>
-              <Form.FieldErrors />
-            </Form.Field>
-          </div>
-          <Form.Field form={superform} name="email">
-            <Form.Control >
-              {#snippet children({ props })}
-                <Form.Label>
-                  Email
-                </Form.Label>
-                <Input {...props} bind:value={$formData.email} type="email"  />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-          <Form.Field form={superform} name="password">
-            <Form.Control >
-              {#snippet children({ props })}
-                <Form.Label>
-                  Password
-                </Form.Label>
-                <Input {...props} bind:value={$formData.password} type="password"  />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-          <Form.Field form={superform} name="confirm_password">
-            <Form.Control >
-              {#snippet children({ props })}
-                <Form.Label>
-                  Confirm Password
-                </Form.Label>
-                <Input {...props} bind:value={$formData.confirm_password} type="password"  />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-        {/if}
-        <Form.Button type="submit" class="w-full">Register</Form.Button>
-        {@render formTail?.()}
-      </form>
+      {@render lead?.()}
+      <ServerError class="mb-4" />
+      <div class="flex items-start gap-4 *:mb-0">
+        <RegisterNameInput name={"first_name"} label={"First Name"} />
+        <RegisterNameInput name={"last_name"} label={"Last Name"} />
+      </div>
+      <RegisterUserInput name={"username"} />
+      <RegisterPasswordInput name={"password"} label={"Password"} />
+      <RegisterSubmit />
       {#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">
-      <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">
-      {@render formHead?.()}
-      {#if children}
-        {@render children?.()}
-      {:else}
-        <div class="grid grid-cols-2 gap-4">
-          <Form.Field form={superform} name="first_name">
-            <Form.Control >
-              {#snippet children({ props })}
-                <Form.Label>
-                  First Name
-                </Form.Label>
-                <Input {...props} bind:value={$formData.first_name}  />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
-          <Form.Field form={superform} name="last_name">
-            <Form.Control >
-              {#snippet children({ props })}
-                <Form.Label>
-                  Last Name
-                </Form.Label>
-                <Input {...props} bind:value={$formData.last_name}  />
-              {/snippet}
-            </Form.Control>
-            <Form.FieldErrors />
-          </Form.Field>
+      {@render tail?.()}
+
+      {#if debug}
+        <div class="mb-6">
+          <h4>Errors</h4>
+          <SuperDebug data={errors} />
         </div>
-        <Form.Field form={superform} name="email">
-          <Form.Control >
-            {#snippet children({ props })}
-              <Form.Label>
-                Email
-              </Form.Label>
-              <Input {...props} bind:value={$formData.email} type="email"  />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-        <Form.Field form={superform} name="password">
-          <Form.Control >
-            {#snippet children({ props })}
-              <Form.Label>
-                Password
-              </Form.Label>
-              <Input {...props} bind:value={$formData.password} type="password"  />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
-        <Form.Field form={superform} name="confirm_password">
-          <Form.Control >
-            {#snippet children({ props })}
-              <Form.Label>
-                Confirm Password
-              </Form.Label>
-              <Input {...props} bind:value={$formData.confirm_password} type="password"  />
-            {/snippet}
-          </Form.Control>
-          <Form.FieldErrors />
-        </Form.Field>
+        <h4>Message</h4>
+        <SuperDebug data={$message} />
       {/if}
-      <Form.Button type="submit" class="w-full">Register</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}
+    </Card.Content>
+  </RegisterContainer>
+</RegisterProvider>

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

@@ -1,15 +1,20 @@
+import type { Snippet } from "svelte";
+import { type Infer, type SuperForm, type SuperValidated } from "sveltekit-superforms";
+import { type RegisterSchema } from "./register.schema.js";
 interface Props {
-    superform: any;
+    superform?: SuperForm<Infer<RegisterSchema>> | null;
     card?: boolean;
-    cardClass?: string;
     title?: string;
     description?: string;
     login?: boolean;
     loginLink?: string;
-    formTail?: Snippet;
-    formHead?: Snippet;
+    lead?: Snippet;
+    tail?: Snippet;
     children?: Snippet;
+    form?: SuperValidated<Infer<RegisterSchema>>;
+    action?: string;
+    debug?: boolean;
 }
-declare const RegisterForm: import("svelte").Component<Props, {}, "">;
+declare const RegisterForm: import("svelte").Component<Props, {}, "superform">;
 type RegisterForm = ReturnType<typeof RegisterForm>;
 export default RegisterForm;

package/dist/lib/components/ui/register-form/register-header.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { Card } from '@tanglemedia/svelte-starter-ui-shadcn';
+  import type { Snippet } from 'svelte';
+
+  type LoginHeaderAttr = {
+    text?: string;
+    desc?: string;
+  };
+
+  type LoginHeaderProps = LoginHeaderAttr & {
+    title?: Snippet<[LoginHeaderAttr]>;
+    description?: Snippet<[LoginHeaderAttr]>;
+    children?: Snippet<[LoginHeaderAttr]>;
+  };
+
+  let { title, children, description, ...restProps }: LoginHeaderProps = $props();
+</script>
+
+<Card.Header>
+  <Card.Title class="text-2xl">
+    {#if title}
+      {@render title(restProps)}
+    {:else if children}
+      {@render children?.(restProps)}
+    {:else}
+      {restProps.text}
+    {/if}
+  </Card.Title>
+  {#if description}
+    <Card.Description>{@render description(restProps)}</Card.Description>
+  {:else if restProps.desc}
+    <Card.Description>{restProps.desc}</Card.Description>
+  {/if}
+</Card.Header>

package/dist/lib/components/ui/register-form/register-header.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+type LoginHeaderAttr = {
+    text?: string;
+    desc?: string;
+};
+type LoginHeaderProps = LoginHeaderAttr & {
+    title?: Snippet<[LoginHeaderAttr]>;
+    description?: Snippet<[LoginHeaderAttr]>;
+    children?: Snippet<[LoginHeaderAttr]>;
+};
+declare const RegisterHeader: import("svelte").Component<LoginHeaderProps, {}, "">;
+type RegisterHeader = ReturnType<typeof RegisterHeader>;
+export default RegisterHeader;

package/dist/lib/components/ui/register-form/register-name-input.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+
+  type T = Record<string, unknown>;
+  type U = _FormPathLeaves<T, any>;
+</script>
+
+<script
+  lang="ts"
+  generics="T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>"
+>
+  import {
+    Field,
+    type InputFieldProps,
+  } from '@tanglemedia/svelte-starter-form-shadcn';
+
+  type LoginUserInputProps = InputFieldProps<T, U>;
+  const { name = 'first_name' as U,  label, ...rest }: LoginUserInputProps = $props();
+</script>
+
+<Field.Input type={'text'} {name} label={label || 'Name'} {...rest}></Field.Input>

package/dist/lib/components/ui/register-form/register-name-input.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+import { type InputFieldProps } from '@tanglemedia/svelte-starter-form-shadcn';
+declare function $$render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(): {
+    props: InputFieldProps<T, U>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const RegisterNameInput: $$IsomorphicComponent;
+type RegisterNameInput<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> = InstanceType<typeof RegisterNameInput<T, U>>;
+export default RegisterNameInput;

package/dist/lib/components/ui/register-form/register-password-input.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+
+  type T = Record<string, unknown>;
+  type U = _FormPathLeaves<T, any>;
+</script>
+
+<script
+  lang="ts"
+  generics="T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>"
+>
+  import {
+    Field,
+    type PasswordFieldProps,
+  } from '@tanglemedia/svelte-starter-form-shadcn';
+
+  type LoginPasswordInputProps = PasswordFieldProps<T, U>;
+  const { name = 'password' as U, ...rest }: LoginPasswordInputProps = $props();
+</script>
+
+<Field.Password {name} {...rest}></Field.Password>

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

@@ -0,0 +1,26 @@
+import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+import { type PasswordFieldProps } from '@tanglemedia/svelte-starter-form-shadcn';
+declare function $$render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(): {
+    props: PasswordFieldProps<T, U>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const RegisterPasswordInput: $$IsomorphicComponent;
+type RegisterPasswordInput<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> = InstanceType<typeof RegisterPasswordInput<T, U>>;
+export default RegisterPasswordInput;

package/dist/lib/components/ui/register-form/register-provider.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" module>
+  type T = Record<string, unknown>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>">
+  import {
+    Form,
+    type FormProviderProps,
+  } from "@tanglemedia/svelte-starter-form-shadcn";
+  let rest: FormProviderProps<T> = $props();
+</script>
+
+<Form.Provider {...rest} />

package/dist/lib/components/ui/register-form/register-provider.svelte.d.ts

@@ -0,0 +1,25 @@
+import { type FormProviderProps } from "@tanglemedia/svelte-starter-form-shadcn";
+declare function $$render<T extends Record<string, unknown>>(): {
+    props: FormProviderProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const RegisterProvider: $$IsomorphicComponent;
+type RegisterProvider<T extends Record<string, unknown>> = InstanceType<typeof RegisterProvider<T>>;
+export default RegisterProvider;

package/dist/lib/components/ui/register-form/register-submit.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Form } from "@tanglemedia/svelte-starter-form-shadcn";
+  import type { Snippet } from "svelte";
+
+  type LoginSubmitProps = {
+    children?: Snippet;
+  };
+  const { children }: LoginSubmitProps = $props();
+</script>
+
+<Form.Submit class="w-full">
+  {#if children}
+    {@render children?.()}
+  {:else}
+    Register
+  {/if}
+</Form.Submit>

package/dist/lib/components/ui/register-form/register-submit.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from "svelte";
+type LoginSubmitProps = {
+    children?: Snippet;
+};
+declare const RegisterSubmit: import("svelte").Component<LoginSubmitProps, {}, "">;
+type RegisterSubmit = ReturnType<typeof RegisterSubmit>;
+export default RegisterSubmit;

package/dist/lib/components/ui/register-form/register-user-input.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+
+  type T = Record<string, unknown>;
+  type U = _FormPathLeaves<T, any>;
+</script>
+
+<script
+  lang="ts"
+  generics="T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>"
+>
+  import {
+    Field,
+    type InputFieldProps,
+  } from '@tanglemedia/svelte-starter-form-shadcn';
+
+  type LoginUserInputProps = InputFieldProps<T, U>;
+  const { name = 'username' as U,  label, ...rest }: LoginUserInputProps = $props();
+</script>
+
+<Field.Input type={'email'} {name} label={label || 'Username'} {...rest}></Field.Input>

package/dist/lib/components/ui/register-form/register-user-input.svelte.d.ts

@@ -0,0 +1,26 @@
+import { type FormPathLeaves as _FormPathLeaves } from 'sveltekit-superforms';
+import { type InputFieldProps } from '@tanglemedia/svelte-starter-form-shadcn';
+declare function $$render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(): {
+    props: InputFieldProps<T, U>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U>['props']>, ReturnType<__sveltets_Render<T, U>['events']>, ReturnType<__sveltets_Render<T, U>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, U>['exports']>;
+    <T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>>(internal: unknown, props: ReturnType<__sveltets_Render<T, U>['props']> & {}): ReturnType<__sveltets_Render<T, U>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const RegisterUserInput: $$IsomorphicComponent;
+type RegisterUserInput<T extends Record<string, unknown>, U extends _FormPathLeaves<T, any>> = InstanceType<typeof RegisterUserInput<T, U>>;
+export default RegisterUserInput;

package/dist/lib/components/ui/register-form/register.schema.d.ts

@@ -0,0 +1,8 @@
+import { z } from "zod";
+export declare const registerSchema: z.ZodObject<{
+    first_name: z.ZodString;
+    last_name: z.ZodString;
+    username: z.ZodString;
+    password: z.ZodString;
+}, z.core.$strip>;
+export type RegisterSchema = typeof registerSchema;

package/dist/lib/components/ui/register-form/register.schema.js

@@ -0,0 +1,7 @@
+import { z } from "zod";
+export const registerSchema = z.object({
+    first_name: z.string().min(1, { error: "First name is required" }),
+    last_name: z.string().min(1, { error: "Last name is required" }),
+    username: z.string().min(1, { error: "Username is required" }),
+    password: z.string().min(1, { error: "Password is required" }),
+});

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

@@ -1,2 +1,8 @@
-import ResetPasswordForm from './reset-form.svelte';
-export { ResetPasswordForm };
+import Form from './reset-password-form.svelte';
+import Provider from './reset-password-provider.svelte';
+import Header from './reset-password-header.svelte';
+import { resetPasswordSchema as schema, type ResetPasswordSchema } from './reset-password.schema.ts';
+import Container from './reset-password-container.svelte';
+import Submit from './reset-password-submit.svelte';
+import PasswordInput from './reset-password-password-input.svelte';
+export { Form, Provider, Header, Container, schema, Submit, PasswordInput, type ResetPasswordSchema, };

package/dist/lib/components/ui/reset-password/index.js

@@ -1,2 +1,8 @@
-import ResetPasswordForm from './reset-form.svelte';
-export { ResetPasswordForm };
+import Form from './reset-password-form.svelte';
+import Provider from './reset-password-provider.svelte';
+import Header from './reset-password-header.svelte';
+import { resetPasswordSchema as schema } from "./reset-password.schema.js";
+import Container from './reset-password-container.svelte';
+import Submit from './reset-password-submit.svelte';
+import PasswordInput from './reset-password-password-input.svelte';
+export { Form, Provider, Header, Container, schema, Submit, PasswordInput, };

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { Card } from '@tanglemedia/svelte-starter-ui-shadcn';
+  import type { WithChild } from 'svelte-toolbelt';
+  import { cn } from '../../../utils.js';
+
+  type LoginContainerProps = Omit<WithChild, 'child'> & {
+    class?: string;
+    card?: boolean;
+  };
+
+  const {
+    children,
+    class: cls,
+    card = true,
+    ...rest
+  }: LoginContainerProps = $props();
+</script>
+
+{#if !card}
+  <div class={cn('mx-auto max-w-sm', cls)} {...rest}>
+    {@render children?.()}
+  </div>
+{:else}
+  <Card.Root class={cn('mx-auto max-w-sm', cls)} {...rest}>
+    {@render children?.()}
+  </Card.Root>
+{/if}

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

@@ -0,0 +1,8 @@
+import type { WithChild } from 'svelte-toolbelt';
+type LoginContainerProps = Omit<WithChild, 'child'> & {
+    class?: string;
+    card?: boolean;
+};
+declare const ResetPasswordContainer: import("svelte").Component<LoginContainerProps, {}, "">;
+type ResetPasswordContainer = ReturnType<typeof ResetPasswordContainer>;
+export default ResetPasswordContainer;