@ghentcdh/json-forms-vue 1.1.0 → 2.0.0

package/forms/modal/FormModalService.d.ts

@@ -0,0 +1,42 @@
+import { SizeType } from '../../../../core/src/index.ts';
+import { FormModalResult } from './FormModal.properties';
+import { FormEventPayload } from '../../composables/useFormEvents';
+import { HttpClient } from '../../http-client';
+export declare class JsonFormModalService {
+    static openModal<DATA = any>({ initialData, modalTitle, schema, uiSchema, modalSize, onClose, onEvents, http, renderers, }: {
+        initialData?: DATA;
+        schema: any;
+        uiSchema: any;
+        modalSize?: SizeType;
+        modalTitle: string;
+        onClose: (result: FormModalResult) => void;
+        onEvents?: (payload: FormEventPayload) => void;
+        http?: HttpClient;
+        renderers?: any[];
+    }): void;
+    static openViewModal<DATA = any>({ data, modalTitle, schema, uiSchema, modalSize, onClose, onEdit, onDelete, renderers, onView, }: {
+        data?: DATA;
+        schema: any;
+        uiSchema: any;
+        modalSize?: SizeType;
+        renderers?: any[];
+        modalTitle: string;
+        onClose?: () => void;
+        /**
+         * Called when the user clicks Edit.
+         * Passed as `onEdit` so Vue's v-bind spread in modalWrapper wires it as
+         * a listener for the `edit` event emitted by ViewModal.
+         */
+        onEdit?: (data: DATA) => void;
+        /**
+         * Called when the user clicks Delete.
+         * Passed as `onDelete` so Vue's v-bind spread in modalWrapper wires it as
+         * a listener for the `delete` event emitted by ViewModal.
+         */
+        onDelete?: (data: DATA) => void;
+        /**
+         * Called when the user clicks view in the form.
+         */
+        onView?: (data: any) => void;
+    }): void;
+}

package/forms/renderers/array/ArrayRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { JsonSchema, UISchemaElement } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: UISchemaElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/forms/renderers/array/ArrayRenderers.d.ts

@@ -0,0 +1,10 @@
+export declare const arrayRenderers: {
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}[];

package/forms/renderers/controls/AutocompleteControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/forms/renderers/controls/BooleanControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/forms/renderers/controls/MarkdownControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+export default _default;

package/forms/renderers/controls/MultiSelectControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/forms/renderers/controls/NumberControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+export default _default;

package/forms/renderers/controls/SelectControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/forms/renderers/controls/StringControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+export default _default;

package/forms/renderers/controls/TextAreaControlRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
+export default _default;

package/forms/renderers/controls/composables/useControlBinding.d.ts

@@ -0,0 +1,36 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+import { FieldContext } from 'vee-validate';
+import { Ref } from 'vue';
+import { ControlOption } from '../../../../../../core/src/index.ts';
+import { UseInputOptions } from './useInput';
+export type useCustomProps = (uischema: ControlElement, schema: JsonSchema, field: FieldContext, options: any) => Ref<any>;
+export declare const useCustomControlBinding: <CONTROL_OPTION extends ControlOption = ControlOption>({ useProps, setDefaultValue, }?: {
+    useProps?: useCustomProps;
+    additionalProps?: useCustomProps;
+    setDefaultValue?: (field: FieldContext) => void;
+}) => (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
+    wrapper: import('vue').ComputedRef<any>;
+    value: Ref<unknown, unknown>;
+    field: FieldContext<unknown>;
+    onBlur: () => void;
+    onChange: () => void;
+    appliedOptions: import('vue').ComputedRef<{
+        [key: string]: any;
+    } | CONTROL_OPTION>;
+};
+export declare const useControlBinding: (uischema: ControlElement, schema: JsonSchema, options?: UseInputOptions) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
+    wrapper: import('vue').ComputedRef<any>;
+    value: Ref<unknown, unknown>;
+    field: FieldContext<unknown>;
+    onBlur: () => void;
+    onChange: () => void;
+    appliedOptions: import('vue').ComputedRef<ControlOption | {
+        [key: string]: any;
+    }>;
+};

package/forms/renderers/controls/composables/useFetchOption.d.ts

@@ -0,0 +1,17 @@
+import { AutocompleteAllOptions } from '../../../../../../core/src/index.ts';
+import { HttpClient } from '../../../../http-client';
+/**
+ * Resolves autocomplete configuration from control options.
+ *
+ * Dispatches to either {@link useRemoteOption} (when `uri` is set) or
+ * {@link useResourceOptions} (when `resource` is set). Returns a unified
+ * config object with `fetchOptions`, label/value keys, and optional
+ * inline-create form details.
+ */
+export declare const useFetchOptions: (options: AutocompleteAllOptions, http: HttpClient, formValues?: any) => Promise<{
+    fetchOptions: ((searchTerm: string, signal: AbortSignal) => Promise<any>) | null;
+    labelKey: string | undefined;
+    valueKey: string | undefined;
+    enableCreate: boolean;
+    form: Record<string, any> | null;
+}>;

package/forms/renderers/controls/composables/useInput.d.ts

@@ -0,0 +1,24 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+import { FieldContext } from 'vee-validate';
+import { MyStyles } from '../../../../../../../ui/src/index.ts';
+export interface InputProps {
+    id: string;
+    placeholder?: string;
+    description?: string;
+    errors?: string;
+    label: string;
+    visible: boolean;
+    required: boolean;
+    enabled: boolean;
+    isFocused: boolean;
+    isTouched: boolean;
+    hideLabel: boolean;
+    styles: MyStyles;
+    width: string;
+    type: string;
+}
+export interface UseInputOptions {
+    overrides?: Partial<InputProps>;
+    defaultType?: string;
+}
+export declare const useInputProps: (uischema: ControlElement, schema: JsonSchema, field: FieldContext, options?: UseInputOptions) => import('vue').ComputedRef<InputProps>;

package/forms/renderers/controls/composables/useReadonlyBinding.d.ts

@@ -0,0 +1,135 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+import { FieldContext } from 'vee-validate';
+import { ControlOption } from '../../../../../../core/src/index.ts';
+import { useCustomProps } from './useControlBinding';
+import { UseInputOptions } from './useInput';
+export declare const isLink: (value: string) => boolean;
+export declare const getNestedValue: (value: any, opts: any, formValues: any) => any;
+export declare const useCustomReadonlyControlBinding: <CONTROL_OPTION extends ControlOption = ControlOption>({ useProps, setDefaultValue, }?: {
+    useProps?: useCustomProps;
+    additionalProps?: useCustomProps;
+    setDefaultValue?: (field: FieldContext) => void;
+}) => (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    wrapper: import('vue').ComputedRef<any>;
+    appliedOptions: import('vue').ComputedRef<{
+        [key: string]: any;
+    } | CONTROL_OPTION>;
+    displayWrapper: import('vue').ComputedRef<{
+        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
+            direction: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        value: {
+            value: unknown;
+            path: string;
+            displayValue: any;
+            options: {
+                [key: string]: any;
+            };
+            direction: "ltr" | "rtl";
+        };
+    }>;
+};
+export declare const useReadonlyControlBinding: (uischema: ControlElement, schema: JsonSchema, options?: UseInputOptions) => {
+    wrapper: import('vue').ComputedRef<any>;
+    appliedOptions: import('vue').ComputedRef<ControlOption | {
+        [key: string]: any;
+    }>;
+    displayWrapper: import('vue').ComputedRef<{
+        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
+            direction: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        value: {
+            value: unknown;
+            path: string;
+            displayValue: any;
+            options: {
+                [key: string]: any;
+            };
+            direction: "ltr" | "rtl";
+        };
+    }>;
+};

package/forms/renderers/controls/composables/useSelectBinding.d.ts

@@ -0,0 +1,29 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+import { FieldContext } from 'vee-validate';
+import { AutocompleteAllOptions, SelectOptions } from '../../../../../../core/src/index.ts';
+export declare const useSelectBinding: (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
+    wrapper: import('vue').ComputedRef<any>;
+    value: import('vue').Ref<unknown, unknown>;
+    field: FieldContext<unknown>;
+    onBlur: () => void;
+    onChange: () => void;
+    appliedOptions: import('vue').ComputedRef<SelectOptions | {
+        [key: string]: any;
+    }>;
+};
+export declare const useAutocompleteBinding: (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
+    wrapper: import('vue').ComputedRef<any>;
+    value: import('vue').Ref<unknown, unknown>;
+    field: FieldContext<unknown>;
+    onBlur: () => void;
+    onChange: () => void;
+    appliedOptions: import('vue').ComputedRef<AutocompleteAllOptions | {
+        [key: string]: any;
+    }>;
+};

package/forms/renderers/controls/index.d.ts

@@ -0,0 +1,10 @@
+export declare const controlRenderers: {
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}[];

package/forms/renderers/controls/readonly/ControlReadonlyRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/forms/renderers/controls/readonly/ReadonlyLabel.vue.d.ts

@@ -0,0 +1,254 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errors: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('../../../../../../../ui/src/index.ts').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errors: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('../../../../../../../ui/src/index.ts').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: string;
+    label: string;
+    required: boolean;
+    id: string;
+    placeholder: string;
+    width: string;
+    styles: {
+        readonly group: {
+            readonly root: "group";
+            readonly label: "text-primary text-lg font-bold";
+            readonly item: "group-item";
+        };
+        readonly verticalLayout: {
+            readonly root: "flex flex-col gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly horizontalLayout: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly arrayList: {
+            readonly root: "fieldset";
+            readonly legend: "fieldset-legend text-xl capitalize";
+        };
+        readonly control: {
+            readonly root: "fieldset";
+            readonly wrapper: "fieldset";
+            readonly label: "fieldset-legend";
+            readonly error: "";
+            readonly input: "input";
+            readonly textarea: "textarea h-32";
+            readonly checkbox: "checkbox";
+            readonly select: "input pr-14";
+            readonly description: "form-control--description label text-xs text-gray-500";
+        };
+        readonly fixedArrayList: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+    };
+    hideLabel: boolean;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideErrors: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/forms/renderers/controls/readonly/__tests__/formatDate.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/forms/renderers/controls/readonly/constants.d.ts

@@ -0,0 +1,2 @@
+/** Placeholder shown in readonly renderers when a field has no value. */
+export declare const EMPTY_VALUE = "\u2014";