@react-typed-forms/schemas-html 4.1.1 → 5.0.0

package/lib/adornments/optionalAdornment.d.ts

@@ -1,29 +1,8 @@
-import { AdornmentPlacement, AdornmentRendererRegistration, ControlDataContext, OptionalAdornment } from "@react-typed-forms/schemas";
+import { AdornmentRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultOptionalAdornmentOptions, OptionalRenderProps } from "../rendererOptions";
 import { Control } from "@react-typed-forms/core";
-import { ReactNode } from "react";
-export interface OptionalRenderProps {
-    allValues: Control<unknown[]>;
-    editing: Control<boolean | undefined>;
-    children: ReactNode;
-    adornment: OptionalAdornment;
-    nullToggler: Control<boolean>;
-    dataContext: ControlDataContext;
-    options: DefaultOptionalAdornmentOptions;
-    dataControl: Control<any>;
-}
-export interface DefaultOptionalAdornmentOptions {
-    className?: string;
-    checkClass?: string;
-    childWrapperClass?: string;
-    multiValuesClass?: string;
-    multiValuesText?: string;
-    nullWrapperClass?: string;
-    setNullText?: string;
-    defaultPlacement?: AdornmentPlacement;
-    hideEdit?: boolean;
-    customRender?: (props: OptionalRenderProps) => ReactNode;
-}
+import React, { ReactNode } from "react";
 export declare function createOptionalAdornment(options?: DefaultOptionalAdornmentOptions): AdornmentRendererRegistration;
 export declare function OptionalEditRenderer({ children, options, adornment, editing, renderMultiValues, allValues, nullToggler, }: OptionalRenderProps & {
     renderMultiValues?: (allValues: Control<unknown[]>) => ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/ArrayElementRenderer.d.ts

@@ -1,5 +1,2 @@
-export interface ArrayElementRendererOptions {
-    className?: string;
-    actionsClass?: string;
-}
+import { ArrayElementRendererOptions } from "../rendererOptions";
 export declare function createArrayElementRenderer(options?: ArrayElementRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/AutocompleteRenderer.d.ts

@@ -1,13 +1,7 @@
 import { Control } from "@react-typed-forms/core";
 import { AutocompleteClasses } from "@react-typed-forms/schemas";
+import { AutocompleteRendererOptions } from "../rendererOptions";
 import { UseAutocompleteProps } from "@mui/base";
-export interface AutocompleteRendererOptions {
-    className?: string;
-    listContainerClass?: string;
-    listEntryClass?: string;
-    chipContainerClass?: string;
-    chipCloseButtonClass?: string;
-}
 export interface AutocompleteProps<A, Multiple extends boolean> extends UseAutocompleteProps<A, Multiple, false, true> {
     control: Control<any>;
     className?: string;

package/lib/components/CheckRenderer.d.ts

@@ -1,38 +1,12 @@
 import { Control } from "@react-typed-forms/core";
-import { ReactNode } from "react";
-import { CheckEntryClasses, FieldOption, FormRenderer, HtmlInputProperties } from "@react-typed-forms/schemas";
-export interface CheckRendererOptions {
-    className?: string;
-    entryClass?: string;
-    checkClass?: string;
-    labelClass?: string;
-    entryWrapperClass?: string;
-    selectedClass?: string;
-    notSelectedClass?: string;
-}
+import React from "react";
+import { CheckRendererOptions, FormRenderer, HtmlInputProperties } from "@react-typed-forms/schemas";
 export declare function createRadioRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
 export declare function createCheckListRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
-export interface CheckButtonsProps {
-    id?: string;
-    className?: string;
-    options?: FieldOption[] | null;
-    control: Control<any>;
-    classes: CheckRendererOptions;
-    controlClasses?: CheckEntryClasses;
-    readonly?: boolean;
-    type: "checkbox" | "radio";
-    isChecked: (c: Control<any>, o: FieldOption) => boolean;
-    setChecked: (c: Control<any>, o: FieldOption, checked: boolean) => void;
-    entryAdornment?: (c: FieldOption, i: number, selected: boolean) => ReactNode;
-}
-export declare function CheckButtons({ control, options, readonly, className, id, type, isChecked, setChecked, entryAdornment, classes, controlClasses, renderer, }: CheckButtonsProps & {
-    renderer: FormRenderer;
-}): JSX.Element;
-export declare function setIncluded<A>(array: A[], elem: A, included: boolean): A[];
 export declare function createCheckboxRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
 export declare function createElementSelectedRenderer(options?: CheckRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
 export declare function Fcheckbox({ control, type, notValue, renderer, ...others }: HtmlInputProperties & {
     control: Control<boolean | null | undefined>;
     renderer: FormRenderer;
     notValue?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/ControlInput.d.ts

@@ -6,13 +6,14 @@ export interface ControlInputProps {
     textClass?: string;
     style?: React.CSSProperties;
     id?: string;
+    errorId?: string;
     readOnly?: boolean;
     placeholder?: string;
     control: Control<any>;
     convert: InputConversion;
     renderer: FormRenderer;
 }
-export declare function ControlInput({ control, convert, renderer, ...props }: ControlInputProps): JSX.Element;
+export declare function ControlInput({ control, convert, renderer, errorId, ...props }: ControlInputProps): React.JSX.Element;
 type InputConversion = [
     string,
     (s: string) => any,

package/lib/components/DefaultAccordion.d.ts

@@ -1,14 +1,21 @@
-import { CSSProperties, ReactElement } from "react";
+import React, { CSSProperties, ReactElement, ReactNode } from "react";
 import { Control } from "@react-typed-forms/core";
-import { DefaultAccordionRendererOptions } from "../createDefaultRenderers";
-import { AccordionAdornment, ControlDataContext, FormRenderer } from "@react-typed-forms/schemas";
-export declare function DefaultAccordion({ children, accordion, contentStyle, contentClassName, designMode, iconOpen, iconClosed, className, renderTitle, renderToggler, renderers, titleClass, useCss, dataContext, }: {
+import { ControlDataContext, FormRenderer } from "@react-typed-forms/schemas";
+import { DefaultAccordionRendererOptions } from "../rendererOptions";
+export declare function DefaultAccordion({ openCtrl, children, contentStyle, className, contentClassName, designMode, renderers, dataContext, title, options, defaultExpanded, isGroup, titleTextClass, }: {
+    openCtrl?: Control<boolean> | undefined;
     children: ReactElement;
-    accordion: Partial<AccordionAdornment>;
+    title: ReactNode;
+    isGroup: boolean;
+    className?: string;
+    titleTextClass?: string;
+    defaultExpanded?: boolean | null;
     contentStyle?: CSSProperties;
     contentClassName?: string;
     designMode?: boolean;
     renderers: FormRenderer;
     dataContext: ControlDataContext;
-} & DefaultAccordionRendererOptions): JSX.Element;
+    options?: DefaultAccordionRendererOptions;
+}): React.JSX.Element;
 export declare function getAccordionState(c: Control<unknown>): Control<boolean> | undefined;
+export declare function createAccordionGroupRenderer(options?: DefaultAccordionRendererOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/DefaultArrayRenderer.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { ActionRendererProps, ArrayActionOptions, ArrayRendererProps, ArrayRendererRegistration, DataRendererProps, DataRendererRegistration, FormRenderer, HtmlComponents } from "@react-typed-forms/schemas";
+import { DefaultArrayRendererOptions } from "../rendererOptions";
 export declare function createDefaultArrayDataRenderer(defaultActions?: ArrayActionOptions): DataRendererRegistration;
 /**
  * @trackControls
@@ -9,17 +10,9 @@ export declare function DataArrayRenderer({ dataProps, renderers, defaultActions
     dataProps: DataRendererProps;
     defaultActions?: ArrayActionOptions;
 }): React.ReactNode;
-export interface DefaultArrayRendererOptions extends ArrayActionOptions {
-    className?: string;
-    removableClass?: string;
-    childClass?: string;
-    removableChildClass?: string;
-    removeActionClass?: string;
-    addActionClass?: string;
-}
 export declare function createDefaultArrayRenderer(options?: DefaultArrayRendererOptions): ArrayRendererRegistration;
 export interface DefaultArrayRendererProps extends DefaultArrayRendererOptions, ArrayRendererProps {
     renderAction: (props: ActionRendererProps) => ReactNode;
     html: HtmlComponents;
 }
-export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): JSX.Element;
+export declare function DefaultArrayRenderer(props: DefaultArrayRendererProps): React.JSX.Element;

package/lib/components/DefaultDialogRenderer.d.ts

@@ -1,14 +1,10 @@
 import { DialogRenderOptions, FormRenderer, GroupRendererProps } from "@react-typed-forms/schemas";
-export interface DefaultDialogRenderOptions {
-    classes?: {
-        className?: string;
-        titleClass?: string;
-    };
-}
+import { DefaultDialogRenderOptions } from "../rendererOptions";
 export declare const defaultDialogOptions: {
     classes: {
         className: string;
         titleClass: string;
+        containerClass: string;
     };
 };
 export declare function createDialogRenderer(options?: DefaultDialogRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;
@@ -17,4 +13,4 @@ export declare function DefaultDialogRenderer({ props, renderOptions, options, r
     options?: DefaultDialogRenderOptions;
     renderOptions: DialogRenderOptions;
     renderer: FormRenderer;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/lib/components/DefaultDisplay.d.ts

@@ -1,12 +1,9 @@
+import React from "react";
 import { DisplayRendererProps, DisplayRendererRegistration, FormRenderer } from "@react-typed-forms/schemas";
-export interface DefaultDisplayRendererOptions {
-    textClassName?: string;
-    textTextClass?: string;
-    htmlClassName?: string;
-}
+import { DefaultDisplayRendererOptions } from "../rendererOptions";
 export declare function createDefaultDisplayRenderer(options?: DefaultDisplayRendererOptions): DisplayRendererRegistration;
 export declare function DefaultDisplay({ renderer, options, displayProps, }: {
     displayProps: DisplayRendererProps;
     options: DefaultDisplayRendererOptions;
     renderer: FormRenderer;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/DefaultDisplayOnly.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ControlState, FormRenderer, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
+import { FormRenderer, FormStateNode, SchemaDataNode, SchemaInterface } from "@react-typed-forms/schemas";
 export declare function DefaultDisplayOnly({ dataNode, className, emptyText, schemaInterface, style, renderer, textClass, inline, state, }: {
     dataNode: SchemaDataNode;
     schemaInterface: SchemaInterface;
@@ -9,5 +9,5 @@ export declare function DefaultDisplayOnly({ dataNode, className, emptyText, sch
     inline: boolean;
     renderer: FormRenderer;
     emptyText?: string | null;
-    state: ControlState;
-}): JSX.Element;
+    state: FormStateNode;
+}): React.JSX.Element;

package/lib/components/DefaultGroupRenderer.d.ts

@@ -1,17 +1,3 @@
 import { GroupRendererRegistration } from "@react-typed-forms/schemas";
-import { DefaultTabsRenderOptions } from "./TabsRenderer";
-import { DefaultGridRenderOptions } from "./GridRenderer";
-import { DefaultWizardRenderOptions } from "./DefaultWizardRenderer";
-import { DefaultDialogRenderOptions } from "./DefaultDialogRenderer";
-export interface DefaultGroupRendererOptions {
-    className?: string;
-    standardClassName?: string;
-    grid?: DefaultGridRenderOptions;
-    flexClassName?: string;
-    defaultFlexGap?: string;
-    inlineClass?: string;
-    tabs?: DefaultTabsRenderOptions;
-    wizard?: DefaultWizardRenderOptions;
-    dialog?: DefaultDialogRenderOptions;
-}
-export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions): GroupRendererRegistration;
+import { DefaultGroupRendererOptions, DefaultAdornmentRendererOptions } from "../rendererOptions";
+export declare function createDefaultGroupRenderer(options?: DefaultGroupRendererOptions, adornmentOptions?: DefaultAdornmentRendererOptions): GroupRendererRegistration;

package/lib/components/DefaultLayout.d.ts

@@ -1,12 +1,8 @@
 import { FormRenderer, RenderedLayout } from "@react-typed-forms/schemas";
-import { ReactNode } from "react";
-export interface DefaultLayoutRendererOptions {
-    className?: string;
-    errorClass?: string;
-    renderError?: (errorText: string | null | undefined) => ReactNode;
-}
+import { DefaultLayoutRendererOptions } from "../rendererOptions";
+import React from "react";
 export declare function createDefaultLayoutRenderer(options?: DefaultLayoutRendererOptions): import("@react-typed-forms/schemas").LayoutRendererRegistration;
-export declare function DefaultLayout({ errorClass, renderer: { html: { Div, Span }, }, renderError, layout: { controlEnd, controlStart, label, children, errorControl }, }: DefaultLayoutRendererOptions & {
+export declare function DefaultLayout({ errorClass, renderer: { html: { Div, Span }, }, renderError, layout: { controlEnd, controlStart, label, children, errorControl, errorId }, }: DefaultLayoutRendererOptions & {
     layout: RenderedLayout;
     renderer: FormRenderer;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/DefaultVisibility.d.ts

@@ -4,4 +4,4 @@ import React from "react";
 export declare function createDefaultVisibilityRenderer(): import("@react-typed-forms/schemas").VisibilityRendererRegistration;
 export declare function DefaultVisibility({ visibility, children, className, style, divRef, renderer, inline, }: VisibilityRendererProps & {
     renderer: FormRenderer;
-}): string | number | boolean | JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;

package/lib/components/DefaultWizardRenderer.d.ts

@@ -1,28 +1,2 @@
-import { ActionRendererProps, FormRenderer, IconReference } from "@react-typed-forms/schemas";
-import { ReactNode } from "react";
-export interface CustomNavigationProps {
-    className?: string;
-    page: number;
-    totalPages: number;
-    next: ActionRendererProps;
-    prev: ActionRendererProps;
-    formRenderer: FormRenderer;
-    validatePage: () => Promise<boolean>;
-}
-export interface DefaultWizardRenderOptions {
-    classes?: {
-        className?: string;
-        navContainerClass?: string;
-        contentClass?: string;
-    };
-    actions?: {
-        nextText?: string;
-        nextIcon?: IconReference;
-        nextValidate?: boolean;
-        prevText?: string;
-        prevIcon?: IconReference;
-        prevValidate?: boolean;
-    };
-    renderNavigation?: (props: CustomNavigationProps) => ReactNode;
-}
+import { DefaultWizardRenderOptions } from "../rendererOptions";
 export declare function createWizardRenderer(options?: DefaultWizardRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/GridRenderer.d.ts

@@ -1,6 +1,2 @@
-export interface DefaultGridRenderOptions {
-    className?: string;
-    defaultColumns?: number;
-    rowClass?: string;
-}
+import { DefaultGridRenderOptions } from "../rendererOptions";
 export declare function createGridRenderer(options?: DefaultGridRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/HtmlCheckButtons.d.ts

@@ -0,0 +1,3 @@
+import { CheckButtonsProps } from "@react-typed-forms/schemas";
+import React from "react";
+export declare function HtmlCheckButtons(props: CheckButtonsProps): React.JSX.Element;

package/lib/components/JsonataRenderer.d.ts

@@ -1,4 +1,5 @@
 import { Control } from "@react-typed-forms/core";
+import React from "react";
 import { ControlDataContext, JsonataRenderOptions, RunExpression, SchemaDataNode } from "@react-typed-forms/schemas";
 export declare function createJsonataRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
 export declare function JsonataRenderer({ control, renderOptions, readonly, className, dataContext, dataNode, runExpression, }: {
@@ -9,4 +10,4 @@ export declare function JsonataRenderer({ control, renderOptions, readonly, clas
     dataNode: SchemaDataNode;
     readonly: boolean;
     runExpression: RunExpression;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/MultilineTextfield.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DataRendererProps } from "@react-typed-forms/schemas";
 export declare function createMultilineFieldRenderer(className?: string): import("@react-typed-forms/schemas").DataRendererRegistration;
-export declare function MultilineTextfield({ control, className }: DataRendererProps): JSX.Element;
+export declare function MultilineTextfield({ control, className }: DataRendererProps): React.JSX.Element;

package/lib/components/ScrollListRenderer.d.ts

@@ -0,0 +1,2 @@
+import { DefaultScrollListOptions } from "../rendererOptions";
+export declare function createScrollListRenderer(options?: DefaultScrollListOptions): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/components/SelectDataRenderer.d.ts

@@ -1,10 +1,7 @@
 import { Control } from "@react-typed-forms/core";
+import React from "react";
 import { FieldOption } from "@react-typed-forms/schemas";
-export interface SelectRendererOptions {
-    className?: string;
-    emptyText?: string;
-    requiredText?: string;
-}
+import { SelectRendererOptions } from "../rendererOptions";
 export declare function createSelectRenderer(options?: SelectRendererOptions): import("@react-typed-forms/schemas").DataRendererRegistration;
 type SelectConversion = (a: any) => string | number;
 export interface SelectDataRendererProps {
@@ -18,6 +15,6 @@ export interface SelectDataRendererProps {
     state: Control<any>;
     convert: SelectConversion;
 }
-export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): JSX.Element;
+export declare function SelectDataRenderer({ state, options, className, convert, required, emptyText, requiredText, readonly, ...props }: SelectDataRendererProps): React.JSX.Element;
 export declare function createSelectConversion(ft: string): SelectConversion;
 export {};

package/lib/components/TabsRenderer.d.ts

@@ -1,10 +1,2 @@
-export interface DefaultTabsRenderOptions {
-    className?: string;
-    tabListClass?: string;
-    tabClass?: string;
-    labelClass?: string;
-    activeClass?: string;
-    inactiveClass?: string;
-    contentClass?: string;
-}
+import { DefaultTabsRenderOptions } from "../rendererOptions";
 export declare function createTabsRenderer(options?: DefaultTabsRenderOptions): import("@react-typed-forms/schemas").GroupRendererRegistration;

package/lib/components/ValueForFieldRenderer.d.ts

@@ -1,12 +1,4 @@
-import { ControlDefinitionExtension, RenderOptions, SchemaNode } from "@react-typed-forms/schemas";
-export interface ValueForFieldRenderOptions extends RenderOptions {
-    type: "ValueForField";
-    fieldRef?: string | null;
-    noOptions?: boolean;
-    refIsDirect?: boolean;
-}
+import { ControlDefinitionExtension } from "@react-typed-forms/schemas";
+import { ValueForFieldOptions } from "../rendererOptions";
 export declare const ValueForFieldExtension: ControlDefinitionExtension;
-export interface ValueForFieldOptions {
-    schema: SchemaNode;
-}
 export declare function createValueForFieldRenderer(options: ValueForFieldOptions): import("@react-typed-forms/schemas").DataRendererRegistration;

package/lib/createButtonActionRenderer.d.ts

@@ -1,21 +1,3 @@
-import { ReactNode } from "react";
-import { ActionRendererRegistration, IconPlacement, IconReference } from "@react-typed-forms/schemas";
-export interface DefaultActionRendererOptions {
-    buttonClass?: string;
-    textClass?: string;
-    primaryClass?: string;
-    primaryTextClass?: string;
-    secondaryClass?: string;
-    secondaryTextClass?: string;
-    linkClass?: string;
-    linkTextClass?: string;
-    iconBeforeClass?: string;
-    iconAfterClass?: string;
-    groupClass?: string;
-    renderContent?: (actionText: string, actionId: string, actionData: any) => ReactNode;
-    icon?: IconReference;
-    iconPlacement?: IconPlacement;
-    notWrapInText?: boolean;
-    androidRippleColor?: string;
-}
+import { ActionRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultActionRendererOptions } from "./rendererOptions";
 export declare function createButtonActionRenderer(actionId: string | string[] | undefined, options?: DefaultActionRendererOptions): ActionRendererRegistration;

package/lib/createDefaultRenderers.d.ts

@@ -1,89 +1,14 @@
-import { DefaultDisplayRendererOptions } from "./components/DefaultDisplay";
-import { DefaultLayoutRendererOptions } from "./components/DefaultLayout";
-import { ReactElement, ReactNode } from "react";
-import { SelectRendererOptions } from "./components/SelectDataRenderer";
-import { Control } from "@react-typed-forms/core";
-import { DefaultArrayRendererOptions } from "./components/DefaultArrayRenderer";
-import { CheckRendererOptions } from "./components/CheckRenderer";
-import { AdornmentRendererRegistration, ArrayActionOptions, DataRendererRegistration, DefaultRenderers, FieldOption, FormRenderer, HtmlButtonProperties, HtmlComponents, HtmlDivProperties, HtmlIconProperties, HtmlInputProperties, HtmlLabelProperties, IconReference, LabelRendererRegistration, RendererRegistration } from "@react-typed-forms/schemas";
-import { DefaultGroupRendererOptions } from "./components/DefaultGroupRenderer";
-import { AutocompleteRendererOptions } from "./components/AutocompleteRenderer";
-import { DefaultOptionalAdornmentOptions } from "./adornments/optionalAdornment";
-import { ArrayElementRendererOptions } from "./components/ArrayElementRenderer";
-import { DefaultActionRendererOptions } from "./createButtonActionRenderer";
-export interface DefaultRendererOptions {
-    data?: DefaultDataRendererOptions;
-    display?: DefaultDisplayRendererOptions;
-    action?: DefaultActionRendererOptions;
-    array?: DefaultArrayRendererOptions;
-    group?: DefaultGroupRendererOptions;
-    label?: DefaultLabelRendererOptions;
-    adornment?: DefaultAdornmentRendererOptions;
-    layout?: DefaultLayoutRendererOptions;
-    extraRenderers?: (options: DefaultRendererOptions) => RendererRegistration[];
-    html?: FormRenderer["html"];
-}
-export declare const DefaultBoolOptions: FieldOption[];
-export interface DefaultDataRendererOptions {
-    inputClass?: string;
-    inputTextClass?: string;
-    displayOnlyClass?: string;
-    selectOptions?: SelectRendererOptions;
-    checkboxOptions?: CheckRendererOptions;
-    checkOptions?: CheckRendererOptions;
-    radioOptions?: CheckRendererOptions;
-    checkListOptions?: CheckRendererOptions;
-    autocompleteOptions?: AutocompleteRendererOptions;
-    arrayElementOptions?: ArrayElementRendererOptions;
-    booleanOptions?: FieldOption[];
-    optionRenderer?: DataRendererRegistration;
-    multilineClass?: string;
-    jsonataClass?: string;
-    arrayOptions?: ArrayActionOptions;
-    defaultEmptyText?: string;
-}
+import React from "react";
+import { AdornmentRendererRegistration, DataRendererRegistration, DefaultRenderers, HtmlButtonProperties, HtmlComponents, HtmlDivProperties, HtmlIconProperties, HtmlInputProperties, HtmlLabelProperties, LabelRendererRegistration } from "@react-typed-forms/schemas";
+import { DefaultAdornmentRendererOptions, DefaultRendererOptions, DefaultDataRendererOptions, DefaultLabelRendererOptions } from "./rendererOptions";
 export declare function createDefaultDataRenderer(options?: DefaultDataRendererOptions): DataRendererRegistration;
-export interface DefaultAccordionRendererOptions {
-    className?: string;
-    titleClass?: string;
-    togglerClass?: string;
-    iconOpen?: IconReference;
-    iconClosed?: IconReference;
-    renderTitle?: (title: string | undefined, current: Control<boolean>) => ReactNode;
-    renderToggler?: (current: Control<boolean>, title: ReactNode) => ReactNode;
-    useCss?: boolean;
-}
-export interface DefaultHelpTextRendererOptions {
-    triggerContainerClass?: string;
-    triggerLabelClass?: string;
-    contentContainerClass?: string;
-    contentTextClass?: string;
-    iconName?: string;
-    iconClass?: string;
-}
-export interface DefaultAdornmentRendererOptions {
-    accordion?: DefaultAccordionRendererOptions;
-    helpText?: DefaultHelpTextRendererOptions;
-    optional?: DefaultOptionalAdornmentOptions;
-}
 export declare function createDefaultAdornmentRenderer(options?: DefaultAdornmentRendererOptions): AdornmentRendererRegistration;
-interface DefaultLabelRendererOptions {
-    className?: string;
-    textClass?: string;
-    groupLabelClass?: string;
-    groupLabelTextClass?: string;
-    controlLabelClass?: string;
-    controlLabelTextClass?: string;
-    requiredElement?: (h: FormRenderer["html"]) => ReactNode;
-    labelContainer?: (children: ReactElement) => ReactElement;
-}
 export declare function createDefaultLabelRenderer(options?: DefaultLabelRendererOptions): LabelRendererRegistration;
 export declare const StandardHtmlComponents: HtmlComponents;
-export declare function DefaultHtmlButtonRenderer({ inline, textClass, className, notWrapInText, androidRippleColor, onClick, nonTextContent, ...props }: HtmlButtonProperties): JSX.Element;
-export declare function DefaultHtmlInputRenderer({ textClass, className, onChangeValue, onChangeChecked, inputRef, ...props }: HtmlInputProperties): JSX.Element;
-export declare function DefaultHtmlDivRenderer({ text, html, children, className, textClass, nativeRef, inline, ...props }: HtmlDivProperties): JSX.Element;
-export declare function DefaultHtmlLabelRenderer({ textClass, className, ...props }: HtmlLabelProperties): JSX.Element;
-export declare function DefaultHtmlIconRenderer({ iconName, iconLibrary, className, style, }: HtmlIconProperties): JSX.Element | undefined;
+export declare function DefaultHtmlButtonRenderer({ inline, textClass, className, notWrapInText, androidRippleColor, onClick, nonTextContent, ...props }: HtmlButtonProperties): React.JSX.Element;
+export declare function DefaultHtmlInputRenderer({ textClass, className, onChangeValue, onChangeChecked, inputRef, ...props }: HtmlInputProperties): React.JSX.Element;
+export declare function DefaultHtmlDivRenderer({ text, html, children, className, textClass, nativeRef, inline, ...props }: HtmlDivProperties): React.JSX.Element;
+export declare function DefaultHtmlLabelRenderer({ textClass, className, ...props }: HtmlLabelProperties): React.JSX.Element;
+export declare function DefaultHtmlIconRenderer({ iconName, iconLibrary, className, style, }: HtmlIconProperties): React.JSX.Element | undefined;
 export declare function createDefaultRenderers(options?: DefaultRendererOptions): DefaultRenderers;
 export declare function createClassStyledRenderers(): DefaultRenderers;
-export {};