@chelone/vue 0.6.0 → 0.9.0

package/dist/create-resource-components.d.ts

@@ -19,7 +19,8 @@
  * this entry, and they take the registered union.
  *
  * Generic fields and inputs (`generic=` SFCs: `RecordField`, `SelectInput`,
- * `ApiKeyField`, ...) are not members of the type. Their type is a function
+ * `ApiKeyField`, ...) are not members of the type unless `TypedFieldMembers` or
+ * `TypedInputMembers` lists them (`TextField`, `DateField`, ...). Their type is a function
  * with no constructor signature, so `Retyped` cannot replace their `source`
  * without erasing the generic. The test is the type itself, so an SFC that
  * becomes generic later drops out of `ResourceComponents` on its own, and a
@@ -27,329 +28,852 @@
  * directly; their `source` keeps the registered union, or a plain string when
  * nothing is registered.
  */
-import type { RecordOf, RegisteredResourceName, RegisteredResources, ResourceMap, SourceProp, SourceValue } from "@chelone/core";
-import { type VNode } from "vue";
-import Create from "./components/admin/view/create.vue.js";
-import Edit from "./components/admin/view/edit.vue.js";
+import type { LooseRecord, RecordOf, RegisteredResourceName, RegisteredResources, ResourceMap, SourceProp, SourceValue } from "@chelone/core";
+import { type AllowedComponentProps, type Component, type VNode, type VNodeProps } from "vue";
+import type { ChoiceRecord } from "./choices/use-choices.js";
+import { type BadgeFieldProps } from "./components/admin/fields/badge-field.vue.js";
+import { type BooleanFieldProps } from "./components/admin/fields/boolean-field.vue.js";
+import { type ChipFieldProps } from "./components/admin/fields/chip-field.vue.js";
+import { type ColorFieldProps } from "./components/admin/fields/color-field.vue.js";
+import { type CronFieldProps } from "./components/admin/fields/cron-field.vue.js";
+import { type CurrencyFieldProps } from "./components/admin/fields/currency-field.vue.js";
+import { type DateFieldProps } from "./components/admin/fields/date-field.vue.js";
+import { type DurationFieldProps } from "./components/admin/fields/duration-field.vue.js";
+import { type EmailFieldProps } from "./components/admin/fields/email-field.vue.js";
+import { type FileFieldProps } from "./components/admin/fields/file-field.vue.js";
+import { type ImageFieldProps } from "./components/admin/fields/image-field.vue.js";
+import { type JsonFieldProps } from "./components/admin/fields/json-field.vue.js";
+import { type NumberFieldProps } from "./components/admin/fields/number-field.vue.js";
+import { type PhoneFieldProps } from "./components/admin/fields/phone-field.vue.js";
+import { type SubscriptionPlanFieldProps } from "./components/admin/fields/subscription-plan-field.vue.js";
+import { type TextArrayFieldProps } from "./components/admin/fields/text-array-field.vue.js";
+import { type TextFieldProps } from "./components/admin/fields/text-field.vue.js";
+import { type UrlFieldProps } from "./components/admin/fields/url-field.vue.js";
+import ArrayInput, { type ArrayInputProps } from "./components/admin/inputs/array-input.vue.js";
+import { type AutocompleteArrayInputProps } from "./components/admin/inputs/autocomplete-array-input.vue.js";
+import { type AutocompleteInputProps } from "./components/admin/inputs/autocomplete-input.vue.js";
+import { type CheckboxGroupInputProps } from "./components/admin/inputs/checkbox-group-input.vue.js";
+import { type CurrencyInputProps } from "./components/admin/inputs/currency-input.vue.js";
+import { type DatagridInputProps } from "./components/admin/inputs/datagrid-input.vue.js";
+import { type DateInputProps } from "./components/admin/inputs/date-input.vue.js";
+import { type DateTimeInputProps } from "./components/admin/inputs/date-time-input.vue.js";
+import { type DurationInputProps } from "./components/admin/inputs/duration-input.vue.js";
+import FileInput, { type FileInputProps } from "./components/admin/inputs/file-input.vue.js";
+import { type NumberInputProps } from "./components/admin/inputs/number-input.vue.js";
+import { type RatingInputProps } from "./components/admin/inputs/rating-input.vue.js";
+import { type SelectArrayInputProps } from "./components/admin/inputs/select-array-input.vue.js";
+import { type SubscriptionPlanPickerProps } from "./components/admin/inputs/subscription-plan-picker.vue.js";
+import { type TimeInputProps } from "./components/admin/inputs/time-input.vue.js";
+import { type WebhookEndpointInputProps } from "./components/admin/inputs/webhook-endpoint-input.vue.js";
+import Create, { type CreateProps } from "./components/admin/view/create.vue.js";
+import Edit, { type EditProps } from "./components/admin/view/edit.vue.js";
 import List from "./components/admin/view/list.vue.js";
 import Show from "./components/admin/view/show.vue.js";
 /** The package's own fields and inputs, by export name. */
 declare const sourceMembers: {
-    ApiKeyField: <RecordType extends import("@chelone/core").LooseRecord = import("@chelone/core").LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    ApiKeyField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
-            source: SourceProp;
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
             record?: RecordType | undefined;
-            defaultValue?: unknown;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
             scopesSource?: import("@chelone/core").SourceKey<RecordType> | undefined;
             lastUsedSource?: import("@chelone/core").SourceKey<RecordType> | undefined;
             maskedFormat?: "last4" | "full" | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    ArrayField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+    ArrayField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {}) => any;
         };
-    });
-    BadgeField: import("vue").DefineComponent<import("./index.js").BadgeFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").BadgeFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    BooleanField: import("vue").DefineComponent<import("./index.js").BooleanFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").BooleanFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    ChipField: import("vue").DefineComponent<import("./index.js").ChipFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ChipFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    ColorField: import("vue").DefineComponent<import("./index.js").ColorFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ColorFieldProps> & Readonly<{}>, {
-        showLabel: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CronField: import("vue").DefineComponent<import("./index.js").CronFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").CronFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CurrencyField: import("vue").DefineComponent<import("./index.js").CurrencyFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").CurrencyFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DateField: import("vue").DefineComponent<import("./index.js").DateFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DateFieldProps> & Readonly<{}>, {
-        showTime: boolean;
-        showDate: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DurationField: import("vue").DefineComponent<import("./index.js").DurationFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DurationFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    EmailField: import("vue").DefineComponent<import("./index.js").EmailFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").EmailFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    FileField: import("vue").DefineComponent<import("./index.js").FileFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").FileFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    FunctionField: <RecordType extends import("@chelone/core").LooseRecord = import("@chelone/core").LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            perPage?: number | undefined;
+            sort?: import("@chelone/core").SortPayload | undefined;
+            filter?: import("@chelone/core").FilterPayload | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    BadgeField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            variant?: import("./components/index.js").BadgeVariant | undefined;
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    BooleanField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            valueLabelTrue?: string | undefined;
+            valueLabelFalse?: string | undefined;
+            looseValue?: boolean | undefined;
+            empty?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ChipField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            variant?: import("./components/index.js").BadgeVariant | undefined;
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
+        slots: {};
         emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ColorField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            showLabel?: boolean | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    CronField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            showExpression?: boolean | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    CurrencyField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            currency?: string | undefined;
+            displayLocale?: string | undefined;
+            storeAsMinorUnits?: boolean | undefined;
+            options?: Intl.NumberFormatOptions | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    DateField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            locales?: Intl.LocalesArgument;
+            options?: Intl.DateTimeFormatOptions | undefined;
+            showTime?: boolean | undefined;
+            showDate?: boolean | undefined;
+            transform?: ((value: SourceValue<RecordType, SourceProp<RecordType>>) => Date | undefined) | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    DurationField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            displayFormat?: "compact" | "relative" | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    EmailField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    FileField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            src?: string | undefined;
+            title?: string | undefined;
+            target?: string | undefined;
+            download?: string | undefined;
+            ping?: string | undefined;
+            rel?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    FunctionField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
         slots: {
             default(props: {
                 record: RecordType;
                 source?: string;
-            }): unknown;
+            }): VNode[];
         };
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             record?: RecordType | undefined;
             source?: SourceProp<RecordType> | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {
             default(props: {
                 record: RecordType;
                 source?: string;
-            }): unknown;
+            }): VNode[];
         };
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    ImageField: import("vue").DefineComponent<import("./index.js").ImageFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ImageFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    JsonField: import("vue").DefineComponent<import("./index.js").JsonFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").JsonFieldProps> & Readonly<{}>, {
-        indent: number;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    NumberField: import("vue").DefineComponent<import("./index.js").NumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").NumberFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    PhoneField: import("vue").DefineComponent<import("./index.js").PhoneFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").PhoneFieldProps> & Readonly<{}>, {
-        link: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    RatingField: <RecordType extends import("@chelone/core").LooseRecord = import("@chelone/core").LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    ImageField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            src?: string | undefined;
+            title?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    JsonField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
+        slots: {};
         emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            indent?: number | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
-            source: SourceProp;
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    NumberField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
             record?: RecordType | undefined;
-            defaultValue?: unknown;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            locales?: string | string[] | undefined;
+            options?: Intl.NumberFormatOptions | undefined;
+            transform?: ((value: SourceValue<RecordType, SourceProp<RecordType>>) => number | string | null | undefined) | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    PhoneField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            displayFormat?: "national" | "international" | undefined;
+            link?: boolean | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    RatingField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
             empty?: string | undefined;
             max?: number | undefined;
             allowHalf?: boolean | undefined;
             countSource?: import("@chelone/core").SourceKey<RecordType> | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    RecordField: <RecordType extends import("@chelone/core").LooseRecord = import("@chelone/core").LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    RecordField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {
             default?(props: {
                 record: RecordType;
-            }): unknown;
+            }): VNode[];
         };
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             source?: SourceProp<RecordType> | undefined;
             label?: string | false | undefined;
             resource?: string | undefined;
             record?: RecordType | undefined;
             empty?: string | undefined;
-            field?: import("vue").Component | undefined;
+            field?: Component | undefined;
             variant?: "default" | "inline" | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {
             default?(props: {
                 record: RecordType;
-            }): unknown;
+            }): VNode[];
         };
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    ReferenceArrayField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ReferenceArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ReferenceArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ReferenceArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+    ReferenceArrayField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {}) => any;
         };
-    });
-    ReferenceField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ReferenceFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            link: import("./index.js").LinkToType;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ReferenceFieldProps> & Readonly<{}>, {}, {}, {}, {}, {
-            link: import("./index.js").LinkToType;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ReferenceFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        link: import("./index.js").LinkToType;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            reference: string;
+            record?: RecordType | undefined;
+            sort?: import("@chelone/core").SortPayload | undefined;
+            filter?: import("@chelone/core").FilterPayload | undefined;
+            perPage?: number | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ReferenceField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {}) => any;
         } & {
             default?: (props: {}) => any;
         };
-    });
-    ReferenceManyCount: import("vue").DefineComponent<import("./index.js").ReferenceManyCountProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ReferenceManyCountProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    ReferenceManyField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ReferenceManyFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            storeKey: string | false;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ReferenceManyFieldProps> & Readonly<{}>, {}, {}, {}, {}, {
-            storeKey: string | false;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ReferenceManyFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        storeKey: string | false;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            reference: string;
+            record?: RecordType | undefined;
+            empty?: string | undefined;
+            link?: import("./router/index.js").LinkToType | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        } & {
             default?: (props: {}) => any;
         };
-    });
-    ReferenceOneField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ReferenceOneFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ReferenceOneFieldProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ReferenceOneFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ReferenceManyCount: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            reference: string;
+            target: string;
+            source?: SourceProp<RecordType> | undefined;
+            record?: RecordType | undefined;
+            filter?: import("@chelone/core").FilterPayload | undefined;
+            loading?: string | undefined;
+            error?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ReferenceManyField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        };
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            reference: string;
+            target: string;
+            source?: SourceProp<RecordType> | undefined;
+            record?: RecordType | undefined;
+            sort?: import("@chelone/core").SortPayload | undefined;
+            filter?: import("@chelone/core").FilterPayload | undefined;
+            perPage?: number | undefined;
+            storeKey?: string | false | undefined;
+            debounce?: number | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ReferenceOneField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {
-                record: import("@chelone/core").LooseRecord;
+                record: LooseRecord;
             }) => any;
         };
-    });
-    SelectField: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            reference: string;
+            target: string;
+            source?: SourceProp<RecordType> | undefined;
+            record?: RecordType | undefined;
+            sort?: import("@chelone/core").SortPayload | undefined;
+            filter?: import("@chelone/core").FilterPayload | undefined;
+            empty?: string | undefined;
+            loading?: string | undefined;
+            error?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {
+                record: LooseRecord;
+            }) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    SelectField: <TChoice extends ChoiceRecord = ChoiceRecord, RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            choices?: readonly TChoice[] | undefined;
+            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
+            translateChoice?: boolean | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    SubscriptionPlanField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            plans: readonly import("./components/index.js").SubscriptionPlan[];
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    TextArrayField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            variant?: import("./components/index.js").BadgeVariant | undefined;
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    TextField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            empty?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    UrlField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
-            source: SourceProp;
-            record?: import("@chelone/core").LooseRecord | undefined;
-            defaultValue?: unknown;
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
             empty?: string | undefined;
-            choices?: readonly TChoice[] | undefined;
-            optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
-            translateChoice?: boolean | undefined;
+            target?: string | undefined;
+            rel?: string | undefined;
+            content?: string | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    SubscriptionPlanField: import("vue").DefineComponent<import("./index.js").SubscriptionPlanFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").SubscriptionPlanFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    TextArrayField: import("vue").DefineComponent<import("./index.js").TextArrayFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    TextField: import("vue").DefineComponent<import("./index.js").TextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    UrlField: import("vue").DefineComponent<import("./index.js").UrlFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").UrlFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    UsageMeterField: <RecordType extends import("@chelone/core").LooseRecord = import("@chelone/core").LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    UsageMeterField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
-            source: SourceProp;
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
             record?: RecordType | undefined;
-            defaultValue?: unknown;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
             limitSource?: import("@chelone/core").SourceKey<RecordType> | undefined;
             unit?: string | undefined;
-            thresholds?: import("./index.js").UsageMeterThresholds | undefined;
+            thresholds?: import("./components/index.js").UsageMeterThresholds | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    WebhookEndpointField: import("vue").DefineComponent<import("./index.js").WebhookEndpointFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").WebhookEndpointFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    WrapperField: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").WrapperFieldProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default(): unknown;
+    WebhookEndpointField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<RecordType>;
+            record?: RecordType | undefined;
+            defaultValue?: SourceValue<RecordType, SourceProp<RecordType>> | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    WrapperField: <RecordType extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
+            default(): VNode[];
         };
-    });
-    ApiKeyInput: import("vue").DefineComponent<import("./index.js").ApiKeyInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ApiKeyInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    ArrayInput: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            label: string | false;
-            defaultValue: readonly unknown[];
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").ArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string | false;
-            defaultValue: readonly unknown[];
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        label: string | false;
-        defaultValue: readonly unknown[];
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source?: SourceProp<RecordType> | undefined;
+            label?: string | false | undefined;
+            record?: RecordType | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default(): VNode[];
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ApiKeyInput: <TRecord extends import("@chelone/core").ResourceRecord = LooseRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: SourceProp<TRecord>;
+            resource?: string | undefined;
+            onRotate?: ((record: TRecord) => Promise<void> | void) | undefined;
+            disabled?: boolean | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    ArrayInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {}) => any;
         } & {
             'remove-button'?: (props: {
@@ -368,20 +892,67 @@ declare const sourceMembers: {
                 add: () => void;
             }) => any;
         };
-    });
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            source: TPath;
+            label?: string | false | undefined;
+            resource?: string | undefined;
+            helperText?: string | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+            defaultValue?: readonly import("@chelone/core").ArrayItemOf<RecordType, TPath>[] | undefined;
+            scalar?: boolean | undefined;
+            itemDefaults?: import("@chelone/core").ItemDefaultsOf<import("@chelone/core").ArrayItemOf<RecordType, TPath>> | undefined;
+            addLabel?: string | undefined;
+            disabled?: boolean | undefined;
+            disableAdd?: boolean | undefined;
+            disableClear?: boolean | undefined;
+            disableRemove?: boolean | ((index: number) => boolean) | undefined;
+            disableReordering?: boolean | undefined;
+            inline?: boolean | undefined;
+            getItemLabel?: boolean | ((index: number) => string) | undefined;
+            class?: string | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {}) => any;
+        } & {
+            'remove-button'?: (props: {
+                index: number;
+                remove: () => void;
+                reOrder: (to: number) => void;
+            }) => any;
+        } & {
+            'reorder-buttons'?: (props: {
+                index: number;
+                remove: () => void;
+                reOrder: (to: number) => void;
+            }) => any;
+        } & {
+            'add-button'?: (props: {
+                add: () => void;
+            }) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
     ArrayInputRow: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./components/index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("./index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("./components/index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<import("./components/index.js").ArrayInputRowProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & VNodeProps & AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
         } & {
@@ -398,18 +969,18 @@ declare const sourceMembers: {
             }) => any;
         };
     });
-    AutocompleteArrayInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    AutocompleteArrayInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             placeholder?: string | undefined;
             filterToQuery?: ((searchText: string) => import("@chelone/core").FilterPayload) | undefined;
             noOptionsText?: string | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -420,26 +991,28 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    AutocompleteInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    AutocompleteInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             placeholder?: string | undefined;
             filterToQuery?: ((searchText: string) => import("@chelone/core").FilterPayload) | undefined;
             noOptionsText?: string | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -450,27 +1023,29 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    BooleanInput: import("vue").DefineComponent<import("./index.js").BooleanInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").BooleanInputProps> & Readonly<{}>, {
+    BooleanInput: import("vue").DefineComponent<import("./components/index.js").BooleanInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").BooleanInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CheckboxGroupInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    CheckboxGroupInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             row?: boolean | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -481,98 +1056,156 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    ColorInput: import("vue").DefineComponent<import("./index.js").ColorInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ColorInputProps> & Readonly<{}>, {
+    ColorInput: import("vue").DefineComponent<import("./components/index.js").ColorInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").ColorInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CronInput: import("vue").DefineComponent<import("./index.js").CronInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").CronInputProps> & Readonly<{}>, {
+    CronInput: import("vue").DefineComponent<import("./components/index.js").CronInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").CronInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    CurrencyInput: import("vue").DefineComponent<import("./index.js").CurrencyInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").CurrencyInputProps> & Readonly<{}>, {
+    CurrencyInput: import("vue").DefineComponent<CurrencyInputProps<LooseRecord, string>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CurrencyInputProps<LooseRecord, string>> & Readonly<{}>, {
         label: string | false;
         storeAsMinorUnits: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DatagridInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    DatagridInput: <TRecord = LooseRecord, TPath extends SourceProp<TRecord> = SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             optionLabel?: string | undefined;
-            source?: string | undefined;
+            source?: TPath | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
             label?: string | false | undefined;
             helperText?: string | undefined;
-            defaultValue?: unknown;
+            defaultValue?: NoInfer<SourceValue<TRecord, TPath>> | undefined;
             validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    DateInput: import("vue").DefineComponent<import("./index.js").DateInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DateInputProps> & Readonly<{}>, {
-        label: string | false;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DateTimeInput: import("vue").DefineComponent<import("./index.js").DateTimeInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DateTimeInputProps> & Readonly<{}>, {
-        label: string | false;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    DurationInput: import("vue").DefineComponent<import("./index.js").DurationInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").DurationInputProps> & Readonly<{}>, {
+    DateInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            format?: ((value: import("@chelone/core").DateInputValue) => string | null) | undefined;
+            parse?: ((input: string) => unknown) | undefined;
+            helperText?: string | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            inputClass?: string | undefined;
+            class?: string | undefined;
+            source: TPath;
+            label?: string | false | undefined;
+            defaultValue?: NoInfer<SourceValue<RecordType, TPath>> | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    DateTimeInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            format?: ((value: import("@chelone/core").DateInputValue) => string) | undefined;
+            parse?: ((input: string) => unknown) | undefined;
+            helperText?: string | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            inputClass?: string | undefined;
+            class?: string | undefined;
+            source: TPath;
+            label?: string | false | undefined;
+            defaultValue?: NoInfer<SourceValue<RecordType, TPath>> | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    DurationInput: import("vue").DefineComponent<DurationInputProps<LooseRecord, string>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DurationInputProps<LooseRecord, string>> & Readonly<{}>, {
         label: string | false;
-        units: readonly ("s" | "d" | "h" | "m")[];
+        units: readonly ("s" | "d" | "m" | "h")[];
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    FileInput: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            label: string | false;
-            multiple: boolean;
-            labelMultiple: string;
-            labelSingle: string;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string | false;
-            multiple: boolean;
-            labelMultiple: string;
-            labelSingle: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        label: string | false;
-        multiple: boolean;
-        labelMultiple: string;
-        labelSingle: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
+    FileInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {
             default?: (props: {
-                record: import("@chelone/core").LooseRecord;
+                record: import("@chelone/core").FileEntry;
             }) => any;
         };
-    });
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            resource?: string | undefined;
+            helperText?: string | undefined;
+            format?: ((value: import("@chelone/core").FileSelection) => import("@chelone/core").FileSelection) | undefined;
+            parse?: ((value: import("@chelone/core").FileSelection) => import("@chelone/core").FileSelection) | undefined;
+            accept?: string | undefined;
+            multiple?: boolean | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            placeholder?: string | undefined;
+            labelMultiple?: string | undefined;
+            labelSingle?: string | undefined;
+            class?: string | undefined;
+            source: TPath;
+            label?: string | false | undefined;
+            defaultValue?: NoInfer<SourceValue<RecordType, TPath>> | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {
+            default?: (props: {
+                record: import("@chelone/core").FileEntry;
+            }) => any;
+        };
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
     FileInputPreview: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").FileInputPreviewProps> & Readonly<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./components/index.js").FileInputPreviewProps> & Readonly<{
             onRemove?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             remove: () => any;
@@ -583,23 +1216,24 @@ declare const sourceMembers: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("./index.js").FileInputPreviewProps> & Readonly<{
+        }, Readonly<import("./components/index.js").FileInputPreviewProps> & Readonly<{
             onRemove?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").FileInputPreviewProps> & Readonly<{
+    } & import("vue").ComponentOptionsBase<Readonly<import("./components/index.js").FileInputPreviewProps> & Readonly<{
         onRemove?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: () => any;
-    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & VNodeProps & AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
         };
     });
     ImageInput: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./components/index.js").ImageInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            label: string | false;
             accept: string;
             labelMultiple: string;
             labelSingle: string;
@@ -610,7 +1244,8 @@ declare const sourceMembers: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, {
+        }, Readonly<import("./components/index.js").ImageInputProps> & Readonly<{}>, {}, {}, {}, {}, {
+            label: string | false;
             accept: string;
             labelMultiple: string;
             labelSingle: string;
@@ -618,45 +1253,69 @@ declare const sourceMembers: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").FileInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    } & import("vue").ComponentOptionsBase<Readonly<import("./components/index.js").ImageInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        label: string | false;
         accept: string;
         labelMultiple: string;
         labelSingle: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & VNodeProps & AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {
-                record: import("@chelone/core").LooseRecord;
+                record: import("@chelone/core").FileEntry;
             }) => any;
         };
     });
     ImageInputThumbnail: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    LoadingInput: import("vue").DefineComponent<import("./index.js").LoadingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").LoadingInputProps> & Readonly<{}>, {
+    LoadingInput: import("vue").DefineComponent<import("./components/index.js").LoadingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").LoadingInputProps> & Readonly<{}>, {
         size: "default" | "sm";
         timeout: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    NullableBooleanInput: import("vue").DefineComponent<import("./index.js").NullableBooleanInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").NullableBooleanInputProps> & Readonly<{}>, {
+    NullableBooleanInput: import("vue").DefineComponent<import("./components/index.js").NullableBooleanInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").NullableBooleanInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    NumberInput: import("vue").DefineComponent<import("./index.js").NumberInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").NumberInputProps> & Readonly<{}>, {
-        label: string | false;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    PasswordInput: import("vue").DefineComponent<import("./index.js").PasswordInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").PasswordInputProps> & Readonly<{}>, {
+    NumberInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            format?: ((value: number | null) => string) | undefined;
+            parse?: ((value: string) => number | null) | undefined;
+            min?: number | undefined;
+            max?: number | undefined;
+            step?: number | undefined;
+            class?: string | undefined;
+            source: TPath;
+            label?: string | false | undefined;
+            defaultValue?: NoInfer<SourceValue<RecordType, TPath>> | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    PasswordInput: import("vue").DefineComponent<import("./components/index.js").PasswordInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").PasswordInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    PhoneInput: import("vue").DefineComponent<import("./index.js").PhoneInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").PhoneInputProps> & Readonly<{}>, {
+    PhoneInput: import("vue").DefineComponent<import("./components/index.js").PhoneInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").PhoneInputProps> & Readonly<{}>, {
         label: string | false;
         defaultCountry: import("libphonenumber-js").CountryCode;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    RadioButtonGroupInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    RadioButtonGroupInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             row?: boolean | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -667,56 +1326,58 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    RatingInput: import("vue").DefineComponent<import("./index.js").RatingInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").RatingInputProps> & Readonly<{}>, {
+    RatingInput: import("vue").DefineComponent<RatingInputProps<LooseRecord, string>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RatingInputProps<LooseRecord, string>> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     ReferenceArrayInput: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./components/index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("./index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        }, Readonly<import("./components/index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<import("./components/index.js").ReferenceArrayInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & VNodeProps & AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
         };
     });
-    ReferenceInput: import("vue").DefineComponent<import("./index.js").ReferenceInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ReferenceInputProps> & Readonly<{}>, {
+    ReferenceInput: import("vue").DefineComponent<import("./components/index.js").ReferenceInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").ReferenceInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    ResettableTextInput: import("vue").DefineComponent<import("./index.js").ResettableTextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").ResettableTextInputProps> & Readonly<{}>, {
+    ResettableTextInput: import("vue").DefineComponent<import("./components/index.js").ResettableTextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").ResettableTextInputProps> & Readonly<{}>, {
         label: string | false;
         resettable: boolean;
         clearAlwaysVisible: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    SearchInput: import("vue").DefineComponent<import("./index.js").SearchInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").SearchInputProps> & Readonly<{}>, {
-        source: SourceProp;
+    SearchInput: import("vue").DefineComponent<import("./components/index.js").SearchInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").SearchInputProps> & Readonly<{}>, {
+        source: string;
         disableClearable: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    SelectArrayInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    SelectArrayInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             placeholder?: string | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -727,25 +1388,27 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    SelectInput: <TChoice extends import("./index.js").ChoiceRecord = import("./index.js").ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    SelectInput: <TChoice extends ChoiceRecord = ChoiceRecord>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
-        emit: {};
         slots: {};
-    }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-        props: {
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
             emptyText?: string | undefined;
             emptyValue?: string | number | boolean | null | undefined;
             source?: string | undefined;
             choices?: readonly (string | TChoice)[] | undefined;
-            optionText?: import("./index.js").OptionText<TChoice> | undefined;
+            optionText?: import("./choices/index.js").OptionText<TChoice> | undefined;
             optionValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             disableValue?: import("@chelone/core").SourcePath<TChoice> | undefined;
             translateChoice?: boolean | undefined;
@@ -756,27 +1419,73 @@ declare const sourceMembers: {
             disabled?: boolean | undefined;
             readonly?: boolean | undefined;
             class?: string | undefined;
-        } & import("vue").PublicProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
         emit: {};
     }>) => import("vue").VNode & {
-        __ctx?: Awaited<typeof __VLS_setup>;
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
-    SubscriptionPlanPicker: import("vue").DefineComponent<import("./index.js").SubscriptionPlanPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").SubscriptionPlanPickerProps> & Readonly<{}>, {
+    SubscriptionPlanPicker: import("vue").DefineComponent<SubscriptionPlanPickerProps<LooseRecord, string>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SubscriptionPlanPickerProps<LooseRecord, string>> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    TextArrayInput: import("vue").DefineComponent<import("./index.js").TextArrayInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextArrayInputProps> & Readonly<{}>, {
+    TextArrayInput: import("vue").DefineComponent<import("./components/index.js").TextArrayInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./components/index.js").TextArrayInputProps> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    TextInput: import("vue").DefineComponent<import("./index.js").TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TextInputProps> & Readonly<{}>, {
-        label: string | false;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    TimeInput: import("vue").DefineComponent<import("./index.js").TimeInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").TimeInputProps> & Readonly<{}>, {
+    TextInput: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./components/index.js").TextInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            label: string | false;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./components/index.js").TextInputProps> & Readonly<{}>, {}, {}, {}, {}, {
+            label: string | false;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./components/index.js").TextInputProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         label: string | false;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-    WebhookEndpointInput: import("vue").DefineComponent<import("./index.js").WebhookEndpointInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./index.js").WebhookEndpointInputProps> & Readonly<{}>, {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & VNodeProps & AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            controlSuffix?: (props: {}) => any;
+        };
+    });
+    TimeInput: <RecordType = LooseRecord, TPath extends SourceProp<RecordType> = SourceProp<RecordType>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+        attrs: any;
+        slots: {};
+        emit: {};
+    }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: import("vue").PublicProps & {
+            helperText?: string | undefined;
+            disabled?: boolean | undefined;
+            readonly?: boolean | undefined;
+            inputClass?: string | undefined;
+            format?: ((value: import("@chelone/core").DateInputValue) => string) | undefined;
+            parse?: ((input: string) => unknown) | undefined;
+            class?: string | undefined;
+            source: TPath;
+            label?: string | false | undefined;
+            defaultValue?: NoInfer<SourceValue<RecordType, TPath>> | undefined;
+            validate?: (import("@chelone/core").Validator | readonly import("@chelone/core").Validator[]) | undefined;
+        } & (typeof globalThis extends {
+            __VLS_PROPS_FALLBACK: infer P;
+        } ? P : {});
+        expose: (exposed: {}) => void;
+        attrs: any;
+        slots: {};
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+    };
+    WebhookEndpointInput: import("vue").DefineComponent<WebhookEndpointInputProps<LooseRecord, string>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WebhookEndpointInputProps<LooseRecord, string>> & Readonly<{}>, {
         label: string | false;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 };
@@ -804,33 +1513,103 @@ type CallbackResult<TCallback> = NonNullable<TCallback> extends (...args: never[
 /** The first parameter of an optional callback prop. */
 type CallbackParam<TCallback> = NonNullable<TCallback> extends (value: infer TValue, ...args: never[]) => unknown ? TValue : never;
 /**
- * The `format`, `parse` and `transform` entries of `P` with `TValue` in place
- * of the value they took or returned. Each stays optional and keeps the rest
- * of its signature, and one `P` lacks is not added.
+ * The `format`, `parse`, `transform` and `defaultValue` entries of `P` with
+ * `TValue` in place of the value they took or returned. Each stays optional
+ * and keeps the rest of its signature, and one `P` lacks is not added.
  */
 type ValueEntries<P, TValue> = {
+    [K in Extract<keyof P, "defaultValue">]?: TValue;
+} & {
     [K in Extract<keyof P, "format" | "transform">]?: (value: TValue) => CallbackResult<P[K]>;
 } & {
     [K in Extract<keyof P, "parse">]?: (value: CallbackParam<P[K]>) => TValue;
 };
 /**
- * A member whose props have a `format`, `parse` or `transform`: a generic
- * function component over the literal `source`, so those callbacks take the
- * value at it. Volar reads a function component's props off its first
- * parameter and its slots off the second. `NoInfer` keeps `TPath` from being inferred back through
+ * A function component over the literal `source`, so the `format`, `parse`,
+ * `transform` and `defaultValue` in `TProps` take the value at it. Volar reads
+ * a function component's props off its first parameter and its slots off the
+ * second. `NoInfer` keeps `TPath` from being inferred back through
  * `SourceValue` out of a callback's parameter, which overflows the type depth.
  */
-type ValueMember<TComponent extends Ctor, TRecord> = <TPath extends SourceProp<TRecord>>(props: Omit<InstanceType<TComponent>["$props"], "source" | "format" | "parse" | "transform"> & (Partial<Pick<InstanceType<TComponent>["$props"], "source">> extends Pick<InstanceType<TComponent>["$props"], "source"> ? {
+type ValueFunction<TProps, TSlots, TRecord> = <TPath extends SourceProp<TRecord>>(props: Omit<TProps, "source" | "format" | "parse" | "transform" | "defaultValue"> & (Partial<Pick<TProps, Extract<keyof TProps, "source">>> extends Pick<TProps, Extract<keyof TProps, "source">> ? {
     source?: TPath;
 } : {
     source: TPath;
-}) & ValueEntries<InstanceType<TComponent>["$props"], NoInfer<SourceValue<TRecord, TPath>>>, ctx?: {
-    slots?: InstanceType<TComponent>["$slots"];
+}) & ValueEntries<TProps, NoInfer<SourceValue<TRecord, TPath>>>, ctx?: {
+    slots?: TSlots;
 }) => VNode;
-/** The member type: {@link ValueMember} when the props have a value callback, else {@link Retyped}. */
+/** A member whose SFC has a constructor: its props are read off `$props`. */
+type ValueMember<TComponent extends Ctor, TRecord> = ValueFunction<InstanceType<TComponent>["$props"], InstanceType<TComponent>["$slots"], TRecord>;
+/**
+ * A member whose SFC is generic in its record, so it is a function and not a
+ * constructor, and its props cannot be read off it: Vue's generic props type
+ * has an index signature, which `Omit` would collapse. `TProps` is the SFC's
+ * exported props interface at the default (loose) record, retyped by
+ * {@link ValueFunction} as for a {@link ValueMember}.
+ */
+type GenericValueMember<TProps, TRecord, TSlots = object> = ValueFunction<TProps & VNodeProps & AllowedComponentProps, TSlots, TRecord>;
+/** The display fields that are generic in their record, retyped to `TRecord`. */
+type TypedFieldMembers<TRecord> = {
+    BadgeField: GenericValueMember<BadgeFieldProps, TRecord>;
+    BooleanField: GenericValueMember<BooleanFieldProps, TRecord>;
+    ChipField: GenericValueMember<ChipFieldProps, TRecord>;
+    ColorField: GenericValueMember<ColorFieldProps, TRecord>;
+    CronField: GenericValueMember<CronFieldProps, TRecord>;
+    CurrencyField: GenericValueMember<CurrencyFieldProps, TRecord>;
+    DateField: GenericValueMember<DateFieldProps, TRecord>;
+    DurationField: GenericValueMember<DurationFieldProps, TRecord>;
+    EmailField: GenericValueMember<EmailFieldProps, TRecord>;
+    FileField: GenericValueMember<FileFieldProps, TRecord>;
+    ImageField: GenericValueMember<ImageFieldProps, TRecord>;
+    JsonField: GenericValueMember<JsonFieldProps, TRecord>;
+    NumberField: GenericValueMember<NumberFieldProps, TRecord>;
+    PhoneField: GenericValueMember<PhoneFieldProps, TRecord>;
+    SubscriptionPlanField: GenericValueMember<SubscriptionPlanFieldProps, TRecord>;
+    TextArrayField: GenericValueMember<TextArrayFieldProps, TRecord>;
+    TextField: GenericValueMember<TextFieldProps, TRecord>;
+    UrlField: GenericValueMember<UrlFieldProps, TRecord>;
+};
+/** The member type: {@link ValueMember} when the props have a value callback or a `defaultValue`, else {@link Retyped}. */
 type ResourceMember<TComponent extends Ctor, TRecord> = [
-    keyof InstanceType<TComponent>["$props"] & ("format" | "parse" | "transform")
+    keyof InstanceType<TComponent>["$props"] & ("format" | "parse" | "transform" | "defaultValue")
 ] extends [never] ? Retyped<TComponent, SourceProp<TRecord>> : ValueMember<TComponent, TRecord>;
+/** The slots `<ArrayInput>` declares: they do not depend on its generics. */
+type ArrayInputSlots = NonNullable<Parameters<typeof ArrayInput>[1]>["slots"];
+/** The preview slot `<FileInput>` declares: a per-file preview child. */
+type FileInputSlots = NonNullable<Parameters<typeof FileInput>[1]>["slots"];
+/**
+ * `ArrayInput` is generic over its record and its `source`, so its rows are
+ * typed by the array at that `source`. A generic SFC has no constructor for
+ * {@link Retyped} to read, so this is a function component like
+ * {@link ValueMember}.
+ */
+type ArrayInputMember<TRecord> = <TPath extends SourceProp<TRecord>>(props: ArrayInputProps<TRecord, TPath> & VNodeProps & AllowedComponentProps, ctx?: {
+    slots?: ArrayInputSlots;
+}) => VNode;
+/**
+ * The inputs whose `defaultValue` is typed by the value at `source`. Each is a
+ * generic SFC, so it has no constructor for {@link Retyped} to read and the
+ * member is a function component like {@link ArrayInputMember}: the raw props
+ * interface where it carries no value callback, and {@link GenericValueMember}
+ * where its `format`/`parse` must take the value at `source` too.
+ */
+type TypedInputMembers<TRecord> = {
+    AutocompleteArrayInput: <TPath extends SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(props: AutocompleteArrayInputProps<TRecord, TPath, TChoice> & VNodeProps & AllowedComponentProps) => VNode;
+    AutocompleteInput: <TPath extends SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(props: AutocompleteInputProps<TRecord, TPath, TChoice> & VNodeProps & AllowedComponentProps) => VNode;
+    CheckboxGroupInput: <TPath extends SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(props: CheckboxGroupInputProps<TRecord, TPath, TChoice> & VNodeProps & AllowedComponentProps) => VNode;
+    CurrencyInput: <TPath extends SourceProp<TRecord>>(props: CurrencyInputProps<TRecord, TPath> & VNodeProps & AllowedComponentProps) => VNode;
+    DatagridInput: <TPath extends SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(props: DatagridInputProps<TRecord, TPath, TChoice> & VNodeProps & AllowedComponentProps) => VNode;
+    DateInput: GenericValueMember<DateInputProps, TRecord>;
+    DateTimeInput: GenericValueMember<DateTimeInputProps, TRecord>;
+    DurationInput: <TPath extends SourceProp<TRecord>>(props: DurationInputProps<TRecord, TPath> & VNodeProps & AllowedComponentProps) => VNode;
+    FileInput: GenericValueMember<FileInputProps, TRecord, FileInputSlots>;
+    NumberInput: GenericValueMember<NumberInputProps, TRecord>;
+    RatingInput: <TPath extends SourceProp<TRecord>>(props: RatingInputProps<TRecord, TPath> & VNodeProps & AllowedComponentProps) => VNode;
+    SelectArrayInput: <TPath extends SourceProp<TRecord>, TChoice extends ChoiceRecord = ChoiceRecord>(props: SelectArrayInputProps<TRecord, TPath, TChoice> & VNodeProps & AllowedComponentProps) => VNode;
+    SubscriptionPlanPicker: <TPath extends SourceProp<TRecord>>(props: SubscriptionPlanPickerProps<TRecord, TPath> & VNodeProps & AllowedComponentProps) => VNode;
+    TimeInput: GenericValueMember<TimeInputProps, TRecord>;
+    WebhookEndpointInput: <TPath extends SourceProp<TRecord>>(props: WebhookEndpointInputProps<TRecord, TPath> & VNodeProps & AllowedComponentProps) => VNode;
+};
 /**
  * A view with its `resource` prop removed. Templates are not strict about
  * undeclared attributes, so the prop stays as `never` to make
@@ -841,15 +1620,35 @@ type BoundView<TComponent extends Ctor> = Pick<TComponent, keyof TComponent> & (
         resource?: never;
     };
 });
+/** The slots `<Create>` and `<Edit>` declare: they do not depend on their record. */
+type CreateSlots = NonNullable<Parameters<typeof Create>[1]>["slots"];
+type EditSlots = NonNullable<Parameters<typeof Edit>[1]>["slots"];
+/**
+ * `<Create>` is generic over its record, so a generic SFC has no constructor
+ * for {@link BoundView} to read. This is a function component like
+ * {@link ArrayInputMember}, with `resource` kept as `never` for the same reason.
+ */
+type CreateMember<TRecord> = (props: Omit<CreateProps<TRecord>, "resource"> & {
+    resource?: never;
+} & VNodeProps & AllowedComponentProps, ctx?: {
+    slots?: CreateSlots;
+}) => VNode;
+/** `<Edit>` bound to a resource, typed by that resource's record. */
+type EditMember<TRecord> = (props: Omit<EditProps<TRecord>, "resource"> & {
+    resource?: never;
+} & VNodeProps & AllowedComponentProps, ctx?: {
+    slots?: EditSlots;
+}) => VNode;
 /**
  * What `createResourceComponents(name)` returns: the four views bound to
  * `TName`, and every field and input with `source` typed by `TName`'s record.
  */
 export type ResourceComponents<TResources extends ResourceMap, TName extends keyof TResources & string> = {
-    [K in keyof SourceMembers as SourceMembers[K] extends Ctor ? K : never]: ResourceMember<Extract<SourceMembers[K], Ctor>, RecordOf<TResources, TName>>;
-} & {
-    Edit: BoundView<typeof Edit>;
-    Create: BoundView<typeof Create>;
+    [K in keyof SourceMembers as SourceMembers[K] extends Ctor ? K extends keyof TypedInputMembers<LooseRecord> ? never : K : never]: ResourceMember<Extract<SourceMembers[K], Ctor>, RecordOf<TResources, TName>>;
+} & TypedInputMembers<RecordOf<TResources, TName>> & TypedFieldMembers<RecordOf<TResources, TName>> & {
+    ArrayInput: ArrayInputMember<RecordOf<TResources, TName>>;
+    Edit: EditMember<RecordOf<TResources, TName>>;
+    Create: CreateMember<RecordOf<TResources, TName>>;
     Show: BoundView<typeof Show>;
     List: BoundView<typeof List>;
 };