@formbox/htmx 0.4.3 → 0.5.0

package/dist/index.d.ts

@@ -1,56 +1,8 @@
-import { AnswerListProperties } from '@formbox/theme';
-import { AnswerScaffoldProperties } from '@formbox/theme';
-import { Attachment } from '@formbox/theme';
-import { CheckboxListProperties } from '@formbox/theme';
-import { CheckboxProperties } from '@formbox/theme';
-import { CustomExtensionDefinitions } from '@formbox/theme';
-import { CustomOptionFormProperties } from '@formbox/theme';
-import { DateInputProperties } from '@formbox/theme';
-import { DateTimeInputProperties } from '@formbox/theme';
-import { DisplayRendererProperties } from '@formbox/theme';
-import { ErrorsProperties } from '@formbox/theme';
 import { FhirVersion } from '@formbox/fhir';
-import { FileInputProperties } from '@formbox/theme';
-import { FlyoverProperties } from '@formbox/theme';
-import { FooterProperties } from '@formbox/theme';
-import { FormPagination } from '@formbox/theme';
-import { FormProperties } from '@formbox/theme';
-import { GroupListProperties } from '@formbox/theme';
-import { GroupScaffoldProperties } from '@formbox/theme';
-import { HeaderProperties } from '@formbox/theme';
-import { HelpProperties } from '@formbox/theme';
-import { InputGroupProperties } from '@formbox/theme';
-import { LabelProperties } from '@formbox/theme';
-import { LanguageSelectorProperties } from '@formbox/theme';
-import { LegalProperties } from '@formbox/theme';
-import { LinkProperties } from '@formbox/theme';
-import { MultiSelectInputProperties } from '@formbox/theme';
-import { NodePath } from '@formbox/theme';
-import { NumberInputProperties } from '@formbox/theme';
-import { OptionDisplayProperties } from '@formbox/theme';
-import { OptionItem } from '@formbox/theme';
-import { OptionsLoadingProperties } from '@formbox/theme';
+import { HTMLAttributes } from 'react';
 import { QuestionnaireOf } from '@formbox/fhir';
 import { QuestionnaireResponseOf } from '@formbox/fhir';
-import { QuestionScaffoldProperties } from '@formbox/theme';
-import { RadioButtonListProperties } from '@formbox/theme';
-import { RadioButtonProperties } from '@formbox/theme';
 import { ReactNode } from 'react';
-import { SelectedOptionItem } from '@formbox/theme';
-import { SelectInputProperties } from '@formbox/theme';
-import { SignatureInputProperties } from '@formbox/theme';
-import { SliderInputProperties } from '@formbox/theme';
-import { SpinnerInputProperties } from '@formbox/theme';
-import { StackProperties } from '@formbox/theme';
-import { Strings } from '@formbox/theme';
-import { TabContainerProperties } from '@formbox/theme';
-import { TableCell } from '@formbox/theme';
-import { TableColumn } from '@formbox/theme';
-import { TableProperties } from '@formbox/theme';
-import { TableRow } from '@formbox/theme';
-import { TextAreaProperties } from '@formbox/theme';
-import { TextInputProperties } from '@formbox/theme';
-import { TimeInputProperties } from '@formbox/theme';
 
 export declare const ACTION_FIELD = "fb[action]";
 
@@ -61,6 +13,7 @@ export declare function actionValue(kind: ActionKind, path: NodePath): string;
 export declare type AddActionProperties = {
     readonly actionName: string;
     readonly addAction?: string | undefined;
+    readonly addId?: string | undefined;
     readonly addLabel: string;
     readonly count?: number | undefined;
     readonly countName?: string | undefined;
@@ -69,23 +22,67 @@ export declare type AddActionProperties = {
 
 export declare type AnswerField = "value" | "system" | "code" | "display" | "unit" | "baseline" | "signature";
 
+declare type AnswerListProperties = {
+    children: ReactNode;
+    onAdd?: (() => void) | undefined;
+    canAdd?: boolean | undefined;
+    path?: NodePath | undefined;
+};
+
 export declare type AnswerListTemplateProperties = Omit<TemplateBase<AnswerListProperties>, "children"> & {
     readonly children: string;
     readonly hasCount: boolean;
 } & AddActionProperties;
 
+declare type AnswerScaffoldProperties = {
+    control: ReactNode;
+    onRemove?: (() => void) | undefined;
+    canRemove?: boolean | undefined;
+    errors?: ReactNode;
+    children?: ReactNode;
+    path?: NodePath | undefined;
+};
+
 export declare type AnswerScaffoldTemplateProperties = Omit<TemplateBase<AnswerScaffoldProperties>, "children" | "control" | "errors"> & {
     readonly control: string;
     readonly errors?: string | undefined;
     readonly children?: string | undefined;
 } & RemoveActionProperties;
 
+declare type Attachment = {
+    title?: string | undefined;
+    url?: string | undefined;
+    size?: number | undefined;
+    contentType?: string | undefined;
+    data?: string | undefined;
+};
+
 export declare function attribute(name: string, value: unknown): string;
 
+declare type BivariantExtract<TContext, TValue> = {
+    bivarianceHack(context: TContext): TValue;
+}["bivarianceHack"];
+
 export declare function calculatedName(path: NodePath): string;
 
 export declare function checkboxHiddenValue(properties: CheckboxProperties, checkedValue: string): string | undefined;
 
+declare type CheckboxListProperties = {
+    options: readonly OptionItem[];
+    selectedOptions: readonly SelectedOptionItem[];
+    orientation?: ChoiceOrientation | undefined;
+    onSelect: (token: string) => void;
+    onDeselect: (token: string) => void;
+    specifyOtherOption?: OptionItem | undefined;
+    customOptionForm?: ReactNode;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+};
+
 export declare type CheckboxListTemplateProperties = Omit<FieldTemplateProperties<CheckboxListProperties>, "customOptionForm" | "options" | "selectedOptions" | "specifyOtherOption"> & {
     readonly baselineName?: string | undefined;
     readonly hiddenInputs: readonly HiddenTemplateInput[];
@@ -98,22 +95,39 @@ export declare type CheckboxListTemplateProperties = Omit<FieldTemplatePropertie
 };
 
 export declare type CheckboxOptionTemplateItem = TemplateOptionItem & {
+    readonly id: string;
     readonly selected: boolean;
     readonly disabled?: boolean | undefined;
     readonly hiddenInput?: HiddenTemplateInput | undefined;
 };
 
+declare type CheckboxProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    checkedValue?: string | undefined;
+    uncheckedValue?: string | undefined;
+    checked: boolean;
+    onChange: () => void;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean;
+    label?: ReactNode;
+};
+
 export declare type CheckboxTemplateProperties = Omit<FieldTemplateProperties<CheckboxProperties>, "label"> & {
     readonly hiddenValue?: string | undefined;
     readonly label?: string | undefined;
 };
 
+declare type ChoiceOrientation = "horizontal" | "vertical";
+
 export declare type CollapsibleActionProperties = {
     readonly actionName?: string | undefined;
     readonly collapseLabel?: string | undefined;
     readonly expandedName?: string | undefined;
     readonly expandLabel?: string | undefined;
     readonly toggleAction?: string | undefined;
+    readonly toggleId?: string | undefined;
 };
 
 export declare function compileTemplate<TProperties extends TemplateProperties>(source: TemplateSource<TProperties>): Template<TProperties>;
@@ -122,16 +136,53 @@ export declare function compileTemplates(sources: TemplateSources): Templates;
 
 export declare function countName(path: NodePath): string;
 
+declare type CustomExtensionDefinition<TContext = unknown, TValue = unknown, TRepeats extends boolean = boolean> = {
+    readonly target: CustomExtensionTarget;
+    readonly url: string;
+    readonly repeats: TRepeats;
+    readonly extract: BivariantExtract<TContext, TValue>;
+};
+
+declare type CustomExtensionDefinitions<TContext = unknown> = Readonly<Record<string, CustomExtensionDefinition<TContext, unknown, boolean>>>;
+
+declare type CustomExtensionTarget = "questionnaire" | "item";
+
+declare type CustomExtensionValues = Readonly<Record<string, unknown>>;
+
+declare type CustomOptionFormProperties = {
+    id?: string | undefined;
+    content: ReactNode;
+    errors?: ReactNode | undefined;
+    onCancel: () => void;
+    onSubmit: () => void;
+    canSubmit?: boolean | undefined;
+};
+
 export declare type CustomOptionFormTemplateProperties = Omit<TemplateBase<CustomOptionFormProperties>, "content" | "errors"> & {
     readonly actionName: string;
     readonly cancelLabel: string;
+    readonly cancelId?: string | undefined;
     readonly content: string;
     readonly errors?: string | undefined;
+    readonly submitId?: string | undefined;
     readonly submitLabel: string;
 };
 
 export declare function customUnitFormName(path: NodePath): string;
 
+declare type DateInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: string;
+    onChange: (v: string) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+};
+
 export declare type DateInputTemplateProperties = FieldTemplateProperties<DateInputProperties> & {
     readonly inputType: "date" | "text";
     readonly step: undefined;
@@ -139,6 +190,19 @@ export declare type DateInputTemplateProperties = FieldTemplateProperties<DateIn
 
 export declare function dateTimeConstraint(value: string | undefined): string | undefined;
 
+declare type DateTimeInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: string;
+    onChange: (v: string) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+};
+
 export declare type DateTimeInputTemplateProperties = FieldTemplateProperties<DateTimeInputProperties> & {
     readonly baselineName?: string | undefined;
     readonly baselineValue?: string | undefined;
@@ -151,10 +215,21 @@ export declare type DateTimeInputTemplateProperties = FieldTemplateProperties<Da
 
 export declare function defaultAttributes(action: string | undefined): HtmlAttributes;
 
+declare type DisplayRendererProperties = {
+    linkId: string;
+    children: ReactNode;
+    customExtensions?: CustomExtensionValues | undefined;
+};
+
 export declare type DisplayRendererTemplateProperties = Omit<TemplateBase<DisplayRendererProperties>, "children"> & {
     readonly children: string;
 };
 
+declare type ErrorsProperties = {
+    id: string;
+    messages: string[];
+};
+
 export declare type ErrorsTemplateProperties = Omit<TemplateBase<ErrorsProperties>, "messages"> & {
     readonly hasMessages: boolean;
     readonly messages: readonly {
@@ -170,7 +245,19 @@ export declare function fieldAttributes(path: NodePath | undefined, field: Answe
 
 declare type FieldTemplateProperties<TProperties> = TemplateBase<TProperties> & TemplateFieldAttributes;
 
+declare type FileInputProperties = {
+    value: Attachment | undefined;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    accept?: string | undefined;
+    onChange?: ((file?: File) => void) | undefined;
+};
+
 export declare type FileInputTemplateProperties = FieldTemplateProperties<FileInputProperties> & {
+    readonly clearId?: string | undefined;
     readonly clearLabel: string;
     readonly hiddenValue?: string | undefined;
     readonly clearAction: boolean;
@@ -178,11 +265,22 @@ export declare type FileInputTemplateProperties = FieldTemplateProperties<FileIn
     readonly hxInclude: "closest form";
 };
 
+declare type FlyoverProperties = {
+    id: string;
+    children: ReactNode;
+};
+
 export declare type FlyoverTemplateProperties = Omit<TemplateBase<FlyoverProperties>, "children"> & {
     readonly ariaLabel: string;
+    readonly buttonId?: string | undefined;
     readonly children: string;
 };
 
+declare type FooterProperties = {
+    linkId: string;
+    children: ReactNode;
+};
+
 export declare type FooterTemplateProperties = Omit<TemplateBase<FooterProperties>, "children"> & {
     readonly children: string;
 };
@@ -191,6 +289,31 @@ declare type FormFieldsProperties = Omit<FormTemplateProperties, "attributes" |
 
 export declare function formFieldsTemplate(properties: FormFieldsProperties): string;
 
+declare type FormPagination = {
+    current: number;
+    total: number;
+    onPrev: () => void;
+    onNext: () => void;
+    disabledPrev: boolean;
+    disabledNext: boolean;
+};
+
+declare type FormProperties = {
+    id?: string | undefined;
+    onSubmit?: (() => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    children: ReactNode;
+    pagination?: FormPagination | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    languageSelector?: ReactNode;
+    errors?: ReactNode;
+    before?: ReactNode;
+    after?: ReactNode;
+    signature?: ReactNode;
+    customExtensions?: CustomExtensionValues | undefined;
+};
+
 export declare type FormTemplateProperties = Omit<TemplateBase<FormProperties>, "after" | "before" | "children" | "errors" | "languageSelector" | "pagination" | "signature"> & {
     readonly after?: string | undefined;
     readonly before?: string | undefined;
@@ -204,6 +327,18 @@ export declare type FormTemplateProperties = Omit<TemplateBase<FormProperties>,
     readonly submitLabel: string;
 };
 
+declare type GroupListProperties = {
+    linkId: string;
+    header?: ReactNode;
+    errors?: ReactNode;
+    children: ReactNode;
+    onAdd?: (() => void) | undefined;
+    canAdd?: boolean | undefined;
+    path?: NodePath | undefined;
+    count?: number | undefined;
+    customExtensions?: CustomExtensionValues | undefined;
+};
+
 export declare type GroupListTemplateProperties = Omit<TemplateBase<GroupListProperties>, "children" | "errors" | "header"> & {
     readonly header?: string | undefined;
     readonly errors?: string | undefined;
@@ -211,6 +346,20 @@ export declare type GroupListTemplateProperties = Omit<TemplateBase<GroupListPro
     readonly hasCount: boolean;
 } & AddActionProperties;
 
+declare type GroupScaffoldProperties = {
+    linkId?: string | undefined;
+    path?: NodePath | undefined;
+    header?: ReactNode;
+    children?: ReactNode;
+    errors?: ReactNode;
+    signature?: ReactNode;
+    isExpandable?: boolean | undefined;
+    isExpanded: boolean;
+    onRemove?: (() => void) | undefined;
+    canRemove?: boolean | undefined;
+    customExtensions?: CustomExtensionValues | undefined;
+};
+
 export declare type GroupScaffoldTemplateProperties = Omit<TemplateBase<GroupScaffoldProperties>, "children" | "errors" | "header" | "signature"> & {
     readonly header?: string | undefined;
     readonly children?: string | undefined;
@@ -221,12 +370,23 @@ export declare type GroupScaffoldTemplateProperties = Omit<TemplateBase<GroupSca
     readonly signature?: string | undefined;
 } & RemoveActionProperties & CollapsibleActionProperties;
 
+declare type HeaderProperties = {
+    linkId: string;
+    children: ReactNode;
+};
+
 export declare type HeaderTemplateProperties = Omit<TemplateBase<HeaderProperties>, "children"> & {
     readonly children: string;
 };
 
+declare type HelpProperties = {
+    id: string;
+    children: ReactNode;
+};
+
 export declare type HelpTemplateProperties = Omit<TemplateBase<HelpProperties>, "children"> & {
     readonly ariaLabel: string;
+    readonly buttonId?: string | undefined;
     readonly children: string;
 };
 
@@ -243,8 +403,18 @@ export declare function htmlAttributes(values: HtmlAttributes): string;
 
 export declare type HtmlAttributeValue = string | number | boolean | null | undefined;
 
+declare type Hyperlink = {
+    href: string;
+    label: string | undefined;
+};
+
 export declare function inferTextField(id: string, group: InputGroupState | undefined): AnswerField;
 
+declare type InputGroupProperties = {
+    children: ReactNode;
+    spans: number[];
+};
+
 export declare type InputGroupState = {
     readonly size: number;
     readonly index: number;
@@ -260,6 +430,25 @@ export declare function isDefined<T>(value: T | undefined): value is T;
 
 export declare function isPreservedOptionToken(token: string): boolean;
 
+declare type LabelAs = "legend" | "label" | "text";
+
+declare type LabelProperties = {
+    prefix?: ReactNode;
+    shortText?: string | undefined;
+    supportHyperlinks?: ReadonlyArray<Hyperlink> | undefined;
+    media?: Attachment | undefined;
+    isExpanded: boolean;
+    onToggleExpanded?: (() => void) | undefined;
+    children: ReactNode;
+    id: string;
+    htmlFor?: string | undefined;
+    required?: boolean | undefined;
+    help?: ReactNode;
+    legal?: ReactNode;
+    flyover?: ReactNode;
+    as?: LabelAs | undefined;
+};
+
 export declare type LabelTemplateProperties = Omit<TemplateBase<LabelProperties>, "children" | "flyover" | "help" | "legal" | "prefix"> & {
     readonly attachmentLabel: string;
     readonly prefix?: string | undefined;
@@ -272,13 +461,27 @@ export declare type LabelTemplateProperties = Omit<TemplateBase<LabelProperties>
     readonly flyover?: string | undefined;
     readonly media: string;
     readonly supportHyperlinks?: ReadonlyArray<NonNullable<LabelProperties["supportHyperlinks"]>[number] & {
+        readonly id: string;
         readonly labelHtml: string;
     }>;
 };
 
 export declare const LANGUAGE_FIELD = "fb[language]";
 
+declare type LanguageOption = {
+    value: string;
+    label: string;
+};
+
+declare type LanguageSelectorProperties = {
+    id?: string | undefined;
+    options: readonly LanguageOption[];
+    value: string;
+    onChange: (value: string) => void;
+};
+
 export declare type LanguageSelectorTemplateProperties = Omit<TemplateBase<LanguageSelectorProperties>, "options"> & {
+    readonly id?: string | undefined;
     readonly name: string;
     readonly options: ReadonlyArray<LanguageSelectorProperties["options"][number] & {
         readonly selected: boolean;
@@ -289,11 +492,25 @@ export declare function lastLinkId(path: NodePath): string;
 
 export declare type LaunchContext = Record<string, unknown>;
 
+declare type LegalProperties = {
+    id: string;
+    children: ReactNode;
+};
+
 export declare type LegalTemplateProperties = Omit<TemplateBase<LegalProperties>, "children"> & {
     readonly ariaLabel: string;
+    readonly buttonId?: string | undefined;
     readonly children: string;
 };
 
+declare type LinkProperties = {
+    id?: string | undefined;
+    href: string;
+    children: ReactNode;
+    target?: string | undefined;
+    rel?: string | undefined;
+};
+
 export declare type LinkTemplateProperties = Omit<TemplateBase<LinkProperties>, "children"> & {
     readonly children: string;
 };
@@ -302,7 +519,25 @@ export declare function loadDefaultTemplates(): Promise<RequiredTemplates>;
 
 export declare function loadTemplates(directory: string | URL): Promise<Templates>;
 
-export declare function mediaHtml(attachment: Attachment | undefined, fallbackLabel: string): string;
+export declare function mediaHtml(attachment: Attachment | undefined, fallbackLabel: string, id?: string | undefined): string;
+
+declare type MultiSelectInputProperties = {
+    options: readonly OptionItem[];
+    selectedOptions: readonly SelectedOptionItem[];
+    searchQuery: string;
+    onSelect: (token: string) => void;
+    onDeselect: (token: string) => void;
+    onSearch?: (query: string) => void;
+    specifyOtherOption?: OptionItem | undefined;
+    customOptionForm?: ReactNode;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    placeholder?: string | undefined;
+};
 
 export declare type MultiSelectInputTemplateProperties = Omit<FieldTemplateProperties<MultiSelectInputProperties>, "customOptionForm" | "options" | "selectedOptions" | "specifyOtherOption"> & {
     readonly baselineName?: string | undefined;
@@ -317,6 +552,28 @@ export declare type MultiSelectInputTemplateProperties = Omit<FieldTemplatePrope
     readonly customOptionForm?: string | undefined;
 };
 
+declare type NodePath = readonly NodePathSegment[];
+
+declare interface NodePathSegment {
+    readonly linkId: string;
+    readonly index?: number | undefined;
+}
+
+declare type NumberInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: number | undefined;
+    onChange: (v?: number) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    step?: number | "any";
+    min?: number | undefined;
+    max?: number | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    unitLabel?: string | undefined;
+};
+
 export declare type NumberInputTemplateProperties = FieldTemplateProperties<NumberInputProperties> & NumberInputViewProperties;
 
 declare type NumberInputViewProperties = {
@@ -331,12 +588,29 @@ export declare function numberTemplateProperties(properties: SliderInputProperti
 
 export declare function numberTemplateProperties(properties: SpinnerInputProperties): SpinnerInputTemplateProperties;
 
+declare type OptionDisplayProperties = {
+    children: ReactNode;
+    prefix?: string | undefined;
+    media?: Attachment | undefined;
+};
+
 export declare type OptionDisplayTemplateProperties = Omit<TemplateBase<OptionDisplayProperties>, "children" | "media"> & {
     readonly attachmentLabel: string;
     readonly children: string;
     readonly media: string;
 };
 
+declare type OptionItem = {
+    token: string;
+    label: ReactNode;
+    disabled: boolean;
+    exclusive: boolean;
+};
+
+declare type OptionsLoadingProperties = {
+    isLoading: boolean;
+};
+
 export declare type OptionsLoadingTemplateProperties = TemplateBase<OptionsLoadingProperties> & {
     readonly loadingLabel: string;
 };
@@ -345,6 +619,10 @@ export declare function optionValueName(path: NodePath, token: string): string;
 
 export declare const PAGE_FIELD = "fb[page]";
 
+export declare function pathControlId(token: string, path: NodePath | undefined, ...parts: Array<string | number | undefined>): string | undefined;
+
+declare type PlaceholderString<Key extends string> = `${string}{${Key}}${string}`;
+
 export declare type ProcessResult = {
     readonly submitted: false;
 } | {
@@ -379,6 +657,18 @@ export declare interface QuestionnaireRendererOptions<V extends FhirVersion = Fh
     action?: string | undefined;
 }
 
+declare type QuestionScaffoldProperties = {
+    linkId: string;
+    path?: NodePath | undefined;
+    header?: ReactNode;
+    children: ReactNode;
+    errors?: ReactNode;
+    signature?: ReactNode;
+    isExpandable?: boolean | undefined;
+    isExpanded: boolean;
+    customExtensions?: CustomExtensionValues | undefined;
+};
+
 export declare type QuestionScaffoldTemplateProperties = Omit<TemplateBase<QuestionScaffoldProperties>, "children" | "errors" | "header" | "signature"> & {
     readonly header?: string | undefined;
     readonly children: string;
@@ -389,6 +679,21 @@ export declare type QuestionScaffoldTemplateProperties = Omit<TemplateBase<Quest
     readonly signature?: string | undefined;
 } & CollapsibleActionProperties;
 
+declare type RadioButtonListProperties = {
+    options: readonly OptionItem[];
+    selectedOption: SelectedOptionItem | undefined;
+    orientation?: ChoiceOrientation | undefined;
+    onChange: (token?: string) => void;
+    specifyOtherOption?: OptionItem | undefined;
+    customOptionForm?: ReactNode;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+};
+
 export declare type RadioButtonListTemplateProperties = Omit<FieldTemplateProperties<RadioButtonListProperties>, "customOptionForm" | "options" | "selectedOption" | "specifyOtherOption"> & {
     readonly baselineName?: string | undefined;
     readonly baselineValue?: string | undefined;
@@ -399,12 +704,26 @@ export declare type RadioButtonListTemplateProperties = Omit<FieldTemplateProper
     readonly customOptionForm?: string | undefined;
 };
 
+declare type RadioButtonProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    groupName: string;
+    value: string;
+    checked: boolean;
+    onChange: () => void;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean;
+    label?: ReactNode;
+};
+
 export declare type RadioButtonTemplateProperties = Omit<FieldTemplateProperties<RadioButtonProperties>, "label"> & {
     readonly hiddenValue?: string | undefined;
     readonly label?: string | undefined;
 };
 
 export declare type RadioOptionTemplateItem = TemplateOptionItem & {
+    readonly id: string;
     readonly checked: boolean;
     readonly disabled?: boolean | undefined;
 };
@@ -415,6 +734,7 @@ export declare type RemoveActionProperties = {
     readonly actionName: string;
     readonly linkId?: string | undefined;
     readonly removeAction?: string | undefined;
+    readonly removeId?: string | undefined;
     readonly removeLabel: string;
 };
 
@@ -440,6 +760,28 @@ export declare function searchName(path: NodePath): string;
 
 export declare function selectedName(path: NodePath): string;
 
+declare type SelectedOptionItem = OptionItem & {
+    ariaDescribedBy?: string | undefined;
+    errors?: ReactNode;
+};
+
+declare type SelectInputProperties = {
+    options: readonly OptionItem[];
+    selectedOption: SelectedOptionItem | undefined;
+    searchQuery: string;
+    onChange: (token?: string) => void;
+    onSearch?: (query: string) => void;
+    specifyOtherOption?: OptionItem | undefined;
+    customOptionForm?: ReactNode;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    placeholder?: string | undefined;
+};
+
 export declare type SelectInputTemplateProperties = Omit<FieldTemplateProperties<SelectInputProperties>, "customOptionForm" | "options" | "selectedOption" | "specifyOtherOption"> & {
     readonly baselineName?: string | undefined;
     readonly baselineValue?: string | undefined;
@@ -458,22 +800,217 @@ export declare type SelectOptionTemplateItem = TemplateOptionItem & {
     readonly selected: boolean;
 };
 
+declare type SignatureInputProperties = {
+    value: string | undefined;
+    id: string;
+    path?: NodePath | undefined;
+    ariaLabelledBy?: string | undefined;
+    ariaDescribedBy?: string | undefined;
+    disabled?: boolean | undefined;
+    onChange?: ((value?: string) => void) | undefined;
+};
+
 export declare type SignatureInputTemplateProperties = FieldTemplateProperties<SignatureInputProperties> & {
     readonly inputValue: string;
 };
 
 export declare function signatureName(path: NodePath): string;
 
+declare type SliderInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: number | undefined;
+    onChange: (v?: number) => void;
+    disabled?: boolean | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    lowerLabel?: string | undefined;
+    upperLabel?: string | undefined;
+    unitLabel?: string | undefined;
+};
+
 export declare type SliderInputTemplateProperties = FieldTemplateProperties<SliderInputProperties> & NumberInputViewProperties;
 
+declare type SpinnerInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: number | undefined;
+    onChange: (v?: number) => void;
+    disabled?: boolean | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    placeholder?: string | undefined;
+    unitLabel?: string | undefined;
+};
+
 export declare type SpinnerInputTemplateProperties = FieldTemplateProperties<SpinnerInputProperties> & NumberInputViewProperties;
 
+export declare function stableId(base: string | undefined, ...parts: Array<string | number | undefined>): string | undefined;
+
+declare type StackProperties = {
+    children: ReactNode;
+};
+
 export declare type StackTemplateProperties = Omit<TemplateBase<StackProperties>, "children"> & {
     readonly children: string;
 };
 
+declare type Strings = {
+    readonly aria: {
+        readonly help: string;
+        readonly legal: string;
+        readonly flyover: string;
+    };
+    readonly value: {
+        readonly yes: string;
+        readonly no: string;
+        readonly unanswered: string;
+    };
+    readonly dialog: {
+        readonly cancel: string;
+        readonly submit: string;
+    };
+    readonly form: {
+        readonly submit: string;
+        readonly cancel: string;
+    };
+    readonly errors: {
+        readonly unknownMessage: string;
+        readonly issuesTitle: string;
+        readonly issueMessage: PlaceholderString<"message">;
+    };
+    readonly file: {
+        readonly sizeLabel: PlaceholderString<"sizeKb">;
+        readonly chooseAction: string;
+        readonly changeAction: string;
+        readonly replaceAction: string;
+        readonly clearAction: string;
+        readonly noFileChosen: string;
+    };
+    readonly group: {
+        readonly addSection: string;
+        readonly removeSection: string;
+        readonly noNodesYet: string;
+    };
+    readonly gridTable: {
+        readonly headerActions: string;
+    };
+    readonly inputs: {
+        readonly referencePlaceholder: string;
+        readonly referenceDisplayPlaceholder: string;
+        readonly codingSystemPlaceholder: string;
+        readonly codingCodePlaceholder: string;
+        readonly codingDisplayPlaceholder: string;
+        readonly quantityValuePlaceholder: string;
+        readonly quantityUnitPlaceholder: string;
+        readonly attachmentSelected: string;
+        readonly attachmentLabel: string;
+    };
+    readonly selection: {
+        readonly specifyOther: string;
+        readonly addAnother: string;
+        readonly selectPlaceholder: string;
+        readonly removeSelection: string;
+        readonly removeCustomValue: string;
+        readonly searchPlaceholder: string;
+        readonly noOptions: string;
+        readonly loadingOptions: string;
+        readonly dividerOr: string;
+    };
+    readonly pagination: {
+        readonly navigation: string;
+        readonly previous: string;
+        readonly next: string;
+        readonly pageLabel: PlaceholderString<"page">;
+        readonly previousTargetPage: PlaceholderString<"page">;
+        readonly nextTargetPage: PlaceholderString<"page">;
+    };
+    readonly language: {
+        readonly label: string;
+        readonly placeholder: string;
+    };
+    readonly table: {
+        readonly empty: string;
+        readonly noChoiceQuestionsHorizontal: string;
+        readonly noChoiceQuestions: string;
+        readonly noAnswerOptionsHorizontal: string;
+        readonly noAnswerOptions: string;
+    };
+    readonly collapsible: {
+        readonly expand: string;
+        readonly collapse: string;
+    };
+    readonly tab: {
+        readonly empty: string;
+        readonly scrollLeft: string;
+        readonly scrollRight: string;
+    };
+    readonly signature: {
+        readonly sign: string;
+        readonly signed: string;
+        readonly clearAction: string;
+    };
+    readonly spinner: {
+        readonly decrease: string;
+        readonly increase: string;
+    };
+    readonly unsupported: {
+        readonly itemType: PlaceholderString<"type">;
+    };
+    readonly validation: {
+        readonly group: {
+            readonly atLeastOneAnswer: string;
+        };
+        readonly groupList: {
+            readonly minOccurs: PlaceholderString<"minOccurs">;
+            readonly maxOccurs: PlaceholderString<"maxOccurs">;
+        };
+        readonly question: {
+            readonly minOccursSingle: string;
+            readonly minOccursMultiple: PlaceholderString<"minOccurs">;
+            readonly maxOccurs: PlaceholderString<"maxOccurs">;
+        };
+        readonly signature: {
+            readonly required: string;
+        };
+        readonly answer: {
+            readonly minLength: PlaceholderString<"minLength">;
+            readonly maxLength: PlaceholderString<"maxLength">;
+            readonly minPrecision: PlaceholderString<"minLength">;
+            readonly maxPrecision: PlaceholderString<"maxLength">;
+            readonly blank: string;
+            readonly valueNotEarlier: PlaceholderString<"formatted">;
+            readonly valueNotLater: PlaceholderString<"formatted">;
+            readonly valueMin: PlaceholderString<"formatted">;
+            readonly valueMax: PlaceholderString<"formatted">;
+            readonly valueDecimalPlaces: PlaceholderString<"maxPlaces">;
+            readonly quantityMin: PlaceholderString<"formatted">;
+            readonly quantityMax: PlaceholderString<"formatted">;
+            readonly attachmentTypeMissing: PlaceholderString<"allowed">;
+            readonly attachmentTypeNotAllowed: PlaceholderString<"allowed">;
+            readonly attachmentSizeMax: PlaceholderString<"maxSize">;
+        };
+    };
+};
+
 export declare const SUBMIT_ATTEMPTED_FIELD = "fb[submitAttempted]";
 
+declare type TabContainerProperties = {
+    path?: NodePath | undefined;
+    header?: ReactNode;
+    items: TabItem[];
+    value: number;
+    onChange: (index: number) => void;
+    errors?: ReactNode;
+    linkId: string;
+};
+
 export declare type TabContainerTemplateProperties = Omit<TemplateBase<TabContainerProperties>, "errors" | "header" | "items"> & {
     readonly header?: string | undefined;
     readonly errors?: string | undefined;
@@ -483,9 +1020,46 @@ export declare type TabContainerTemplateProperties = Omit<TemplateBase<TabContai
     readonly tabName?: string | undefined;
 };
 
+declare type TabItem = {
+    token: string;
+    label: ReactNode;
+    buttonId: string;
+    panelId: string;
+    content: ReactNode;
+};
+
+declare type TableCell = {
+    token: string;
+    content?: ReactNode;
+};
+
+declare type TableColumn = {
+    token: string;
+    content: ReactNode;
+    width?: string | undefined;
+    errors?: ReactNode | undefined;
+    isLoading?: boolean | undefined;
+};
+
 export declare function tableColumn(column: TableColumn, renderHtml: RenderHtml): TemplateTableColumn;
 
-export declare function tableRow(row: TableRow, renderHtml: RenderHtml, strings: Strings): TemplateTableRow;
+declare type TableProperties = {
+    columns: TableColumn[];
+    rows: TableRow[];
+};
+
+declare type TableRow = {
+    token: string;
+    path?: NodePath | undefined;
+    content?: ReactNode | undefined;
+    errors?: ReactNode | undefined;
+    isLoading?: boolean | undefined;
+    cells: TableCell[];
+    onRemove?: (() => void) | undefined;
+    canRemove?: boolean | undefined;
+};
+
+export declare function tableRow(row: TableRow, renderHtml: RenderHtml, strings: Strings, token: string): TemplateTableRow;
 
 export declare type TableTemplateProperties = Omit<TemplateBase<TableProperties>, "columns" | "rows"> & {
     readonly hasRowHeader: boolean;
@@ -508,7 +1082,9 @@ export declare interface TemplateFieldAttributes {
 }
 
 export declare type TemplateFormPagination = Omit<FormPagination, "onNext" | "onPrev"> & {
+    readonly nextId?: string | undefined;
     readonly nextLabel: string;
+    readonly previousId?: string | undefined;
     readonly previousLabel: string;
 };
 
@@ -600,12 +1176,54 @@ export declare type TemplateTableRow = Omit<TableRow, "cells" | "content" | "err
     readonly removeLabelHtml: string;
 } & RemoveActionProperties;
 
+declare type TextAreaProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: string;
+    onChange: (v: string) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    inputMode?: HTMLAttributes<Element>["inputMode"] | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+};
+
 export declare type TextAreaTemplateProperties = FieldTemplateProperties<TextAreaProperties>;
 
+declare type TextInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    type?: string | undefined;
+    value: string;
+    onChange: (v: string) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    inputMode?: HTMLAttributes<Element>["inputMode"] | undefined;
+    minLength?: number | undefined;
+    maxLength?: number | undefined;
+};
+
 export declare type TextInputTemplateProperties = FieldTemplateProperties<TextInputProperties> & {
     readonly inputType: string;
 };
 
+declare type TimeInputProperties = {
+    id: string;
+    path?: NodePath | undefined;
+    value: string;
+    onChange: (v: string) => void;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    ariaLabelledBy: string;
+    ariaDescribedBy?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+};
+
 export declare type TimeInputTemplateProperties = FieldTemplateProperties<TimeInputProperties>;
 
 export declare function unitValueName(path: NodePath, token: string): string;