svelte-ag 1.0.16 → 1.0.18

package/dist/lib/api/form.svelte.d.ts

@@ -1,18 +1,82 @@
 import { superForm, type SuperForm, type SuperValidated } from 'sveltekit-superforms';
 import type { ApiRequestFunction, HTTPMethod, ApiEndpoints, ApiInput, ApiSuccessBody, ApiErrorBody, ApiSchema } from 'ts-ag';
-type ValidInput<E extends ApiEndpoints, P extends E['path'], M extends E['method']> = NonNullable<ApiInput<E, P, M>>;
+export type ValidInput<E extends ApiEndpoints, P extends E['path'], M extends E['method']> = NonNullable<ApiInput<E, P, M>>;
+/**
+ * Creates a strongly-typed form factory for an API schema.
+ *
+ * Call the returned function with `{ path, method, ... }` to get a `SuperForm`
+ * that:
+ * - Validates using the Valibot schema for the given endpoint.
+ * - Submits via the provided `request` function on each valid update.
+ * - Maps API errors to `sveltekit-superforms` field errors / messages.
+ * - Optionally two-way binds external state through the `bind` adapter.
+ */
 export type ApiRequestForm<API extends ApiEndpoints> = <Path extends API['path'], Method extends Extract<API, {
     path: Path;
 }>['method']>(a: {
+    /** API path key used to select a schema and to call `request(path, method, data)` */
     path: Path;
+    /** HTTP method used to select a schema and to call `request(path, method, data)` */
     method: Method;
+    /**
+     * Optional lifecycle hooks for consumers.
+     * - `onSuccess`: called after a successful response body is parsed.
+     * - `onFail`: called after an error response body is parsed and mapped to form errors/messages.
+     */
     actions?: {
         onSuccess?: (form: SuperValidated<ValidInput<API, Path, Method>>, response: ApiSuccessBody<API, Path, Method>) => void | Promise<void>;
         onFail?: (form: SuperValidated<ValidInput<API, Path, Method>>, response: ApiErrorBody<API, Path, Method>) => void | Promise<void>;
     };
+    /**
+     * Partial initial values merged into schema defaults via `defaults(..., valibot(schema))`.
+     * Useful for edit forms where you only have a subset of fields initially.
+     */
     defaultValue?: Partial<ApiInput<API, Path, Method>>;
+    /**
+     * Two-way binding adapter to sync this form with external state.
+     *
+     * Use this when your app keeps the source-of-truth somewhere else (e.g. a store/box),
+     * but you still want Superforms handling validation + errors + submission.
+     *
+     * How it works:
+     * - Form -> external: on any form change, `bind.get(formData)` is validated against the schema,
+     *   and if it differs from the current form value, `bind.set(formValue)` is called.
+     * - External -> form: whenever the external-derived value changes, the form store is updated
+     *   to match (only if different).
+     *
+     * Important:
+     * - `get` should return an "input shape" object using the formData arg to populate fields that the
+     *   external data store doesnt determine
+     * - `set` should update your external state based on the raw form data.
+     * - Keep `get` deterministic and free of side-effects; it is called frequently.
+     */
+    bind?: {
+        /**
+         * Derives the schema-valid value from the current form data.
+         * This is where you transform/prune the form state into the exact shape your endpoint expects.
+         *
+         * Return value must validate to `ValidInput<API, Path, Method>`.
+         */
+        get: (formData: ApiInput<API, Path, Method>) => ValidInput<API, Path, Method>;
+        /**
+         * Writes updated form data back to your external state.
+         * Called only when the derived value differs (deep) from the current form state.
+         */
+        set: (formData: ApiInput<API, Path, Method>) => void;
+    };
+    /**
+     * Extra `superForm` options (merged last).
+     * If you pass `onSubmit` / `onUpdate` here it will override the defaults in this helper.
+     */
     formProps?: Parameters<typeof superForm<ValidInput<API, Path, Method>>>[1];
 }) => SuperForm<ValidInput<API, Path, Method>>;
+/**
+ * Build an endpoint-specific Superforms factory.
+ *
+ * @param schemas A `{[path]: {[method]: schema}}` mapping used to pick the Valibot schema for each endpoint.
+ * @param request An API request function that performs `(path, method, data)` and returns a fetch-like `Response`.
+ *
+ * @returns A function that creates a `SuperForm` for a particular `{path, method}` pair.
+ */
 export declare function createFormFunction<API extends ApiEndpoints>(schemas: Partial<Record<API['path'], Partial<Record<HTTPMethod, ApiSchema>>>>, request: ApiRequestFunction<API>): ApiRequestForm<API>;
-export {};
 //# sourceMappingURL=form.svelte.d.ts.map

package/dist/lib/api/form.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/api/form.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtH,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,KAAK,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAErH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,YAAY,IAAI,CACrD,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,EACrD,CAAC,EAAE;IACH,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACxC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACtC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5E,KAAK,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAE/C,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,YAAY,EACzD,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7E,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,CA4CrB"}
+{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/api/form.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtH,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,WAAW,CACtG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAClB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,YAAY,IAAI,CACrD,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,EACrD,CAAC,EAAE;IACH,qFAAqF;IACrF,IAAI,EAAE,IAAI,CAAC;IAEX,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACxC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACtC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAC;IAEF;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpD;;;;;;;;;;;;;;;;;OAiBG;IACH,IAAI,CAAC,EAAE;QACL;;;;;WAKG;QACH,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAE9E;;;WAGG;QACH,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;KACtD,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5E,KAAK,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAE/C;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,YAAY,EACzD,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7E,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,CAqGrB"}

package/dist/lib/api/form.svelte.js

@@ -1,19 +1,46 @@
 import { superForm, defaults, setError, setMessage } from 'sveltekit-superforms';
 import { valibot } from 'sveltekit-superforms/adapters';
+import { watch } from 'runed';
+import { dequal } from 'dequal';
+import { get } from 'svelte/store';
+import { safeParseAsync } from 'valibot';
+/**
+ * Build an endpoint-specific Superforms factory.
+ *
+ * @param schemas A `{[path]: {[method]: schema}}` mapping used to pick the Valibot schema for each endpoint.
+ * @param request An API request function that performs `(path, method, data)` and returns a fetch-like `Response`.
+ *
+ * @returns A function that creates a `SuperForm` for a particular `{path, method}` pair.
+ */
 export function createFormFunction(schemas, request) {
-    return ({ path, method, actions, defaultValue, formProps }) => {
+    return ({ path, method, actions, defaultValue, formProps, bind }) => {
         const schema = schemas[path]?.[method];
         if (schema === undefined)
             throw new Error('Invalid schema for form');
         // if (typeof schema === 'function') {
         //   schema = schema();
         // }
-        return superForm(defaults(defaultValue, valibot(schema)), {
+        const form = superForm(defaults(defaultValue, valibot(schema)), {
             SPA: true,
             resetForm: true,
             applyAction: false, // Prevents the form redirecting to the same page on submit
             delayMs: 300,
             validators: valibot(schema),
+            async onSubmit({ submitter }) {
+                // If a submit button has a name/value, include it in JSON forms (common for "intent" buttons).
+                if (submitter &&
+                    'name' in submitter &&
+                    typeof submitter.name === 'string' &&
+                    'value' in submitter &&
+                    typeof submitter.value === 'string') {
+                    form.form.update((f) => {
+                        if (submitter.name in f) {
+                            f[submitter.name] = submitter.value;
+                        }
+                        return f;
+                    });
+                }
+            },
             async onUpdate({ form }) {
                 if (!form.valid)
                     return;
@@ -42,5 +69,35 @@ export function createFormFunction(schemas, request) {
             },
             ...formProps
         });
+        if (bind !== undefined) {
+            /**
+             * Reads current form store, maps it through `bind.get`, and validates it against the endpoint schema.
+             * Returns the parsed (schema-valid) value.
+             */
+            const bindGet = async () => {
+                const formData = get(form.form);
+                return (await safeParseAsync(schema, bind.get(formData))).output;
+            };
+            form.form.subscribe((v) => {
+                bindGet().then((bindValue) => {
+                    // console.log('Updating binded value', bindValue, 'to', v);
+                    if (!dequal(bindValue, v)) {
+                        bind.set(v);
+                        // bindGet().then((v) => {
+                        //   console.log('done update', bindGet());
+                        // });
+                    }
+                });
+            });
+            watch(() => bindGet(), (newPromise) => {
+                newPromise.then((newValue) => {
+                    // console.log('The state changed, updating the form from', get(form.form), 'to', newValue);
+                    if (!dequal(get(form.form), newValue)) {
+                        form.form.set(newValue);
+                    }
+                });
+            });
+        }
+        return form;
     };
 }

package/dist/lib/api/query/query.svelte.d.ts

@@ -28,7 +28,7 @@ export declare class Requestor<API extends ApiEndpoints, Path extends API['path'
     path: Path;
 }>['method']> {
     #private;
-    constructor(path: Path, method: Method, request: ApiRequestFunction<API>, cache: Cache, batchDetails?: BatchDetails<API, Path, Method>);
+    constructor(path: Path, method: Method, request: ApiRequestFunction<API>, _cache: Cache, batchDetails?: BatchDetails<API, Path, Method>);
     private fetch;
     /**
      * Empties the batch queue for the id by combining the inputs.

package/dist/lib/api/query/query.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/query.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAInH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,qBAAa,KAAK,CAChB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBAyBzC,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,KAAK,EACN,EAAE;QACD,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC;QACb,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1C,CAAC;KACH;IAgBK,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IA+BxD,IAAI,QAAQ,WAEX;IACD,IAAI,QAAQ,YAEX;IACD,UAAU;IAMV,IAAI,MAAM,gBAET;IACD,IAAI,IAAI,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEnD;IACD,IAAI,SAAS,IAAI,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtD;CACF;AAED,qBAAa,SAAS,CACpB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBA6BnD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAChC,KAAK,EAAE,KAAK,EACZ,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC;YAkBlC,KAAK;IAOnB;;;OAGG;YACW,eAAe;IAqBvB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;CAkB3F"}
+{"version":3,"file":"query.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/query.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAInH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,qBAAa,KAAK,CAChB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBAyBzC,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,KAAK,EACN,EAAE;QACD,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC;QACb,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1C,CAAC;KACH;IAgBK,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IA+BxD,IAAI,QAAQ,WAEX;IACD,IAAI,QAAQ,YAEX;IACD,UAAU;IAMV,IAAI,MAAM,gBAET;IACD,IAAI,IAAI,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEnD;IACD,IAAI,SAAS,IAAI,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtD;CACF;AAED,qBAAa,SAAS,CACpB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBA6BnD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAChC,MAAM,EAAE,KAAK,EACb,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC;YAkBlC,KAAK;IAOnB;;;OAGG;YACW,eAAe;IAqBvB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;CAkB3F"}

package/dist/lib/api/query/query.svelte.js

@@ -91,11 +91,11 @@ export class Requestor {
     #batchInput;
     #unBatchOutput;
     #limiter;
-    #cache;
+    // #cache: Cache;
     // -------- State --------
     #batchQueue = {};
     #batchTimers = {};
-    constructor(path, method, request, cache, batchDetails) {
+    constructor(path, method, request, _cache, batchDetails) {
         this.#path = path;
         this.#method = method;
         this.#request = request;
@@ -103,11 +103,11 @@ export class Requestor {
             maxConcurrent: 5,
             minTime: 100
         });
-        this.#cache = cache;
+        // this.#cache = cache;
         // TODO
         this.#canBatch = batchDetails ? batchDetails.canBatch : () => false;
         this.#batchInput = batchDetails ? batchDetails.batchInput : (inputs) => inputs;
-        this.#unBatchOutput = batchDetails ? batchDetails.unBatchOutput : (inputs, output) => [output];
+        this.#unBatchOutput = batchDetails ? batchDetails.unBatchOutput : (_inputs, output) => [output];
     }
     // Makes the actual call to the api
     async fetch(input) {

package/dist/lib/components/animated/animated.svelte

@@ -6,30 +6,30 @@
     variants: {
       animation: {
         flyAndScale: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:fade-out-0 data-[state="hidden"]:zoom-out-95
+          data-[state="hidden"]:slide-out-to-bottom-[10%]
           data-[state="visible"]:animate-in data-[state="visible"]:fade-in-0 data-[state="visible"]:zoom-in-95
           data-[state="visible"]:slide-in-from-bottom-[10%]
-          data-[state="hidden"]:fade-out-0 data-[state="hidden"]:zoom-out-95
-          data-[state="hidden"]:slide-out-to-bottom-[10%] data-[state="hidden"]:animate-out
         `,
         slide: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-right
           data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-right
-          data-[state="hidden"]:slide-out-to-right data-[state="hidden"]:animate-out
         `,
         fade: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:fade-out
           data-[state="visible"]:animate-in data-[state="visible"]:fade-in
-          data-[state="hidden"]:fade-out data-[state="hidden"]:animate-out
         `,
         zoom: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:zoom-out-95
           data-[state="visible"]:animate-in data-[state="visible"]:zoom-in-95
-          data-[state="hidden"]:zoom-out-95 data-[state="hidden"]:animate-out
         `,
         slideUp: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-bottom
           data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-bottom
-          data-[state="hidden"]:slide-out-to-bottom data-[state="hidden"]:animate-out
         `,
         slideDown: `
+          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-top
           data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-top
-          data-[state="hidden"]:slide-out-to-top data-[state="hidden"]:animate-out
         `,
         growHeight: `overflow-hidden`
       },

package/dist/lib/components/breakpoint-badge/BreakpointBadge.svelte

@@ -77,7 +77,13 @@
   <div class="w-fit">
     {#each breakpoints as bp (bp.name)}
       <div
-        class="{bp.rounded} {bp.bgClass} {bp.hideClass} border {bp.borderClass} px-2 text-xs font-bold {bp.textClass}"
+        class="{bp.rounded}
+          {bp.bgClass}
+          {bp.hideClass}
+          border
+          {bp.borderClass}
+          px-2 text-xs font-bold
+          {bp.textClass}"
       >
         {bp.name}
       </div>

package/dist/lib/components/breakpoint-badge/BreakpointBadge.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointBadge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/breakpoint-badge/BreakpointBadge.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,0BAA0B,GAAG;IAAE,GAAG,EAAE,OAAO,CAAA;CAAE,CAAC;AAuF5D,QAAA,MAAM,eAAe,gEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BreakpointBadge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/breakpoint-badge/BreakpointBadge.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,0BAA0B,GAAG;IAAE,GAAG,EAAE,OAAO,CAAA;CAAE,CAAC;AA6F5D,QAAA,MAAM,eAAe,gEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/dnd/DndDroppable.svelte

@@ -10,6 +10,7 @@
 
   let { children, class: className, ...rest }: DroppableProps = $props();
 
+  // svelte-ignore state_referenced_locally
   const { ref, isDropTarget } = useDroppable(rest);
 </script>
 

package/dist/lib/components/dnd/DndDroppable.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndDroppable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndDroppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,cAAe,SAAQ,iBAAiB;IAChD,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAkBH,QAAA,MAAM,YAAY,oDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DndDroppable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndDroppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,cAAe,SAAQ,iBAAiB;IAChD,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAmBH,QAAA,MAAM,YAAY,oDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/lib/components/dnd/DndHandle.svelte

@@ -14,7 +14,7 @@
   let handleClass = $derived(
     cn(
       `
-        icon-draghandle text-muted-foreground flex size-4 transition-colors duration-150
+        icon-draghandle flex size-4 text-muted-foreground transition-colors duration-150
         hover:text-foreground
       `,
       item?.isDragging?.current ? `cursor-grabbing` : `cursor-grab`,

package/dist/lib/components/dnd/DndItem.svelte

@@ -27,6 +27,7 @@
 
   let { child, class: className, style: styleName, ...rest }: DndItemProps = $props();
 
+  // svelte-ignore state_referenced_locally
   const { isDragging, ref, handleRef } = useDraggable({
     ...rest
   });

package/dist/lib/components/dnd/DndItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndItem.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAC1C,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACrC,CAAC;AAGN;;;;;;;;KAQK;AACL,OAAO,EAAM,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA8BtC,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"DndItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndItem.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAC1C,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACrC,CAAC;AAGN;;;;;;;;KAQK;AACL,OAAO,EAAM,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA+BtC,QAAA,MAAM,OAAO,kDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/lib/components/dnd/DndSortableItem.svelte

@@ -35,6 +35,7 @@
 
   let { class: className, child, ...rest }: DndSortableItemProps = $props();
 
+  // svelte-ignore state_referenced_locally
   const { ref, handleRef, isDragging } = useSortable({ ...rest, feedback: 'move' });
 
   setItemContext({ handleRef, isDragging });

package/dist/lib/components/dnd/DndSortableItem.svelte.d.ts

@@ -15,7 +15,7 @@ export declare function getItemContext(): ItemContext;
 import { useSortable, type UseSortableInput } from '@dnd-kit-svelte/svelte/sortable';
 import type { HTMLDivAttributes } from '../../utils/bits.js';
 import type { Attachment } from 'svelte/attachments';
-declare const DndSortableItem: import("svelte").Component<any, {}, "">;
+declare const DndSortableItem: import("svelte").Component<DndSortableItemProps, {}, "">;
 type DndSortableItem = ReturnType<typeof DndSortableItem>;
 export default DndSortableItem;
 //# sourceMappingURL=DndSortableItem.svelte.d.ts.map

package/dist/lib/components/dnd/DndSortableItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DndSortableItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndSortableItem.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAIJ,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACzD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,QAE/C;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAGH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA0BrD,QAAA,MAAM,eAAe,yCAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DndSortableItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/DndSortableItem.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GACjD,iBAAiB,GAAG;IAClB,KAAK,EAAE,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;CAC1C,CAAC;AAIJ,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACzD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,QAE/C;AAED,wBAAgB,cAAc,IAAI,WAAW,CAE5C;AAGH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA2BrD,QAAA,MAAM,eAAe,0DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/dnd/examples/SimpleSortable.svelte

@@ -19,11 +19,11 @@
 </script>
 
 <button onclick={() => console.log($state.snapshot(items))}>hello</button>
-<SimpleSortable class="bg-sidebar flex h-100 flex-col gap-4 rounded-2xl p-6" bind:items>
+<SimpleSortable class="flex h-100 flex-col gap-4 rounded-2xl bg-sidebar p-6" bind:items>
   {#snippet item(p)}
     <div
       class={cn(
-        'bg-secondary text-secondary-foreground rounded-md border-2 p-2',
+        'rounded-md border-2 bg-secondary p-2 text-secondary-foreground',
         p.isOverlay && 'shadow-2xl',
         p.isDragging && 'bg-amber-700 opacity-20'
       )}
@@ -37,11 +37,11 @@
 </SimpleSortable>
 
 <!-- With handle -->
-<SimpleSortable class="bg-sidebar flex h-100 flex-col gap-4 rounded-2xl p-6" bind:items={items2}>
+<SimpleSortable class="flex h-100 flex-col gap-4 rounded-2xl bg-sidebar p-6" bind:items={items2}>
   {#snippet item(p)}
     <div
       class={cn(
-        'bg-secondary text-secondary-foreground rounded-md border-2 p-2',
+        'rounded-md border-2 bg-secondary p-2 text-secondary-foreground',
         p.isOverlay && 'shadow-2xl',
         p.isDragging && 'bg-amber-700 opacity-20'
       )}

package/dist/lib/components/dnd/utils.svelte.d.ts

@@ -1,6 +1,7 @@
 import { KeyboardSensor, PointerSensor } from '@dnd-kit-svelte/svelte';
+import { RestrictToWindowEdges } from '@dnd-kit-svelte/svelte/modifiers';
 export declare const sensors: (typeof KeyboardSensor | typeof PointerSensor)[];
-export declare const modifiers: any[];
+export declare const modifiers: (typeof RestrictToWindowEdges)[];
 /**
  * Finds an item recursively through the dnd.items list and each item's children
  */

package/dist/lib/components/dnd/utils.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/utils.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvE,eAAO,MAAM,OAAO,kDAAkC,CAAC;AACvD,eAAO,MAAM,SAAS,OAA0B,CAAC;AAEjD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,EAC/D,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,KAAK,EAAE,CAAC,EAAE,GACT;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAanD"}
+{"version":3,"file":"utils.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/utils.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,eAAO,MAAM,OAAO,kDAAkC,CAAC;AACvD,eAAO,MAAM,SAAS,kCAA0B,CAAC;AAEjD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,EAC/D,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,KAAK,EAAE,CAAC,EAAE,GACT;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAanD"}

package/dist/lib/components/form/form-button.svelte

@@ -7,21 +7,33 @@ Icons:
 -->
 
 <script module lang="ts">
-  import * as Button from '$shadcn/button/index.js';
-  export type FormButtonProps = Button.Props;
+  import type { FormFieldProps } from './form-field.svelte';
+  import type { FormPath } from 'sveltekit-superforms';
+  import type { Props as ButtonProps } from '$shadcn/button/index.js';
+
+  export type FormButtonProps<T extends Record<string, unknown>, U extends FormPath<T>> = Omit<ButtonProps, 'form'> & {
+    form?: FormFieldProps<T, U>['form'];
+    name?: U;
+  };
 </script>
 
-<script lang="ts">
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+  import { Button } from '$shadcn/button/index.js';
   import { cn, flyAndScale } from '../../utils/utils.js';
   import { getFormContext } from './form.svelte';
 
-  let { ref = $bindable(null), children, class: className, ...restProps }: FormButtonProps = $props();
+  let {
+    ref = $bindable(null),
+    form = getFormContext<T, U>(),
+    children,
+    class: className,
+    ...restProps
+  }: FormButtonProps<T, U> = $props();
 
-  const form = getFormContext();
-  const { submitting, delayed } = form;
+  const { submitting, delayed } = $derived(form);
 </script>
 
-<Button.Root bind:ref type="submit" class={cn(className)} {...restProps}>
+<Button bind:ref type="submit" class={cn(className)} {...restProps}>
   <span class={cn('flex transition-opacity', $submitting && !$delayed && 'opacity-0')}>
     {#if $submitting && $delayed}
       <span in:flyAndScale|global class="icon-loading"></span>
@@ -29,4 +41,4 @@ Icons:
       {@render children?.()}
     {/if}
   </span>
-</Button.Root>
+</Button>

package/dist/lib/components/form/form-button.svelte.d.ts

@@ -1,6 +1,32 @@
-import * as Button from '$shadcn/button/index.js';
-export type FormButtonProps = Button.Props;
-declare const FormButton: import("svelte").Component<Button.Props, {}, "ref">;
-type FormButton = ReturnType<typeof FormButton>;
+import type { FormFieldProps } from './form-field.svelte';
+import type { FormPath } from 'sveltekit-superforms';
+import type { Props as ButtonProps } from '$shadcn/button/index.js';
+export type FormButtonProps<T extends Record<string, unknown>, U extends FormPath<T>> = Omit<ButtonProps, 'form'> & {
+    form?: FormFieldProps<T, U>['form'];
+    name?: U;
+};
+declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>>(): {
+    props: FormButtonProps<T, U>;
+    exports: {};
+    bindings: "ref";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>> {
+    props(): ReturnType<typeof $$render<T, U>>['props'];
+    events(): ReturnType<typeof $$render<T, U>>['events'];
+    slots(): ReturnType<typeof $$render<T, U>>['slots'];
+    bindings(): "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>>(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 FormPath<T>>(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 FormButton: $$IsomorphicComponent;
+type FormButton<T extends Record<string, unknown>, U extends FormPath<T>> = InstanceType<typeof FormButton<T, U>>;
 export default FormButton;
 //# sourceMappingURL=form-button.svelte.d.ts.map

package/dist/lib/components/form/form-button.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-button.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC;AAgC7C,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"form-button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-button.svelte.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/form/form-description.svelte

@@ -13,6 +13,6 @@
 <FormPrimitive.Description
   bind:ref
   data-slot="form-description"
-  class={cn('text-muted-foreground text-sm', className)}
+  class={cn('text-sm text-muted-foreground', className)}
   {...restProps}
 />

package/dist/lib/components/form/form-field-errors.svelte

@@ -14,7 +14,7 @@
   } = $props();
 </script>
 
-<FormPrimitive.FieldErrors bind:ref class={cn('text-destructive text-sm font-medium', className)} {...restProps}>
+<FormPrimitive.FieldErrors bind:ref class={cn('text-sm font-medium text-destructive', className)} {...restProps}>
   {#snippet children({ errors, errorProps })}
     {#if childrenProp}
       {@render childrenProp({ errors, errorProps })}

package/dist/lib/components/form/form-field-full.svelte

@@ -2,7 +2,7 @@
   export type FormFullFieldProps<T extends Record<string, unknown>, U extends FormPath<T>> = FormFieldProps<T, U> & {
     label: string;
     description?: string;
-    inputProps: HTMLInputAttributes;
+    inputProps?: HTMLInputAttributes;
   } & WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>>;
 </script>
 

package/dist/lib/components/form/form-field-full.svelte.d.ts

@@ -1,7 +1,7 @@
 export type FormFullFieldProps<T extends Record<string, unknown>, U extends FormPath<T>> = FormFieldProps<T, U> & {
     label: string;
     description?: string;
-    inputProps: HTMLInputAttributes;
+    inputProps?: HTMLInputAttributes;
 } & WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>>;
 import { type FormFieldProps } from './form-field.svelte';
 import { type FormPath } from 'sveltekit-superforms';

package/dist/lib/components/form/form-field-full.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-full.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-field-full.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field-full.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/form/form-field-full.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAChH,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,GAAG,eAAe,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAGtE,OAAc,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE5E,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3E,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;WAgD7C,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;EAA+E;AACpI,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC3E,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACpD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9b,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACrL,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACrE;AACD,QAAA,MAAM,aAAa,EAAE,qBAAmC,CAAC;AACvC,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;AACxH,eAAe,aAAa,CAAC"}

package/dist/lib/components/form/form-legend.svelte

@@ -10,8 +10,8 @@
   bind:ref
   class={cn(
     `
-      data-fs-error:text-destructive
       text-sm leading-none font-medium
+      data-fs-error:text-destructive
     `,
     className
   )}

package/dist/lib/components/gradient/Gradient.svelte

@@ -21,7 +21,7 @@
   } = $props();
 
   function toRgba(color: Vec4): string {
-    const [r, g, b, a] = color.map((c) => Math.round(c * 255));
+    const [r, g, b, _a] = color.map((c) => Math.round(c * 255));
     return `rgba(${r}, ${g}, ${b}, ${color[3].toFixed(3)})`;
   }
 
@@ -40,7 +40,7 @@
   });
 </script>
 
-<div class={cn('h-full w-full', className)}>
+<div class={cn('size-full', className)}>
   <WebGlShader
     width="100%"
     height="100%"

package/dist/lib/components/search/combinations/searchPopover.svelte

@@ -56,7 +56,7 @@
         {:else}
           Select an item...
         {/if}
-        <span class="icon-[lucide--chevrons-up-down] ml-2 size-4 shrink-0 opacity-50"> </span>
+        <span class="ml-2 icon-[lucide--chevrons-up-down] size-4 shrink-0 opacity-50"> </span>
       </Button>
     {/snippet}
   </Popover.Trigger>

package/dist/lib/components/search/combinations/searchPopover.svelte.d.ts

@@ -18,7 +18,7 @@ declare const SearchPopover: import("svelte").Component<SearchPopoverProps, {
             score?: number;
         })[];
     }) | null;
-}, "ref" | "value" | "perPage" | "trigger">;
+}, "value" | "ref" | "perPage" | "trigger">;
 type SearchPopover = ReturnType<typeof SearchPopover>;
 export default SearchPopover;
 //# sourceMappingURL=searchPopover.svelte.d.ts.map

package/dist/lib/components/search/components/search-input.svelte

@@ -33,15 +33,15 @@
   {@render child({ props: mergedProps })}
 {:else}
   <div class="flex w-full items-center border-b px-2" data-command-input-wrapper="">
-    <span class="icon-[lucide--search] mr-2 size-4 shrink-0 opacity-50"></span>
+    <span class="mr-2 icon-[lucide--search] size-4 shrink-0 opacity-50"></span>
     <input
       {...mergedProps}
       type="text"
       placeholder="Search..."
       class={cn(
         `
-          placeholder:text-muted-foreground
           flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none
+          placeholder:text-muted-foreground
           disabled:cursor-not-allowed disabled:opacity-50
           md:text-sm
         `,