Create a new Library

{ try { await submit(); // Check if there are any validation issues const issues = createLibrary.fields.allIssues(); if (issues && issues.length > 0) { return; } const libraryName = createLibrary.fields.name.value(); form.reset(); open = false; toast.success(`Library '${libraryName}' created.`); libraryState.addLibrary(createLibrary.result); } catch (error) { console.error('Failed to create library: ', error); toast.error('Failed to create library'); } })} class="flex flex-col gap-3" > Library name {#each createLibrary.fields.name.issues() ?? [] as issue} {issue.message} {/each} Description

{#each createLibrary.fields.description.issues() ?? [] as issue}
							<Field.Error>{issue.message}</Field.Error>
						{/each}
					</Field.Field>

<Field.Field>
						<Field.Label for="root_path">Root Path</Field.Label>
						<Input {...createLibrary.fields.root_path.as('text')} />
						{#each createLibrary.fields.root_path.issues() ?? [] as issue}
							<Field.Error>{issue.message}</Field.Error>
						{/each}
						<Field.Description class="text-xs">
							Path the books in this library will be stored
						</Field.Description>
					</Field.Field>

<Field.Field>
						<Field.Label for="path_template">Path Template</Field.Label>
						<Input {...createLibrary.fields.path_template.as('text')} />
						{#each createLibrary.fields.path_template.issues() ?? [] as issue}
							<Field.Error>{issue.message}</Field.Error>
						{/each}
						<Field.Description class="text-xs">
							The directory structure of your library
						</Field.Description>
					</Field.Field>
				</Field.Group>
			</Field.Set>

<Button type="submit" class="ml-auto w-24">Create</Button>
		</form>
	</Dialog.Content>
</Dialog.Root>