fuma 0.2.3 → 0.2.6

package/dist/server/formAction.d.ts

@@ -0,0 +1,14 @@
+import type { z } from 'zod';
+import type { RequestEvent } from '@sveltejs/kit';
+export declare function formAction<E extends RequestEvent, Shape extends z.ZodRawShape = z.ZodRawShape, ReturnType extends unknown = unknown>(shapes: Shape | Shape[], func: (arg: E & {
+    event: E;
+    data: z.baseObjectOutputType<Shape>;
+    formData: FormData;
+}) => Promise<ReturnType>, options?: {
+    validation?: z.SuperRefinement<z.objectOutputType<Shape, z.ZodTypeAny>>;
+    redirectTo?: string | ((res: ReturnType) => string);
+}): (event: E) => Promise<import("@sveltejs/kit").ActionFailure<{
+    message: string;
+} | {
+    issues: import("./parseFormData.js").Issue[];
+}> | ReturnType>;

package/dist/server/formAction.js

@@ -0,0 +1,8 @@
+import { parseFormData } from './parseFormData.js';
+import { tryOrFail } from './try.js';
+export function formAction(shapes, func, options = {}) {
+    return (event) => tryOrFail(async () => {
+        const { data, formData } = await parseFormData(event.request, shapes, options.validation);
+        return func({ ...event, event, data, formData });
+    }, options.redirectTo);
+}

package/dist/server/index.d.ts

@@ -3,3 +3,4 @@ export * from './parseFormData.js';
 export * from './parseQuery.js';
 export * from './sse.js';
 export * from './try.js';
+export * from './formAction.js';

package/dist/server/index.js

@@ -3,3 +3,4 @@ export * from './parseFormData.js';
 export * from './parseQuery.js';
 export * from './sse.js';
 export * from './try.js';
+export * from './formAction.js';

package/dist/server/parseFormData.d.ts

@@ -1,20 +1,10 @@
-/// <reference types="@sveltejs/kit" />
 import z from 'zod';
-export declare function parseFormData<Type extends z.ZodRawShape>(requestOrFormData: Request | FormData, shaps: Type | Type[], validation?: z.SuperRefinement<z.objectOutputType<Type, z.ZodTypeAny>>): Promise<{
+export type Issue = z.ZodIssue & {
+    received: string;
+    expected: string;
+    unionErrors?: z.ZodError[];
+};
+export declare function parseFormData<Shape extends z.ZodRawShape>(requestOrFormData: Request | FormData, shapes: Shape | Shape[], validation?: z.SuperRefinement<z.objectOutputType<Shape, z.ZodTypeAny>>): Promise<{
+    data: { [k_1 in keyof z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k] ? never : k; }[keyof Shape]>]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_2 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_2] ? never : k_2; }[keyof Shape]>[k_1]; };
     formData: FormData;
-    err: import("@sveltejs/kit").ActionFailure<{
-        issues: {
-            message: string;
-            path: (string | number)[];
-            code: "invalid_type" | "invalid_literal" | "unrecognized_keys" | "invalid_union" | "invalid_union_discriminator" | "invalid_enum_value" | "invalid_arguments" | "invalid_return_type" | "invalid_date" | "invalid_string" | "too_small" | "too_big" | "invalid_intersection_types" | "not_multiple_of" | "not_finite" | "custom";
-            received: string;
-            expected: string;
-            unionErrors: z.typeToFlattenedError<any, string>[] | undefined;
-        }[];
-    }>;
-    data?: undefined;
-} | {
-    data: { [k_1 in keyof z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Type>, { [k in keyof z.baseObjectOutputType<Type>]: undefined extends z.baseObjectOutputType<Type>[k] ? never : k; }[keyof Type]>]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Type>, { [k_2 in keyof z.baseObjectOutputType<Type>]: undefined extends z.baseObjectOutputType<Type>[k_2] ? never : k_2; }[keyof Type]>[k_1]; };
-    formData: FormData;
-    err?: undefined;
 }>;

package/dist/server/parseFormData.js

@@ -1,8 +1,7 @@
 import z from 'zod';
-import { fail } from '@sveltejs/kit';
-export async function parseFormData(requestOrFormData, shaps, validation) {
+export async function parseFormData(requestOrFormData, shapes, validation) {
     const formData = requestOrFormData instanceof Request ? await requestOrFormData.formData() : requestOrFormData;
-    const [firstShap, ...unionShaps] = Array.isArray(shaps) ? shaps : [shaps];
+    const [firstShap, ...unionShaps] = Array.isArray(shapes) ? shapes : [shapes];
     const shema = z.object(firstShap).superRefine(validation || (() => { }));
     unionShaps.forEach((shap) => shema.or(z.object(shap)));
     const formDataFlateObject = Object.fromEntries(formData);
@@ -15,10 +14,10 @@ export async function parseFormData(requestOrFormData, shaps, validation) {
             code: issue.code,
             received: issue.received,
             expected: issue.expected,
-            unionErrors: issue.unionErrors?.map((err) => err.flatten()),
+            unionErrors: issue.unionErrors?.map((err) => err.flatten())
         });
         const issues = parsed.error.issues.map(issueToPOJO);
-        return { formData, err: fail(400, { issues }) };
+        throw { issues };
     }
     return { data: parsed.data, formData };
 }

package/dist/server/try.d.ts

@@ -1,6 +1,9 @@
 import { type ActionFailure } from '@sveltejs/kit';
-export declare function tryOrFail<T = unknown>(fn: () => Promise<T>, 
+import type { Issue } from './parseFormData.js';
+export declare function tryOrFail<T = unknown>(func: () => Promise<T>, 
 /** You can redirect on success */
-redirectTo?: string | ((res: T) => string)): Promise<T | ActionFailure<{
+redirectTo?: string | ((res: T) => string | undefined)): Promise<T | ActionFailure<{
     message: string;
+} | {
+    issues: Issue[];
 }>>;

package/dist/server/try.js

@@ -1,21 +1,28 @@
 import { fail, redirect } from '@sveltejs/kit';
-export async function tryOrFail(fn, 
+export async function tryOrFail(func, 
 /** You can redirect on success */
 redirectTo) {
     let result = null;
     let isSuccess = false;
     try {
-        result = await fn();
+        result = await func();
         isSuccess = true;
         return result;
     }
     catch (error) {
+        // Handle Classic error
         if ('status' in error && 'body' in error && 'message' in error.body) {
             return fail(error.status, { message: error.body.message });
         }
+        // Handle Prisma error
         if ('meta' in error && error.meta && 'cause' in error.meta) {
             return fail(400, { message: error.meta.cause });
         }
+        // Handle parseFormData error
+        if ('issues' in error) {
+            console.log(error.issues);
+            return fail(400, { issues: error.issues });
+        }
         const { message } = error;
         return fail(400, { message });
     }
@@ -23,8 +30,12 @@ redirectTo) {
         if (isSuccess && redirectTo) {
             if (typeof redirectTo === 'string')
                 redirect(302, redirectTo);
-            else if (result)
-                redirect(302, redirectTo(result));
+            else if (result) {
+                const url = redirectTo(result);
+                if (url)
+                    redirect(302, url);
+                return result;
+            }
             console.warn('No result can be provide in redirectTo() function. Please use a simple string.');
         }
     }

package/dist/ui/drawer/layers.js

@@ -6,7 +6,6 @@ const layersOffset = derived(layers, ($layers) => {
     const nbDrawer = $layers.length;
     return $layers.reduce((acc, layer, index) => {
         const drawerOffset = nbDrawer - index - 1;
-        console.log({ drawerOffset });
         return { ...acc, [layer]: drawerOffset };
     }, {});
 });

package/dist/ui/form/Form.svelte

@@ -1,10 +1,16 @@
-<script>import { contextContainer } from "../context.js";
-import { createEventDispatcher, onMount } from "svelte";
+<script context="module"></script>
+
+<script
+
+	generics="Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>"
+>import { createEventDispatcher, onMount } from "svelte";
 import { fade } from "svelte/transition";
 import { page } from "$app/stores";
+import { contextContainer } from "../context.js";
 import {
   initData,
-  getFieldType
+  getFieldType,
+  useHandleInput
 } from "./form.js";
 import { useForm } from "../../validation/form.js";
 import Input from "./FormInput.svelte";
@@ -13,6 +19,7 @@ let klass = "";
 export { klass as class };
 export let classSection = "";
 export let classAction = "";
+export let model = void 0;
 export let fields = [];
 export let sections = [{}];
 export let data = initData(fields);
@@ -24,7 +31,7 @@ export function set(key, value) {
   data[key] = value;
 }
 const dispatch = createEventDispatcher();
-const { enhance } = useForm({
+const { enhance, setError } = useForm({
   ...options,
   onSuccess(action2, data2) {
     dispatch("success", { action: action2, data: data2 });
@@ -32,6 +39,8 @@ const { enhance } = useForm({
       options.onSuccess(action2, data2);
   }
 });
+const handleInput = model ? useHandleInput(model, { setError }) : () => {
+};
 onMount(lookupValueFromParams);
 function lookupValueFromParams() {
   fields.flat().forEach(({ key }) => {
@@ -60,6 +69,7 @@ const getBoolean = (bool) => (_data) => typeof bool === "boolean" || bool === vo
 	enctype="multipart/form-data"
 	class="{klass} flex flex-col gap-4"
 	use:enhance
+	on:input={handleInput}
 >
 	{#if data.id}
 		<input type="hidden" name="id" value={data.id} />

package/dist/ui/form/Form.svelte.d.ts

@@ -1,35 +1,37 @@
 import { SvelteComponent } from "svelte";
 import type { z } from 'zod';
+import type { FormData } from './form.js';
 import { type FormField, type FormSectionProps } from './form.js';
 import { type UseFormOptions } from '../../validation/form.js';
-declare class __sveltets_Render<Shape extends z.ZodRawShape> {
+declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> {
     props(): {
         class?: string | undefined;
         classSection?: string | undefined;
         classAction?: string | undefined;
+        model?: Shape | undefined;
         fields?: FormField<Shape>[][] | undefined;
         sections?: FormSectionProps<Shape>[] | undefined;
         data?: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never> | undefined;
         action?: string | undefined;
         actionDelete?: string | undefined;
         actionPrefix?: string | undefined;
-        options?: UseFormOptions<Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never>> | undefined;
+        options?: UseFormOptions<ReturnData> | undefined;
         set?: (<K extends keyof Shape>(key: K, value: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T_1 ? { [k in keyof T_1]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never>[K]) => void) | undefined;
     };
     events(): {
         success: CustomEvent<{
             action: URL;
-            data?: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never> | undefined;
+            data?: ReturnData | undefined;
         }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {};
 }
-export type FormProps<Shape extends z.ZodRawShape> = ReturnType<__sveltets_Render<Shape>['props']>;
-export type FormEvents<Shape extends z.ZodRawShape> = ReturnType<__sveltets_Render<Shape>['events']>;
-export type FormSlots<Shape extends z.ZodRawShape> = ReturnType<__sveltets_Render<Shape>['slots']>;
-export default class Form<Shape extends z.ZodRawShape> extends SvelteComponent<FormProps<Shape>, FormEvents<Shape>, FormSlots<Shape>> {
+export type FormProps<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['props']>;
+export type FormEvents<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['events']>;
+export type FormSlots<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData>['slots']>;
+export default class Form<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormData<Shape>> extends SvelteComponent<FormProps<Shape, ReturnData>, FormEvents<Shape, ReturnData>, FormSlots<Shape, ReturnData>> {
     get set(): <K extends keyof Shape>(key: K, value: Partial<z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]> extends infer T ? { [k in keyof T]: z.objectUtil.addQuestionMarks<z.baseObjectOutputType<Shape>, { [k_1 in keyof z.baseObjectOutputType<Shape>]: undefined extends z.baseObjectOutputType<Shape>[k_1] ? never : k_1; }[keyof Shape]>[k]; } : never>[K]) => void;
 }
 export {};

package/dist/ui/form/FormInput.svelte

@@ -1,7 +1,9 @@
-<script>import { formInputs } from "./formInput.js";
+<script generics="InputType extends FormInputsType">import { formInputs } from "./formInput.js";
 let inputType;
 export { inputType as type };
 export let value;
+$:
+  component = formInputs[inputType];
 </script>
 
-<svelte:component this={formInputs[inputType]} bind:value {...$$restProps} />
+<svelte:component this={component} bind:value {...$$restProps} />

package/dist/ui/form/FormInput.svelte.d.ts

@@ -0,0 +1,116 @@
+import { SvelteComponent } from "svelte";
+import { type FormInputsType } from './formInput.js';
+declare class __sveltets_Render<InputType extends FormInputsType> {
+    props(): import("svelte").ComponentProps<InstanceType<{
+        readonly text: typeof import("../index.js").InputText;
+        readonly textarea: typeof import("../index.js").InputTextarea;
+        readonly textrich: typeof import("../index.js").InputTextRich;
+        readonly boolean: typeof import("../index.js").InputBoolean;
+        readonly date: typeof import("../index.js").InputDate;
+        readonly datetime: typeof import("../index.js").InputDatetime;
+        readonly number: typeof import("../index.js").InputNumber;
+        readonly password: typeof import("../index.js").InputPassword;
+        readonly select: typeof import("../index.js").InputSelect;
+        readonly radio: typeof import("../index.js").InputRadio;
+        readonly relation: {
+            new (options: import("svelte").ComponentConstructorOptions<{
+                key?: string | undefined;
+                label?: string | undefined;
+                search: (q: string) => Promise<any[]>;
+                createUrl?: string | undefined;
+                createTitle?: string | undefined;
+                createIcon?: string | undefined;
+                value?: any;
+                error?: string | undefined;
+                placeholder?: string | undefined;
+                tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                flatMode?: boolean | undefined;
+                slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                class?: string | undefined;
+                classList?: string | undefined;
+                clear?: (() => Promise<void>) | undefined;
+            }>): import("../index.js").InputRelation<any>;
+        };
+        readonly relations: {
+            new (options: import("svelte").ComponentConstructorOptions<{
+                key?: string | undefined;
+                label?: string | undefined;
+                search: (q: string) => Promise<any[]>;
+                createUrl?: string | undefined;
+                createTitle?: string | undefined;
+                createIcon?: string | undefined;
+                error?: string | undefined;
+                placeholder?: string | undefined;
+                flatMode?: boolean | undefined;
+                slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                class?: string | undefined;
+                classList?: string | undefined;
+                value?: any[] | null | undefined;
+            }>): import("../index.js").InputRelations<any>;
+        };
+    }[InputType]>> & {
+        type: InputType;
+        value: import("svelte").ComponentProps<InstanceType<{
+            readonly text: typeof import("../index.js").InputText;
+            readonly textarea: typeof import("../index.js").InputTextarea;
+            readonly textrich: typeof import("../index.js").InputTextRich;
+            readonly boolean: typeof import("../index.js").InputBoolean;
+            readonly date: typeof import("../index.js").InputDate;
+            readonly datetime: typeof import("../index.js").InputDatetime;
+            readonly number: typeof import("../index.js").InputNumber;
+            readonly password: typeof import("../index.js").InputPassword;
+            readonly select: typeof import("../index.js").InputSelect;
+            readonly radio: typeof import("../index.js").InputRadio;
+            readonly relation: {
+                new (options: import("svelte").ComponentConstructorOptions<{
+                    key?: string | undefined;
+                    label?: string | undefined;
+                    search: (q: string) => Promise<any[]>;
+                    createUrl?: string | undefined;
+                    createTitle?: string | undefined;
+                    createIcon?: string | undefined;
+                    value?: any;
+                    error?: string | undefined;
+                    placeholder?: string | undefined;
+                    tippyProps?: Partial<import("tippy.js").Props> | undefined;
+                    flatMode?: boolean | undefined;
+                    slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    class?: string | undefined;
+                    classList?: string | undefined;
+                    clear?: (() => Promise<void>) | undefined;
+                }>): import("../index.js").InputRelation<any>;
+            };
+            readonly relations: {
+                new (options: import("svelte").ComponentConstructorOptions<{
+                    key?: string | undefined;
+                    label?: string | undefined;
+                    search: (q: string) => Promise<any[]>;
+                    createUrl?: string | undefined;
+                    createTitle?: string | undefined;
+                    createIcon?: string | undefined;
+                    error?: string | undefined;
+                    placeholder?: string | undefined;
+                    flatMode?: boolean | undefined;
+                    slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    class?: string | undefined;
+                    classList?: string | undefined;
+                    value?: any[] | null | undefined;
+                }>): import("../index.js").InputRelations<any>;
+            };
+        }[InputType]>>["value"];
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+}
+export type FormInputProps_<InputType extends FormInputsType> = ReturnType<__sveltets_Render<InputType>['props']>;
+export type FormInputEvents<InputType extends FormInputsType> = ReturnType<__sveltets_Render<InputType>['events']>;
+export type FormInputSlots<InputType extends FormInputsType> = ReturnType<__sveltets_Render<InputType>['slots']>;
+export default class FormInput<InputType extends FormInputsType> extends SvelteComponent<FormInputProps_<InputType>, FormInputEvents<InputType>, FormInputSlots<InputType>> {
+}
+export {};

package/dist/ui/form/form.d.ts

@@ -2,12 +2,13 @@ import type { z } from 'zod';
 import type { ComponentProps } from 'svelte';
 import { type FormInputsProps, type FormInputsType } from './formInput.js';
 import type FormSection from './FormSection.svelte';
+import type { FormEventHandler } from 'svelte/elements';
 type Shape = z.ZodRawShape;
 type PickOne<T> = {
     [P in keyof T]: Record<P, T[P]> & Partial<Record<Exclude<keyof T, P>, undefined>>;
 }[keyof T];
-export type BoolOrFunction<M extends Shape> = boolean | ((data: FormData<M>) => unknown);
-export type FormData<M extends Shape> = Partial<z.infer<z.ZodObject<M>>>;
+export type BoolOrFunction<M extends Shape> = boolean | ((data: Partial<FormData<M>>) => unknown);
+export type FormData<M extends Shape> = z.infer<z.ZodObject<M>>;
 export type FormField<M extends Shape> = {
     key: string & keyof M;
     /** number col used by field */
@@ -19,6 +20,10 @@ export type FormSectionProps<M extends Shape> = ComponentProps<FormSection> & {
     /** hide group if true */
     hide?: BoolOrFunction<M>;
 };
-export declare function initData<M extends Shape>(fields: FormField<M>[][]): FormData<M>;
+export declare function initData<M extends Shape>(fields: FormField<M>[][]): Partial<FormData<M>>;
 export declare function getFieldType<M extends Shape>(field: FormField<M>): FormInputsType;
+type HandleInputOptions = {
+    setError: (key: string, value: string) => void;
+};
+export declare function useHandleInput(model: Shape, { setError }: HandleInputOptions): FormEventHandler<HTMLFormElement>;
 export {};

package/dist/ui/form/form.js

@@ -1,4 +1,5 @@
 import { formInputsType } from './formInput.js';
+import debounce from 'debounce';
 export function initData(fields) {
     // @ts-ignore
     return fields.flat().reduce((acc, cur) => {
@@ -13,3 +14,32 @@ export function getFieldType(field) {
         return 'text';
     return inputType;
 }
+export function useHandleInput(model, { setError }) {
+    const setErrorDebounced = debounce(setError, 1500);
+    return ({ target }) => {
+        if (!target)
+            return;
+        const { name, type, value, valueAsNumber, valueAsDate, checked } = target;
+        const typeMapValue = {
+            number: valueAsNumber,
+            date: valueAsDate,
+            text: value,
+            checkbox: checked
+        };
+        const v = typeMapValue[type] ?? value;
+        if (v === undefined || name === undefined)
+            return;
+        if (name === undefined)
+            return;
+        if (!model[name])
+            return;
+        const res = model[name].safeParse(v);
+        if (res.success) {
+            setErrorDebounced.clear();
+            setError(name, '');
+        }
+        else {
+            setErrorDebounced(name, res.error.issues[0].message);
+        }
+    };
+}

package/dist/ui/input/RelationAfter.svelte

@@ -18,7 +18,13 @@ const dispatch = createEventDispatcher();
 		/>
 	</div>
 {:else if createUrl}
-	<a href={createUrl} class="btn btn-square btn-sm" in:fade|local={{ duration: 200 }}>
+	<a
+		href={createUrl}
+		class="btn btn-square btn-sm"
+		in:fade|local={{ duration: 200 }}
+		data-sveltekit-noscroll
+		data-sveltekit-replacestate
+	>
 		<Icon path={createIcon} on:click={() => dispatch('create')} title={createTitle} />
 	</a>
 {/if}

package/dist/ui/menu/DropDownMenu.svelte

@@ -5,6 +5,7 @@ import { DropDown } from "./index.js";
 import { SelectorList } from "../input/index.js";
 import { parseOptions } from "../../utils/options.js";
 export let options;
+export let tippyProps = {};
 $:
   _options = parseOptions(options);
 let trigger;
@@ -17,7 +18,7 @@ function onSelect(index) {
 }
 </script>
 
-<DropDown bind:this={dropDown}>
+<DropDown bind:this={dropDown} {tippyProps}>
 	<div class="contents" bind:this={trigger} slot="activator">
 		<slot>
 			<button type="button" class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2">

package/dist/ui/menu/DropDownMenu.svelte.d.ts

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
 import { type Options } from '../../utils/options.js';
+import type { TippyProps } from '../../utils/tippy.js';
 declare const __propDef: {
     props: {
         options: Options;
+        tippyProps?: Partial<TippyProps> | undefined;
     };
     events: {
         select: CustomEvent<string>;

package/dist/ui/slot/Slot.svelte

@@ -1,4 +1,6 @@
-<script>import {} from "svelte";
+<script context="module"></script>
+
+<script generics="Slot extends _Slot">import {} from "svelte";
 import { component } from "../../utils/component.js";
 import Span from "./Span.svelte";
 export let slot = void 0;

package/dist/ui/slot/Slot.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+type _Slot = ((...args: any) => ComponentAndProps | ComponentType | string) | ComponentAndProps | ComponentType | string;
+import { type ComponentType } from 'svelte';
+import { type ComponentAndProps } from '../../utils/component.js';
+declare class __sveltets_Render<Slot extends _Slot> {
+    props(): {
+        slot?: Slot | null | undefined;
+        args?: (Slot extends (...args: any) => any ? Parameters<Slot>[0] : undefined) | null | undefined;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {};
+    };
+}
+export type SlotProps<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['props']>;
+export type SlotEvents<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['events']>;
+export type SlotSlots<Slot extends _Slot> = ReturnType<__sveltets_Render<Slot>['slots']>;
+export default class Slot<Slot extends _Slot> extends SvelteComponent<SlotProps<Slot>, SlotEvents<Slot>, SlotSlots<Slot>> {
+}
+export {};

package/dist/validation/zod.d.ts

@@ -325,6 +325,8 @@ export declare const z: {
     quotelessJson: (obj: any) => string;
     ZodError: typeof zod.ZodError;
 };
+export type ZodInfer<T extends zod.ZodType<any, any, any>> = T['_output'];
+export type SuperRefinement<T> = zod.SuperRefinement<T>;
 /**
  * @example type MyModel = {name: z.string()} satisfies ZodObj<{name: string}>
  */

package/dist/validation/zod.js

@@ -84,14 +84,14 @@ const filter = {
 };
 export const z = {
     ...zod,
-    json,
-    array,
-    arrayRaw: zod.array,
+    json, // TODO: rename stringAsObject
+    array, // TODO: rename stringAsArray
+    arrayRaw: zod.array, // TODO: remove
     relation,
     relations,
     filter,
     dateOptional,
-    booleanAsString,
+    booleanAsString, // TODO: rename stringAsBoolean
     date: zod.coerce.date,
     number: zod.coerce.number,
     bigint: zod.coerce.bigint,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.2.3",
+  "version": "0.2.6",
   "description": "My fullstack material build with sveltekit, daisyui, zod and more",
   "author": {
     "name": "Jonas Voisard",
@@ -52,9 +52,9 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.0.0",
-    "@sveltejs/kit": "^2.5.6",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@sveltejs/kit": "^2.5.7",
+    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@tailwindcss/typography": "^0.5.13",
     "@types/debounce": "^1.2.4",
     "@types/eslint": "^8.56.0",
@@ -73,12 +73,12 @@
     "prettier-plugin-tailwindcss": "^0.5.9",
     "prisma": "^5.13.0",
     "publint": "^0.1.9",
-    "svelte": "^4.2.7",
+    "svelte": "^4.2.15",
     "svelte-check": "^3.6.0",
     "tailwindcss": "^3.3.6",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
-    "vite": "^5.2.10",
+    "vite": "^5.2.11",
     "vitest": "^1.2.0"
   },
   "dependencies": {