@human-synthesis/norns-ui 0.0.12 → 0.0.14

package/src/types/Form.d.ts

@@ -22,6 +22,22 @@ export type FormProps = Omit<HTMLFormAttributes, 'class' | 'children'> & {
 	 * up its own error automatically.
 	 */
 	form?: FormActionResult;
+	/**
+	 * API mode. Intercepts the submit, collects the fields into a plain object
+	 * and calls this instead of posting the form — typically
+	 * `(values) => api.post('/api/notes', values)` against a norns `route()`.
+	 * A rejection whose `body.issues` (or `issues`) is a valibot issue list is
+	 * mapped into the same errors context as `form`.
+	 */
+	submit?: (values: Record<string, FormDataEntryValue>, event: SubmitEvent) => Promise<unknown> | unknown;
+	/** Called with the resolved value of `submit`. */
+	onsuccess?: (result: unknown, values: Record<string, FormDataEntryValue>) => void;
+	/** Called when `submit` rejects (after the errors map was updated). */
+	onerror?: (error: unknown) => void;
+	/** True while `submit` is pending. Bindable. */
+	submitting?: boolean;
+	/** API mode: clear the fields after `submit` resolves. */
+	resetOnSuccess?: boolean;
 	class?: string;
 	children?: Snippet;
 };

package/src/types/MultiSelect.d.ts

@@ -1,11 +1,20 @@
 import type { Component } from 'svelte';
-import type { ComboboxItem } from './Autocomplete';
+import type { ComboboxItem, ComboboxSource } from './Autocomplete';
 
 export type MultiSelectProps = {
+	/** Local options, filtered client-side by label. Ignored when `source` is set. */
 	items?: ComboboxItem[];
+	/** Remote options: called (debounced) with the typed text while the list is open. Picked labels are remembered across searches. */
+	source?: ComboboxSource;
+	/** Milliseconds to wait after typing before calling `source`. Default 200. */
+	debounce?: number;
+	/** Minimum typed characters before `source` is called. Default 0. */
+	minChars?: number;
 	value?: string[];
 	open?: boolean;
 	placeholder?: string;
+	emptyMessage?: string;
+	loadingMessage?: string;
 	disabled?: boolean;
 	name?: string;
 	id?: string;

package/src/types/Window.d.ts

@@ -0,0 +1,22 @@
+import type { Component, Snippet } from 'svelte';
+
+export type WindowProps = {
+	/** Header title (truncated). */
+	title?: string;
+	/** Remove the whole header bar; keeps the rounded shell. */
+	hideHeader?: boolean;
+	/** When set, renders a `lucide:x` close button (marked `.nodrag`). */
+	onClose?: () => void;
+	/** Fires on double-click over the header bar (e.g. maximise). */
+	onHeaderDoubleClick?: (event: MouseEvent) => void;
+	/** Extra header controls, rendered before the close button. */
+	actions?: Snippet;
+	children?: Snippet;
+	/** Classes for the outer shell — pass dimensions here (`w-[520px] h-[380px]`). */
+	class?: string;
+	/** Classes for the body section. */
+	bodyClass?: string;
+};
+
+declare const Window: Component<WindowProps>;
+export default Window;