entasis 0.10.2 → 0.11.0

package/dist/components/Form/Form/form.registry.d.ts

@@ -0,0 +1,28 @@
+import type { Component } from 'svelte';
+import * as v from 'valibot';
+import type { RegisteredInputType } from '../Field/field.js';
+import type { FieldValidationResult } from '../Field/field.state.svelte.js';
+import type { FormInputDefinition, FormRegisteredInput, FormRenderableInput } from './form.js';
+/** The definitions `registerFormInputs` takes: one per `FormInputRegistry` key, all optional. */
+export type FormInputDefinitions = {
+    [T in RegisteredInputType]?: FormInputDefinition<T>;
+};
+/** A definition with its value type erased, as the registry stores and Form renders it. */
+export type RegisteredFormInputDefinition = {
+    component: Component<Record<string, unknown>>;
+    isEmpty: (value: unknown) => boolean;
+    validate?: (value: unknown) => FieldValidationResult;
+};
+/**
+ * Registers the components behind the app's `FormInputRegistry` types, so entries such as
+ * `{ type: 'money', label: 'Price' }` render in every Form and ask() dialog. Call it at the top
+ * level of a module the server and the browser both load before a form renders, such as one the
+ * root layout imports. Registering a type again replaces it, so hot reloads keep working.
+ *
+ * Returns a function that removes these registrations.
+ */
+export declare function registerFormInputs(inputs: FormInputDefinitions): () => void;
+export declare const getFormInputDefinition: (type: string) => RegisteredFormInputDefinition | undefined;
+export declare const isRegisteredFormInput: (input: FormRenderableInput) => input is FormRegisteredInput;
+/** The `required`/optional check a registered type gets, in the built-in schemas' terms. */
+export declare function getRegisteredInputSchema(definition: RegisteredFormInputDefinition, required: boolean): v.GenericSchema;

package/dist/components/Form/Form/form.registry.js

@@ -0,0 +1,62 @@
+import * as v from 'valibot';
+import { schemas } from '../Field/schemas.js';
+// Form's own entry kinds; the built-in input types are rejected through the schema table.
+const ENTRY_KINDS = new Set(['field', 'custom', 'action', 'group']);
+const definitions = new Map();
+const isEmptyValue = (value) => value === null ||
+    value === undefined ||
+    value === '' ||
+    (Array.isArray(value) && value.length === 0);
+/**
+ * Registers the components behind the app's `FormInputRegistry` types, so entries such as
+ * `{ type: 'money', label: 'Price' }` render in every Form and ask() dialog. Call it at the top
+ * level of a module the server and the browser both load before a form renders, such as one the
+ * root layout imports. Registering a type again replaces it, so hot reloads keep working.
+ *
+ * Returns a function that removes these registrations.
+ */
+export function registerFormInputs(inputs) {
+    const added = [];
+    // Erased: inside the library the registry is empty, so each definition's own type is `never`.
+    const entries = Object.entries(inputs);
+    for (const [type, definition] of entries) {
+        if (!definition)
+            continue;
+        if (ENTRY_KINDS.has(type) || Object.hasOwn(schemas.required, type)) {
+            throw new Error(`[Form] "${type}" is a built-in input type and cannot be registered.`);
+        }
+        added.push([
+            type,
+            {
+                // The registry erases each definition's value type; Form hands the component the
+                // field it registered for that type, which restores it.
+                component: definition.component,
+                isEmpty: definition.isEmpty ?? isEmptyValue,
+                validate: definition.validate
+            }
+        ]);
+    }
+    for (const [type, definition] of added)
+        definitions.set(type, definition);
+    return () => {
+        for (const [type, definition] of added) {
+            if (definitions.get(type) === definition)
+                definitions.delete(type);
+        }
+    };
+}
+export const getFormInputDefinition = (type) => definitions.get(type);
+export const isRegisteredFormInput = (input) => definitions.has(input.type);
+const registeredSchemas = new WeakMap();
+/** The `required`/optional check a registered type gets, in the built-in schemas' terms. */
+export function getRegisteredInputSchema(definition, required) {
+    let entry = registeredSchemas.get(definition);
+    if (!entry) {
+        entry = {
+            required: v.pipe(v.unknown(), v.check((value) => !definition.isEmpty(value))),
+            optional: v.unknown()
+        };
+        registeredSchemas.set(definition, entry);
+    }
+    return required ? entry.required : entry.optional;
+}

package/dist/components/Form/Form/form.state.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Attachment } from 'svelte/attachments';
 import { SvelteMap } from 'svelte/reactivity';
 import type { FieldState } from '../Field/field.state.svelte.js';
-import type { FieldValue, InputType } from '../Field/field.js';
+import type { FieldType, FieldValue, InputType } from '../Field/field.js';
 import type { FormGroup, FormInputs, FormRenderableInput, FormSubmitHandler, FormValueRecord, InferFormValue, LiveFormValue } from './form.js';
 type FormStateOptions<I extends FormInputs> = {
     inputs: I;
@@ -26,18 +26,31 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         get controlAttrs(): import("../Field/field.state.svelte.js").FieldControlAttributes;
         setValue: (nextValue: FieldValue<T> | null | undefined) => void;
         syncValue: (nextValue: FieldValue<T> | null | undefined) => void;
-        checkSchema(value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | null | undefined): import("valibot", { with: { "resolution-mode": "require" } }).SafeParseResult<import("valibot", { with: { "resolution-mode": "require" } }).BaseSchema<unknown, unknown, import("valibot", { with: { "resolution-mode": "require" } }).BaseIssue<unknown>>>;
+        get definition(): import("./form.registry.js").RegisteredFormInputDefinition | undefined;
+        checkSchema(value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
+            amount: number;
+            currency: string;
+        } | null | undefined): import("valibot", { with: { "resolution-mode": "require" } }).SafeParseResult<import("valibot", { with: { "resolution-mode": "require" } }).BaseSchema<unknown, unknown, import("valibot", { with: { "resolution-mode": "require" } }).BaseIssue<unknown>>>;
         get isValid(): boolean;
         validate: (value?: FieldValue<T> | null | undefined) => readonly [boolean, unknown];
-        value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | null | undefined;
+        value?: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
+            amount: number;
+            currency: string;
+        } | null | undefined;
         errors: string[] | boolean;
         focused: boolean;
-        type: InputType;
+        type: FieldType;
         required?: boolean;
         disabled?: boolean;
         visible?: boolean;
-        onValidate?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | null) => import("../Field/field.state.svelte.js").FieldValidationResult) | undefined;
-        onValueChange?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | null) => void) | undefined;
+        onValidate?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
+            amount: number;
+            currency: string;
+        } | null) => import("../Field/field.state.svelte.js").FieldValidationResult) | undefined;
+        onValueChange?: ((value: string | number | boolean | string[] | number[] | Date | Blob | File | File[] | [Date | null, Date | null] | import("../Field/field.js").KeyValuePair[] | {
+            amount: number;
+            currency: string;
+        } | null) => void) | undefined;
         id: string;
     }>;
     loading: boolean;
@@ -853,6 +866,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_9["type"] : never : never : never>> : FieldValue<Extract<T_1[K_1], import("./form.js").FormValueInput> extends infer T_10 ? T_10 extends Extract<T_1[K_1], import("./form.js").FormValueInput> ? T_10 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_10 extends (Omit<{
         type: "time";
     } & {
@@ -1625,6 +1645,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_10["type"] : never : never : never> | null; } : never) & (((({ [K_3 in keyof I]: I[K_3] extends infer T_6 ? T_6 extends I[K_3] ? T_6 extends FormGroup<infer Inputs extends import("./form.js").FormGroupInputs> ? (T_6 extends infer T_7 ? T_7 extends T_6 ? T_7 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
@@ -2431,6 +2458,13 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_12["type"] : never : never : never>> : FieldValue<Extract<T_4[K_4], import("./form.js").FormValueInput> extends infer T_13 ? T_13 extends Extract<T_4[K_4], import("./form.js").FormValueInput> ? T_13 extends import("./form.js").FormFieldEntry<infer Input extends InputType> ? Input : T_13 extends (Omit<{
         type: "time";
     } & {
@@ -3203,10 +3237,17 @@ export declare class FormState<I extends FormInputs = FormInputs> {
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_13["type"] : never : never : never> | null) | undefined; } : never) extends infer T ? { [K in keyof T]: T[K]; } : never>;
     constructor(options: FormStateOptions<I>);
-    registerField<T extends InputType>(field: FieldState<T>): () => void;
-    updateFieldValue<T extends InputType>(field: FieldState<T>, notify?: boolean): void;
+    registerField<T extends FieldType>(field: FieldState<T>): () => void;
+    updateFieldValue<T extends FieldType>(field: FieldState<T>, notify?: boolean): void;
     keyboardNavigation: Attachment<HTMLElement>;
     private handleKeydown;
     isInputVisible(name: string): boolean;

package/dist/components/Form/Form/form.state.svelte.js

@@ -2,6 +2,7 @@ import { setContext, untrack } from 'svelte';
 import { on } from 'svelte/events';
 import { SvelteMap, SvelteSet } from 'svelte/reactivity';
 import { flattenFormInputs, getFormValueInputType } from './form.js';
+import { getFormInputDefinition } from './form.registry.js';
 import { isFieldVisible } from './visibility.js';
 const focusableControl = 'input:not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
 const enterNavigationInputTypes = new Set([
@@ -220,8 +221,8 @@ export class FormState {
         }
         for (const { name, input } of definitions) {
             const inputType = getFormValueInputType(input);
-            if (!supportedInputTypes.has(inputType)) {
-                throw new Error(`Form field "${name}" uses unsupported input type "${String(inputType)}".`);
+            if (!supportedInputTypes.has(inputType) && !getFormInputDefinition(inputType)) {
+                throw new Error(`Form field "${name}" uses unsupported input type "${String(inputType)}". Register app-defined types with registerFormInputs().`);
             }
             if (!hasOwn(externalValue, name))
                 continue;

package/dist/components/Form/Form/index.d.ts

@@ -3,6 +3,7 @@ export { Ask, ask } from '../Ask/index.js';
 export type { AskButton, AskDialogOptions, AskOptions, AskProps, AskResult } from '../Ask/index.js';
 export type { FormLayout, FormProps, FormVariant } from './form.props.js';
 export { FormState } from './form.state.svelte.js';
+export { registerFormInputs, type FormInputDefinitions } from './form.registry.js';
 export type { FieldLabelPosition } from '../Field/field.js';
 export { formTheme, setFormTheme, useFormTheme, type FormTheme, type FormThemeProps } from './form.theme.js';
-export type { FormInput, FormAction, FormActionInput, FormCustomInput, FormInputAction, FormInputState, FormFieldController, FormFieldInput, FormFieldEntry, FormGroup, FormGroupColumns, FormGroupInputs, FormInputsWithState, FormInputs, FormRenderableInput, FormValueInput, FlattenFormInputs, InferFormValue, LiveFormValue, FormSubmitHandler, MaybePromise } from './form.js';
+export type { FormInput, FormAction, FormActionInput, FormCustomInput, FormInputAction, FormInputState, FormFieldController, FormFieldInput, FormFieldEntry, FormInputComponentProps, FormInputDefinition, FormInputRegistry, FormRegisteredInput, FormGroup, FormGroupColumns, FormGroupInputs, FormInputsWithState, FormInputs, FormRenderableInput, FormValueInput, FlattenFormInputs, InferFormValue, LiveFormValue, FormSubmitHandler, MaybePromise } from './form.js';

package/dist/components/Form/Form/index.js

@@ -1,4 +1,5 @@
 export { default as Form } from './Form.svelte';
 export { Ask, ask } from '../Ask/index.js';
 export { FormState } from './form.state.svelte.js';
+export { registerFormInputs } from './form.registry.js';
 export { formTheme, setFormTheme, useFormTheme } from './form.theme.js';

package/dist/components/Form/Form/visibility.d.ts

@@ -4801,21 +4801,6 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
     name?: string | undefined;
     label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
-    header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    onValueChange?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void) | undefined;
-    defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue | undefined;
-    required?: boolean | undefined;
-    density?: import("../../../types/theme.js").Density | undefined;
-    labelPosition?: FieldLabelPosition;
-    onValidate?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean) | undefined;
-    fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
-    errors?: string[] | boolean | undefined;
-    focused?: boolean | undefined;
     field?: {
         name: string;
         size: Sizes;
@@ -4831,6 +4816,7 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
         get controlAttrs(): import("../Field/field.state.svelte.js").FieldControlAttributes;
         setValue: (nextValue: import("../Field/field.js").FieldValue<T> | null | undefined) => void;
         syncValue: (nextValue: import("../Field/field.js").FieldValue<T> | null | undefined) => void;
+        get definition(): import("./form.registry.js").RegisteredFormInputDefinition | undefined;
         checkSchema(value?: string | string[] | null | undefined): import("valibot", { with: { "resolution-mode": "require" } }).SafeParseResult<import("valibot", { with: { "resolution-mode": "require" } }).BaseSchema<unknown, unknown, import("valibot", { with: { "resolution-mode": "require" } }).BaseIssue<unknown>>>;
         get isValid(): boolean;
         validate: (value?: import("../Field/field.js").FieldValue<T> | null | undefined) => readonly [boolean, unknown];
@@ -4845,6 +4831,21 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
         onValueChange?: ((value: string | string[] | null) => void) | undefined;
         id: string;
     } | undefined;
+    header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    onValueChange?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void) | undefined;
+    defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue | undefined;
+    required?: boolean | undefined;
+    density?: import("../../../types/theme.js").Density | undefined;
+    labelPosition?: FieldLabelPosition;
+    onValidate?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean) | undefined;
+    fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+    errors?: string[] | boolean | undefined;
+    focused?: boolean | undefined;
     labelFor?: string | false | undefined;
     multiple?: boolean | undefined;
     unselectedColor?: import("../../../types/theme.js").Colors | undefined;
@@ -10417,21 +10418,6 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
     name?: string | undefined;
     label?: import("../../Slot/slot.js").Slot<undefined> | undefined;
     items: import("../TagGroup/tagGroup.props.js").TagGroupOption[];
-    header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
-    onValueChange?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void) | undefined;
-    defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue | undefined;
-    required?: boolean | undefined;
-    density?: import("../../../types/theme.js").Density | undefined;
-    labelPosition?: FieldLabelPosition;
-    onValidate?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean) | undefined;
-    fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
-    errors?: string[] | boolean | undefined;
-    focused?: boolean | undefined;
     field?: {
         name: string;
         size: Sizes;
@@ -10447,6 +10433,7 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
         get controlAttrs(): import("../Field/field.state.svelte.js").FieldControlAttributes;
         setValue: (nextValue: import("../Field/field.js").FieldValue<T> | null | undefined) => void;
         syncValue: (nextValue: import("../Field/field.js").FieldValue<T> | null | undefined) => void;
+        get definition(): import("./form.registry.js").RegisteredFormInputDefinition | undefined;
         checkSchema(value?: string | string[] | null | undefined): import("valibot", { with: { "resolution-mode": "require" } }).SafeParseResult<import("valibot", { with: { "resolution-mode": "require" } }).BaseSchema<unknown, unknown, import("valibot", { with: { "resolution-mode": "require" } }).BaseIssue<unknown>>>;
         get isValid(): boolean;
         validate: (value?: import("../Field/field.js").FieldValue<T> | null | undefined) => readonly [boolean, unknown];
@@ -10461,6 +10448,21 @@ export declare function prepareInputProps(input: FormFieldInput, size: Sizes, la
         onValueChange?: ((value: string | string[] | null) => void) | undefined;
         id: string;
     } | undefined;
+    header?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    actions?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    description?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    helper?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    footer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    errorsContainer?: import("../../Slot/slot.js").Slot<undefined> | undefined;
+    onValueChange?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => void) | undefined;
+    defaultValue?: import("../TagGroup/tagGroup.props.js").TagGroupValue | undefined;
+    required?: boolean | undefined;
+    density?: import("../../../types/theme.js").Density | undefined;
+    labelPosition?: FieldLabelPosition;
+    onValidate?: ((value: import("../TagGroup/tagGroup.props.js").TagGroupValue) => string[] | boolean) | undefined;
+    fieldAttrs?: import("../Field/field.js").FieldAttributes | undefined;
+    errors?: string[] | boolean | undefined;
+    focused?: boolean | undefined;
     labelFor?: string | false | undefined;
     multiple?: boolean | undefined;
     unselectedColor?: import("../../../types/theme.js").Colors | undefined;

package/dist/components/Form/MultiStepForm/multiStepForm.state.svelte.d.ts

@@ -833,6 +833,13 @@ export declare class MultiStepFormState<I extends MultiStepFormItems = FormStep[
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_15["type"] : never : never : never>> : import("../Field/field.js").FieldValue<Extract<T_1[K_1], import("../Form/form.js").FormValueInput> extends infer T_16 ? T_16 extends Extract<T_1[K_1], import("../Form/form.js").FormValueInput> ? T_16 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_16 extends (Omit<{
         type: "time";
     } & {
@@ -1605,6 +1612,13 @@ export declare class MultiStepFormState<I extends MultiStepFormItems = FormStep[
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_16["type"] : never : never : never> | null; } : never) & (((((MergedMultiStepFormInputs<I> extends infer T_8 extends FormInputs ? { [K_3 in keyof T_8]: T_8[K_3] extends infer T_9 ? T_9 extends T_8[K_3] ? T_9 extends import("../Form/form.js").FormGroup<infer Inputs extends import("../Form/form.js").FormGroupInputs> ? (T_9 extends infer T_10 ? T_10 extends T_9 ? T_10 extends {
         visible: infer Visibility;
     } ? boolean extends Visibility ? true : Extract<Visibility, false | ((value: FormValueRecord) => boolean)> extends never ? false : true : false : never : never) extends true ? { [K_6 in keyof Inputs]: Omit<Inputs[K_6], "visible"> & {
@@ -2411,6 +2425,13 @@ export declare class MultiStepFormState<I extends MultiStepFormItems = FormStep[
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_20["type"] : never : never : never>> : import("../Field/field.js").FieldValue<Extract<T_6[K_4], import("../Form/form.js").FormValueInput> extends infer T_21 ? T_21 extends Extract<T_6[K_4], import("../Form/form.js").FormValueInput> ? T_21 extends import("../Form/form.js").FormFieldEntry<infer Input extends import("../Field/field.js").InputType> ? Input : T_21 extends (Omit<{
         type: "time";
     } & {
@@ -3183,6 +3204,13 @@ export declare class MultiStepFormState<I extends MultiStepFormItems = FormStep[
         theme?: import("../PinInput/pinInput.theme.js").PinInputThemeProps & import("../Field/field.js").InputProps<"pin">["theme"];
     }, "visible"> & {
         visible?: boolean | ((value: FormValueRecord) => boolean);
+    }) | ({
+        visible?: boolean | ((value: FormValueRecord) => boolean);
+        class?: string;
+    } & Omit<import("../Field/field.js").InputProps<"test-money">, "class" | "name" | "visible"> & {
+        currencies?: readonly string[];
+    } & {
+        type: "test-money";
     }) ? T_21["type"] : never : never : never> | null) | undefined; } : never) extends infer T ? { [K in keyof T]: T[K]; } : never>;
     progress: {
         value: number;

package/dist/generated/componentContract.d.ts

@@ -617,7 +617,7 @@ export declare const componentInventory: readonly [{
     readonly id: "form";
     readonly subpath: "entasis/form";
     readonly sourceIndex: "src/lib/components/Form/Form/index.ts";
-    readonly exportedSymbols: readonly ["Ask", "AskButton", "AskDialogOptions", "AskOptions", "AskProps", "AskResult", "FieldLabelPosition", "FlattenFormInputs", "Form", "FormAction", "FormActionInput", "FormCustomInput", "FormFieldController", "FormFieldEntry", "FormFieldInput", "FormGroup", "FormGroupColumns", "FormGroupInputs", "FormInput", "FormInputAction", "FormInputState", "FormInputs", "FormInputsWithState", "FormLayout", "FormProps", "FormRenderableInput", "FormState", "FormSubmitHandler", "FormTheme", "FormThemeProps", "FormValueInput", "FormVariant", "InferFormValue", "LiveFormValue", "MaybePromise", "ask", "formTheme", "setFormTheme", "useFormTheme"];
+    readonly exportedSymbols: readonly ["Ask", "AskButton", "AskDialogOptions", "AskOptions", "AskProps", "AskResult", "FieldLabelPosition", "FlattenFormInputs", "Form", "FormAction", "FormActionInput", "FormCustomInput", "FormFieldController", "FormFieldEntry", "FormFieldInput", "FormGroup", "FormGroupColumns", "FormGroupInputs", "FormInput", "FormInputAction", "FormInputComponentProps", "FormInputDefinition", "FormInputDefinitions", "FormInputRegistry", "FormInputState", "FormInputs", "FormInputsWithState", "FormLayout", "FormProps", "FormRegisteredInput", "FormRenderableInput", "FormState", "FormSubmitHandler", "FormTheme", "FormThemeProps", "FormValueInput", "FormVariant", "InferFormValue", "LiveFormValue", "MaybePromise", "ask", "formTheme", "registerFormInputs", "setFormTheme", "useFormTheme"];
     readonly docs: readonly [{
         readonly id: "form";
         readonly route: "/components/form";

package/dist/generated/componentContract.js

@@ -1491,11 +1491,16 @@ export const componentInventory = [
             'FormGroupInputs',
             'FormInput',
             'FormInputAction',
+            'FormInputComponentProps',
+            'FormInputDefinition',
+            'FormInputDefinitions',
+            'FormInputRegistry',
             'FormInputState',
             'FormInputs',
             'FormInputsWithState',
             'FormLayout',
             'FormProps',
+            'FormRegisteredInput',
             'FormRenderableInput',
             'FormState',
             'FormSubmitHandler',
@@ -1508,6 +1513,7 @@ export const componentInventory = [
             'MaybePromise',
             'ask',
             'formTheme',
+            'registerFormInputs',
             'setFormTheme',
             'useFormTheme'
         ],