@adyen/kyc-components 1.6.2 → 2.0.0

package/dist/types/components/internal/Currency/types.d.ts

@@ -1,11 +1,10 @@
-import { BaseInnerFormProps } from '../../../utils/useForm/types';
+import type { BaseInnerFormProps } from '../../../core/hooks/useForm';
+import { CountryCode } from '../../../core/models/country-code';
 import { Currency } from '../../../core/models/currency';
-export interface CurrencyProps extends BaseInnerFormProps<CurrencySchema> {
-    country: string;
-}
 export interface CurrencySchema {
     currency?: string;
 }
-export declare const currencyByCountry: {
-    [key: string]: Currency[];
-};
+export interface CurrencyProps extends BaseInnerFormProps<CurrencySchema> {
+    country: CountryCode;
+}
+export declare const currencyByCountry: Partial<Record<CountryCode, Array<Currency>>>;

package/dist/types/components/internal/DecisionMakerRole/DecisionMakerRoleComponent.d.ts

@@ -0,0 +1,3 @@
+import { DecisionMakerRoleProps, DecisionMakerRoleSchema } from './types';
+export declare const decisionMakerRoleFields: (keyof DecisionMakerRoleSchema)[];
+export declare const DecisionMakerRoleComponent: (props: DecisionMakerRoleProps) => import("preact").JSX.Element;

package/dist/types/components/internal/DecisionMakerRole/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DecisionMakerRoleComponent';
+export * from './types';

package/dist/types/components/internal/DecisionMakerRole/types.d.ts

@@ -0,0 +1,10 @@
+import type { BaseInnerFormProps } from '../../../core/hooks/useForm';
+import { DecisionMakerType } from '../../../core/models/api/decision-maker-type';
+import type { TaskTypes } from '../../TaskList/types';
+export interface DecisionMakerRoleSchema {
+    role?: DecisionMakerType[];
+}
+export interface DecisionMakerRoleProps extends BaseInnerFormProps<DecisionMakerRoleSchema> {
+    taskType: TaskTypes;
+    allowedRoles?: DecisionMakerType[];
+}

package/dist/types/components/internal/DecisionMakerRole/validate.d.ts

@@ -0,0 +1,3 @@
+import type { ValidatorRules } from '../../../utils/validation/types';
+import type { DecisionMakerRoleSchema } from './types';
+export declare const decisionMakerRoleValidationRules: ValidatorRules<DecisionMakerRoleSchema>;

package/dist/types/components/internal/Disclaimer/Disclaimer.d.ts

@@ -1,5 +1,5 @@
-import { ComponentChildren } from 'preact';
 import './Disclaimer.scss';
+import { ComponentChildren } from 'preact';
 interface DisclaimerProps {
     title: string;
     children: ComponentChildren;

package/dist/types/components/internal/EntityAssociation/EntityAssociation.d.ts

@@ -1,3 +1,4 @@
+import './_entity-association.component.scss';
 import { EntityAssociationProps } from './types';
-declare const EntityAssociation: ({ name, types, status, actions, reviewActions, problems, infoContent }: EntityAssociationProps) => import("preact").JSX.Element;
+declare const EntityAssociation: ({ name, types, status, actions, problems, infoContent, onNavigateToEntity, }: EntityAssociationProps) => import("preact").JSX.Element;
 export default EntityAssociation;

package/dist/types/components/internal/EntityAssociation/types.d.ts

@@ -1,15 +1,16 @@
 import { ComponentChild } from 'preact';
+import { LegalEntityAssociation } from '../../../core/models/api/legal-entity-association';
 import { LegalEntityType } from '../../../core/models/api/legal-entity-type';
 import { EntityProblems } from '../../../core/models/errors/entity-problems';
-import LegalEntityAssociation from '../../../core/models/api/legal-entity-association';
 import { TaskStatus } from '../../TaskList/types';
+import { ActionsMenuOption } from '../Menu/ActionsMenu';
 export interface EntityAssociationProps extends UniqueEntityAssociation {
-    actions?: ComponentChild;
-    reviewActions?: ComponentChild;
+    onNavigateToEntity?: () => void;
+    actions?: ActionsMenuOption[];
     infoContent?: ComponentChild;
 }
 export interface UniqueEntityAssociation {
-    legalEntityId?: string;
+    legalEntityId: string;
     jobTitle?: string;
     types: Array<LegalEntityAssociation['type']>;
     status: TaskStatus;

package/dist/types/components/internal/EntityGuidanceStatus/component/EntityGuidanceLegend.d.ts

@@ -0,0 +1,3 @@
+import '../EntityGuidanceStatus.scss';
+declare const EntityGuidanceLegend: () => import("preact").JSX.Element;
+export default EntityGuidanceLegend;

package/dist/types/components/internal/EntityGuidanceStatus/component/EntityGuidanceStatus.d.ts

@@ -0,0 +1,4 @@
+import '../EntityGuidanceStatus.scss';
+import { EntityGuidanceStatusProps } from '../types';
+declare const EntityGuidanceStatus: ({ country, currentTask, entityLabel, status, }: EntityGuidanceStatusProps) => import("preact").JSX.Element;
+export default EntityGuidanceStatus;

package/dist/types/components/internal/EntityGuidanceStatus/component/EntityStatusIcon.d.ts

@@ -0,0 +1,3 @@
+import { EntityStatusProps } from '../types';
+declare const EntityStatusIcon: ({ status }: EntityStatusProps) => import("preact").JSX.Element;
+export default EntityStatusIcon;

package/dist/types/components/internal/EntityGuidanceStatus/index.d.ts

@@ -0,0 +1,3 @@
+import EntityGuidanceLegend from './component/EntityGuidanceLegend';
+import EntityGuidanceStatus from './component/EntityGuidanceStatus';
+export { EntityGuidanceLegend, EntityGuidanceStatus };

package/dist/types/components/internal/EntityGuidanceStatus/types.d.ts

@@ -0,0 +1,14 @@
+import { DecisionMakerType } from '../../../core/models/api/decision-maker-type';
+import { CountryCode } from '../../../core/models/country-code';
+import { TrustMemberGuidanceLabel } from '../../../core/models/trust';
+import { TaskTypes } from '../../TaskList/types';
+export type EntityStatus = 'obligatoryEmpty' | 'conditionalEmpty' | 'obligatoryFinished' | 'conditionalFinished';
+export interface EntityGuidanceStatusProps {
+    country: CountryCode;
+    currentTask: TaskTypes;
+    entityLabel: TrustMemberGuidanceLabel | DecisionMakerType;
+    status: EntityStatus;
+}
+export interface EntityStatusProps {
+    status: EntityStatus;
+}

package/dist/types/components/internal/ErrorPanel/ErrorPanel.d.ts

@@ -10,4 +10,4 @@ import { ErrorPanelProps } from './types';
  * @param formUtils - form utilities use to translate errors and field names.
  * @param heading - customisation for the alert header.
  */
-export declare function ErrorPanel({ id, verificationErrors, validationErrors, formUtils }: ErrorPanelProps): import("preact").JSX.Element;
+export declare function ErrorPanel<Schema>({ id, verificationErrors, validationErrors, formUtils, }: ErrorPanelProps<Schema>): import("preact").JSX.Element;

package/dist/types/components/internal/ErrorPanel/components/ServerValidationErrors.d.ts

@@ -1,3 +1,2 @@
 import { ServerValidationErrorsProps } from '../types';
-declare const ServerValidationErrors: ({ validationErrors, formUtils }: ServerValidationErrorsProps) => import("preact").JSX.Element;
-export default ServerValidationErrors;
+export declare function ServerValidationErrors<Schema>({ validationErrors, formUtils, }: ServerValidationErrorsProps<Schema>): import("preact").JSX.Element;

package/dist/types/components/internal/ErrorPanel/components/VerificationErrors.d.ts

@@ -1,3 +1,2 @@
 import { VerificationErrorsProps } from '../types';
-declare const VerificationErrors: ({ verificationErrors, formUtils }: VerificationErrorsProps) => import("preact").JSX.Element;
-export default VerificationErrors;
+export declare function VerificationErrors<Schema>({ verificationErrors, formUtils, }: VerificationErrorsProps<Schema>): import("preact").JSX.Element;

package/dist/types/components/internal/ErrorPanel/types.d.ts

@@ -1,33 +1,27 @@
-import { FormUtils } from '../../../utils/formUtils';
 import { FormVerificationErrors } from '../../../core/models/errors/form-verification-errors';
 import { Remediation } from '../../../core/models/errors/remediation';
-export interface ErrorPanelProps {
+import { FormUtils } from '../../../utils/formUtils';
+export interface ErrorPanelProps<Schema> {
     id?: string;
-    formUtils?: FormUtils<string>;
+    formUtils: FormUtils<Schema>;
     verificationErrors?: FormVerificationErrors;
     validationErrors?: {
         [fieldName: string]: boolean;
     };
 }
-export declare enum VerificationErrorCase {
-    ONE_ERROR_ONE_REMEDIATION = 0,
-    ONE_ERROR_MULTIPLE_REMEDIATION = 1,
-    TWO_ERRORS = 2,
-    MAX_ERRORS = 3
-}
 export interface ErrorPanelFieldFormCollection {
     [fieldName: string]: {
         formName: string;
         remediation: Remediation;
     };
 }
-export interface ServerValidationErrorsProps {
-    formUtils: FormUtils<string>;
+export interface ServerValidationErrorsProps<Schema> {
+    formUtils: FormUtils<Schema>;
     validationErrors?: {
         [fieldName: string]: boolean;
     };
 }
-export interface VerificationErrorsProps {
-    formUtils: FormUtils<string>;
+export interface VerificationErrorsProps<Schema> {
+    formUtils: FormUtils<Schema>;
     verificationErrors?: FormVerificationErrors;
 }

package/dist/types/components/internal/FormFields/Checkbox/Checkbox.d.ts

@@ -1,21 +1,17 @@
-import { ComponentChild } from 'preact';
 import './Checkbox.scss';
+import { ComponentChild } from 'preact';
 interface CheckboxProps {
-    checked?: boolean;
+    checked: boolean;
+    onChange: (isChecked: boolean) => void;
     classNameModifiers?: string[];
     label: string | ComponentChild;
     name?: string;
     isInvalid?: boolean;
-    onChange?: any;
-    onInput?: any;
     className?: string;
     value?: string;
     helper?: string;
+    readonly?: boolean;
+    disabled?: boolean;
 }
-declare function Checkbox({ classNameModifiers, label, isInvalid, onChange, helper, ...props }: CheckboxProps): import("preact").JSX.Element;
-declare namespace Checkbox {
-    var defaultProps: {
-        onChange: () => void;
-    };
-}
-export default Checkbox;
+export default function Checkbox({ classNameModifiers, label, isInvalid, onChange, helper, checked, disabled, ...props }: CheckboxProps): import("preact").JSX.Element;
+export {};

package/dist/types/components/internal/FormFields/Dropzone/Dropzone.d.ts

@@ -1,17 +1,3 @@
 import './Dropzone.scss';
 import { DropzoneProps } from './types';
-declare function Dropzone(props: DropzoneProps): import("preact").JSX.Element;
-declare namespace Dropzone {
-    var defaultProps: {
-        defaultData: any[];
-        label: string;
-        required: boolean;
-        multiple: boolean;
-        maxNumberOfFiles: number;
-        maxSize: number;
-        allowedFiletypes: string;
-        iconPrefix: string;
-        onChange: () => void;
-    };
-}
-export default Dropzone;
+export default function Dropzone(props: DropzoneProps): import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/Dropzone/FilePicker.d.ts

@@ -0,0 +1,14 @@
+import './Dropzone.scss';
+import { JSX } from 'preact';
+import { TranslationKey } from '../../../../language/types';
+import { FileValidationOptions } from './validate';
+export interface FilePickerProps extends FileValidationOptions {
+    files: File[];
+    setFiles: (files: File[]) => void;
+    isValid: boolean;
+    errorMessage?: TranslationKey;
+    multiple?: boolean;
+    label?: string;
+    iconPrefix?: string;
+}
+export declare function FilePicker({ files, setFiles, isValid, errorMessage, multiple, label, iconPrefix, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, }: FilePickerProps): JSX.Element;

package/dist/types/components/internal/FormFields/Dropzone/types.d.ts

@@ -1,19 +1,17 @@
 import { TranslationKey } from '../../../../language/types';
-export interface DropzoneProps {
+import { FileValidationOptions } from './validate';
+export interface DropzoneProps extends Partial<FileValidationOptions> {
     name: string;
     label?: string;
     ref?: any;
     data?: any[];
     defaultData?: any;
-    allowedFiletypes?: string;
     multiple?: boolean;
     required?: boolean;
-    maxNumberOfFiles?: number;
-    maxSize?: number;
     onChange?: (files: any) => void;
     id?: string;
-    isOptional?: boolean;
     iconPrefix?: string;
+    shouldValidate?: boolean;
 }
 export interface DropzoneSchema {
     files?: File[];
@@ -23,6 +21,6 @@ export interface DropzoneSchema {
 export interface DropzoneFileProps {
     file: File;
     errorMessage?: TranslationKey;
-    onDelete: (file: File) => void;
+    onDelete: () => void;
     iconPrefix?: string;
 }

package/dist/types/components/internal/FormFields/Dropzone/validate.d.ts

@@ -1,3 +1,9 @@
-import { ValidatorRules } from '../../../../utils/Validator/types';
-import { DropzoneProps, DropzoneSchema } from './types';
-export declare const dropzoneValidationRules: (props: DropzoneProps) => ValidatorRules<DropzoneSchema>;
+import { ValidatorRule } from '../../../../utils/validation/types';
+export interface FileValidationOptions {
+    allowedFileTypes: string[];
+    maxNumberOfFiles: number;
+    maxSize: number;
+    isOptional: boolean;
+}
+export declare const defaultFileValidationOptions: FileValidationOptions;
+export declare const fileValidationRules: ({ allowedFileTypes, maxNumberOfFiles, maxSize, isOptional, }: FileValidationOptions) => Array<ValidatorRule<File[] | undefined, any>>;

package/dist/types/components/internal/FormFields/Field/Field.d.ts

@@ -1,41 +1,11 @@
-import { Component } from 'preact';
 import './Field.scss';
-import { FieldProps, FieldState } from './types';
-declare class Field extends Component<FieldProps, FieldState> {
-    private readonly uniqueId;
-    constructor(props: any);
-    onFocus(e: any): void;
-    onBlur(e: any): void;
-    static getDerivedStateFromProps(nextProps: any, prevState: any): {
-        focused: any;
-        filled?: undefined;
-    } | {
-        filled: any;
-        focused?: undefined;
-    };
-    renderContent({ name, children, errorMessage, helper, inputWrapperModifiers, isLoading, isValid, label }: {
-        name: any;
-        children: any;
-        errorMessage: any;
-        helper: any;
-        inputWrapperModifiers: any;
-        isLoading: any;
-        isValid: any;
-        label: any;
-    }): import("preact").JSX.Element;
-    render({ name, className, classNameModifiers, children, errorMessage, helper, inputWrapperModifiers, isLoading, isValid, label, useLabelElement, dataPlaceholder }: {
-        name: any;
-        className?: string;
-        classNameModifiers?: any[];
-        children: any;
-        errorMessage: any;
-        helper: any;
-        inputWrapperModifiers?: any[];
-        isLoading: any;
-        isValid: any;
-        label: any;
-        useLabelElement?: boolean;
-        dataPlaceholder: any;
-    }): import("preact").JSX.Element;
-}
+import { ComponentProps } from 'preact';
+import { FC } from 'preact/compat';
+import { FieldProps } from './types';
+export type MaybeLabelElementProps = (ComponentProps<'label'> & {
+    useLabelElement: true;
+}) | (ComponentProps<'div'> & {
+    useLabelElement: false;
+});
+declare const Field: FC<FieldProps>;
 export default Field;

package/dist/types/components/internal/FormFields/Field/types.d.ts

@@ -1,29 +1,33 @@
-import { Component, ComponentChildren } from 'preact';
+import { ComponentChildren } from 'preact';
+import { ChangeEventHandler } from 'preact/compat';
+import { TranslationKey } from '../../../../language/types';
+export interface FieldChildProps {
+    isInvalid: boolean;
+    isValid: boolean;
+    onBlurHandler: ChangeEventHandler<EventTarget>;
+    onFocusHandler: ChangeEventHandler<EventTarget>;
+    uniqueId: string;
+}
 export interface FieldProps {
-    name: string;
+    children: (props: FieldChildProps) => ComponentChildren;
     className?: string;
     classNameModifiers?: string[];
-    children?: ComponentChildren;
+    dataPlaceholder?: string;
     disabled?: boolean;
-    errorMessage?: string | boolean;
+    dualBrandingElements?: any;
+    errorMessage?: TranslationKey | string | boolean | null;
     filled?: boolean;
     focused?: boolean;
     helper?: string;
     inputWrapperModifiers?: string[];
     isLoading?: boolean;
     isValid?: boolean;
-    label?: string | Component;
-    dualBrandingElements?: any;
-    onBlur?: any;
-    onFocus?: any;
-    onFocusField?: any;
-    onFieldBlur?: any;
-    showInlineErrors?: boolean;
+    label?: string;
+    name: string;
+    onBlur?: ChangeEventHandler<EventTarget>;
+    onFieldBlur?: ChangeEventHandler<EventTarget>;
+    onFocus?: ChangeEventHandler<EventTarget>;
+    onFocusField?: ChangeEventHandler<EventTarget>;
+    showErrorIconBottom?: boolean;
     useLabelElement?: boolean;
-    dataPlaceholder?: string;
-}
-export interface FieldState {
-    disabled?: boolean;
-    filled?: boolean;
-    focused?: boolean;
 }

package/dist/types/components/internal/FormFields/InputBase.d.ts

@@ -1,3 +1,4 @@
+import './FormFields.scss';
 import { ComponentProps, JSX } from 'preact';
 export interface InputBaseProps extends ComponentProps<'input'> {
     autoCorrect?: string;
@@ -9,11 +10,10 @@ export interface InputBaseProps extends ComponentProps<'input'> {
     spellCheck?: boolean;
     type?: string;
     disabled?: boolean;
-    showInlineErrors?: boolean;
     uniqueId?: string;
     className?: string;
     trimOnBlur?: boolean;
-    onInput?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
+    onInput?: (event: JSX.TargetedEvent<HTMLInputElement>) => void;
     onBlur?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onBlurHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
     onFocusHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;

package/dist/types/components/internal/FormFields/InputDate/InputDate.d.ts

@@ -1,5 +1,7 @@
-interface InputDateProps {
-    onInput: (e: any) => void;
+import { JSX } from 'preact';
+import { InputBaseProps } from '../InputBase';
+interface InputDateProps extends InputBaseProps {
+    onInput: (e: JSX.TargetedEvent<HTMLInputElement>) => void;
 }
-export default function InputDate(props: InputDateProps): import("preact").JSX.Element;
+export default function InputDate(props: InputDateProps): JSX.Element;
 export {};

package/dist/types/components/internal/FormFields/InputDate/utils.d.ts

@@ -19,4 +19,4 @@ declare const formatDate: (value: string) => string;
  */
 declare const unformatDate: (value?: string) => string;
 declare const formatDateObj: (date: Date) => string;
-export { checkDateInputSupport, formatDate, unformatDate, formatDateObj };
+export { checkDateInputSupport, formatDate, formatDateObj, unformatDate };

package/dist/types/components/internal/FormFields/InputRadio/InputRadio.d.ts

@@ -1,3 +1,6 @@
 import './_input-radio.scss';
-export declare const InputRadio: (props: any) => import("preact").JSX.Element;
+import { ComponentProps } from 'preact';
+export declare const InputRadio: ({ className, ...props }: import("preact").JSX.HTMLAttributes<HTMLInputElement> & {
+    className?: string;
+}) => import("preact").JSX.Element;
 export default InputRadio;

package/dist/types/components/internal/FormFields/MultiSelectList/MultiSelectList.d.ts

@@ -0,0 +1,9 @@
+import { SelectItem } from '../Select/types';
+interface MultiSelectListProps<OptionType> {
+    options: readonly OptionType[];
+    selected: OptionType[];
+    onSelect: (options: OptionType[]) => void;
+    mapToSelectItem: (option: OptionType) => SelectItem;
+}
+export declare const MultiSelectList: <OptionType>({ options, selected, onSelect, mapToSelectItem, }: MultiSelectListProps<OptionType>) => import("preact").JSX.Element;
+export {};

package/dist/types/components/internal/FormFields/MultiSelectList/index.d.ts

@@ -0,0 +1 @@
+export * from './MultiSelectList';

package/dist/types/components/internal/FormFields/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import './RadioGroup.scss';
 import { RadioGroupProps } from './types';
-declare function RadioGroup(props: RadioGroupProps): import("preact").JSX.Element;
+declare function RadioGroup({ items, i18n, name, onChange, value, isInvalid, uniqueId, className, disabled, }: RadioGroupProps): import("preact").JSX.Element;
 declare namespace RadioGroup {
     var defaultProps: {
         onChange: () => void;

package/dist/types/components/internal/FormFields/RadioGroupCard/RadioCard.d.ts

@@ -1,3 +1,3 @@
 import './RadioCard.scss';
-declare const RadioCard: any;
-export default RadioCard;
+import { RadioCardProps } from './types';
+export declare const RadioCard: ({ optionId, optionName, optionDescription, optionSubtitle, name, uniqueId, isInvalid, isSelected, onSelect, labelClassName, className, disabled, icon, body, footer, }: RadioCardProps) => import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/RadioGroupCard/RadioCardSelect.d.ts

@@ -0,0 +1,22 @@
+import './RadioGroupCard.scss';
+import { ComponentChildren } from 'preact';
+import { TranslationKey } from '../../../../language/types';
+export interface RadioCardSelectProps<OptionType> {
+    className?: string;
+    isInvalid?: boolean;
+    options: readonly OptionType[];
+    name?: string;
+    onSelect: (option: OptionType) => void;
+    selected: OptionType | undefined;
+    uniqueId?: string;
+    isOptionDisabled?: (option: OptionType) => boolean;
+    optionId: (option: OptionType) => string;
+    optionName: (option: OptionType) => TranslationKey;
+    optionDescription: (option: OptionType) => TranslationKey;
+    optionSubtitle?: (option: OptionType) => TranslationKey | undefined;
+    renderOptionIcon?: (option: OptionType) => ComponentChildren;
+    renderOptionBody?: (option: OptionType) => ComponentChildren;
+    renderOptionFooter?: (option: OptionType) => ComponentChildren;
+    optionLabelClassName?: (option: OptionType) => string;
+}
+export declare function RadioCardSelect<OptionType>({ options, name, onSelect, selected, isInvalid, uniqueId, className, optionId, optionName, optionDescription, optionSubtitle, optionLabelClassName, renderOptionIcon, renderOptionBody, renderOptionFooter, isOptionDisabled, }: RadioCardSelectProps<OptionType>): import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/RadioGroupCard/RadioGroupCard.d.ts

@@ -1,10 +1,3 @@
 import './RadioGroupCard.scss';
 import { RadioGroupCardProps } from './types';
-declare function RadioGroupCard(props: RadioGroupCardProps): import("preact").JSX.Element;
-declare namespace RadioGroupCard {
-    var defaultProps: {
-        onChange: () => void;
-        items: any[];
-    };
-}
-export default RadioGroupCard;
+export declare function RadioGroupCard({ items, name, onSelect, selected, isInvalid, uniqueId, className, itemLabelClassName, itemIcon, itemBody, itemFooter, isItemDisabled, }: RadioGroupCardProps): import("preact").JSX.Element;

package/dist/types/components/internal/FormFields/RadioGroupCard/index.d.ts

@@ -1 +1,3 @@
-export { default } from './RadioGroupCard';
+export * from './RadioCard';
+export * from './RadioCardSelect';
+export * from './RadioGroupCard';

package/dist/types/components/internal/FormFields/RadioGroupCard/types.d.ts

@@ -1,32 +1,40 @@
-import Language from '../../../../language/Language';
+import { ComponentChildren } from 'preact';
 import { TranslationKey } from '../../../../language/types';
-import { ComponentChildren, JSX } from 'preact';
 export interface RadioGroupCardItem {
     name: TranslationKey;
     description: TranslationKey;
-    info?: string;
     id: string;
+    subtitle?: TranslationKey;
 }
 export interface RadioGroupCardProps {
     className?: string;
     isInvalid?: boolean;
-    items: RadioGroupCardItem[];
-    i18n: Language;
+    readonly?: boolean;
+    items: readonly RadioGroupCardItem[];
     name?: string;
-    onChange: (e: any) => void;
-    value?: string;
+    onSelect: (item: RadioGroupCardItem) => void;
+    selected: RadioGroupCardItem | undefined;
     uniqueId?: string;
+    isItemDisabled?: (item: RadioGroupCardItem) => boolean;
+    itemIcon?: (item: RadioGroupCardItem) => ComponentChildren;
+    itemFooter?: (item: RadioGroupCardItem) => ComponentChildren;
+    itemBody?: (item: RadioGroupCardItem) => ComponentChildren;
+    itemLabelClassName?: (item: RadioGroupCardItem) => string;
 }
 export interface RadioCardProps {
-    item: RadioGroupCardItem;
-    name: string;
+    optionId: string;
+    optionName: TranslationKey;
+    optionDescription: TranslationKey;
+    optionSubtitle?: TranslationKey;
+    name?: string;
     className?: string;
     uniqueId: string;
-    i18n: Language;
     isInvalid?: boolean;
-    value: string;
-    onChange: (e: any) => void;
-    children?: ComponentChildren | {
-        Icon?: JSX.Element;
-    };
+    isSelected: boolean;
+    onSelect: () => void;
+    labelClassName?: string;
+    disabled?: boolean;
+    icon?: ComponentChildren;
+    footer?: ComponentChildren;
+    body?: ComponentChildren;
 }

package/dist/types/components/internal/FormFields/Select/Select.d.ts

@@ -1,4 +1,5 @@
-import { SelectProps } from './types';
 import './Select.scss';
-declare const Select: ({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, showInlineErrors, isMulti, uniqueId, showSelectedItemsAsTags, isSearch, onSearch, resetSearch, loading, getSearchItem, searchText, showSearchList }: SelectProps) => import("preact").JSX.Element;
+import { JSX } from 'preact';
+import { SelectProps } from './types';
+declare const Select: ({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, isMulti, uniqueId, showSelectedItemsAsTags, isSearch, onSearch, resetSearch, loading, getSearchItem, searchText, showSearchList, }: SelectProps) => JSX.Element;
 export default Select;

package/dist/types/components/internal/FormFields/Select/components/SelectButton.d.ts

@@ -1,3 +1,3 @@
 import { SelectButtonProps } from '../types';
-declare function SelectButton({ active, readonly, showList, isInvalid, isValid, toggleList, onButtonKeyDown, filterable, placeholder, toggleButtonRef, ariaDescribedBy, selectListId, filterInputRef, onInput, isMulti, id, isSearch, loading, textFilter }: SelectButtonProps): import("preact").JSX.Element;
+declare function SelectButton({ active, readonly, showList, isInvalid, isValid, toggleList, onButtonKeyDown, filterable, placeholder, toggleButtonRef, ariaDescribedBy, selectListId, filterInputRef, onInput, isMulti, id, isSearch, loading, textFilter, }: SelectButtonProps): import("preact").JSX.Element;
 export default SelectButton;

package/dist/types/components/internal/FormFields/Select/components/SelectListItem.d.ts

@@ -1,3 +1,3 @@
 import { SelectItemProps } from '../types';
-declare const SelectListItem: ({ item, selected, isMulti, isSearch, children, ...props }: SelectItemProps) => import("preact").JSX.Element;
+declare const SelectListItem: ({ item, selected, isMulti, isSearch, children, onSelect, onKeyDown, className, }: SelectItemProps) => import("preact").JSX.Element;
 export default SelectListItem;