@adyen/kyc-components 4.0.0-beta.0 → 4.0.0-beta.3

package/dist/types/components/Trust/forms/Trust/Trust.d.ts

@@ -1,5 +1,21 @@
-import type { FormList } from '../../../../core/models/form';
+import type { TrustRegistrationDetailsSchema } from '../TrustRegistrationDetails/types';
 import type { TrustProps } from './types';
-export declare const trustForms: FormList;
-export declare const trustConstitutionalDocumentFormId: string;
+export declare const trustForms: {
+    readonly trustRegistrationDetails: {
+        readonly formId: "trustRegistrationDetails";
+        readonly formName: "registrationDetails";
+        readonly fields: readonly (keyof TrustRegistrationDetailsSchema)[];
+    };
+    readonly trustRegistrationAddress: {
+        readonly formId: "trustRegistrationAddress";
+        readonly formName: "addressDetails";
+        readonly fields: string[];
+    };
+    readonly trustConstitutionalDocument: {
+        readonly formId: "trustConstitutionalDocument";
+        readonly formName: "constitutionalDocument";
+        readonly fields: readonly ["constitutionalDocument"];
+    };
+};
+export declare const trustConstitutionalDocumentFormId: "trustConstitutionalDocument";
 export declare function Trust(props: TrustProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/Trust/forms/Trust/rules.d.ts

@@ -1,10 +1,10 @@
-import type { FormRulesParams } from '../../../../core/models/form-rules';
+import type { FormRulesParams } from '../../../../types/form-rules';
 import type { TrustSchema } from './types';
 export declare const rules: ({ data, country, isExperimentEnabled, taskType, }: FormRulesParams<TrustSchema>) => {
-    countryUsesTaxId: () => "OPTIONAL" | "REQUIRED";
-    countryRequiresRegistrationNumberForTrust: () => "OPTIONAL" | "REQUIRED";
-    countryUsesVatNumber: () => "OPTIONAL";
-    trustTypeHasDescription: () => "REQUIRED";
-    hasDoingBusinessAs: () => "REQUIRED";
+    countryUsesTaxId: () => "REQUIRED" | "OPTIONAL" | undefined;
+    countryRequiresRegistrationNumberForTrust: () => "REQUIRED" | "OPTIONAL" | undefined;
+    countryUsesVatNumber: () => "OPTIONAL" | undefined;
+    trustTypeHasDescription: () => "REQUIRED" | undefined;
+    hasDoingBusinessAs: () => "REQUIRED" | undefined;
 };
 export type TrustRules = ReturnType<typeof rules>;

package/dist/types/components/Trust/forms/Trust/types.d.ts

@@ -1,11 +1,11 @@
 import type { CapabilityName } from '../../../../core/models/api/capability';
 import type { ExistingLegalEntity } from '../../../../core/models/api/legal-entity';
-import type { CountryCode } from '../../../../core/models/country-code';
-import type { FormModel } from '../../../../core/models/form';
 import type { BaseOuterFormProps } from '../../../../hooks/useForm/types';
 import type { DocumentUploadSchema } from '../../../Shared/forms/DocumentUpload/types';
 import type { RegistrationAddressSchema } from '../../../Shared/forms/RegistrationAddress/types';
 import type { TaskTypes } from '../../../../stores/globalStore/taskTypes';
+import type { CountryCode } from '../../../../types/datasets/country-code';
+import type { FormModel } from '../../../../types/form';
 import type { DropinProps } from '../../../EmbeddedDropins/OnboardingDropinComponent/DropinComposer/types';
 import type { TrustRegistrationDetailsSchema } from '../TrustRegistrationDetails/types';
 export interface TrustSchema {

package/dist/types/components/Trust/forms/TrustRegistrationDetails/types.d.ts

@@ -1,10 +1,10 @@
-import type { CountryCode } from '../../../../core/models/country-code';
 import type { BaseInnerFormProps } from '../../../../hooks/useForm/types';
 import type { BusinessRegistrationNumberFieldSchema } from '../../../Shared/fields/BusinessRegistrationNumberField/types';
 import type { DBANameFieldSchema } from '../../../Shared/fields/DBANameField/types';
 import type { TaxInformationFieldSchema } from '../../../Shared/fields/TaxInformationField/types';
 import type { VatNumberFieldSchema } from '../../../Shared/fields/VatNumberField/types';
 import type { TaskTypes } from '../../../../stores/globalStore/taskTypes';
+import type { CountryCode } from '../../../../types/datasets/country-code';
 export interface TrustRegistrationDetailsSchema extends BusinessRegistrationNumberFieldSchema, TaxInformationFieldSchema, VatNumberFieldSchema, DBANameFieldSchema {
     legalName?: string;
     country?: CountryCode;

package/dist/types/components/Trust/forms/TrustRoleAndEntityType/types.d.ts

@@ -1,9 +1,9 @@
 import { LegalEntityType } from '../../../../core/models/api/legal-entity-type';
 import type { TrustMemberType } from '../../../../core/models/api/trust-member-type';
-import type { CountryCode } from '../../../../core/models/country-code';
 import type { BaseInnerFormProps } from '../../../../hooks/useForm/types';
 import type { NameSchema } from '../../../Shared/fields/Name/types';
 import type { CompanyNameAndCountrySchema } from '../../../Shared/forms/CompanyNameAndCountry/types';
+import type { CountryCode } from '../../../../types/datasets/country-code';
 import type { TrustMember } from '../../tasks/TrustMembers/types';
 export declare const trustMemberLegalEntityTypes: readonly [LegalEntityType.INDIVIDUAL, LegalEntityType.ORGANIZATION];
 export type TrustMemberLegalEntityType = (typeof trustMemberLegalEntityTypes)[number];

package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts

@@ -6,23 +6,23 @@ export interface NavigationProps {
     trust: ExistingLegalEntity;
 }
 export declare const useTrustMemberNavigation: ({ navigateTo, trust }: NavigationProps) => {
-    trustMember: TrustMember;
+    trustMember: TrustMember | undefined;
     currentTrustMemberLe: {
-        documentDetails?: import("../../../core/models/api/document").DocumentDetail[];
-        entityAssociations?: import("../../../core/models/api/legal-entity-association").LegalEntityAssociation[];
-        individual?: import("../../../core/models/api/individual").Individual;
-        organization?: import("../../../core/models/api/organization").Organization;
-        soleProprietorship?: import("../../../core/models/api/sole-proprietor").SoleProprietor;
-        trust?: import("../../../core/models/api/trust").Trust;
-        unincorporatedPartnership?: import("../../../core/models/api/unincorporated-partnership").UnincorporatedPartnership;
-        capabilities?: Partial<Record<import("../../../core/models/api/capability").CapabilityName, import("../../../core/models/api/capability").Capability>>;
-        problems?: import("../../../core/models/api/problem").Problem[];
-        transferInstruments?: import("../../../core/models/api/transfer-instrument").TransferInstrumentOverview[];
-        trustedFields?: import("../../../core/models/api/legal-entity").LegalEntityTrustedFields[];
+        documentDetails?: import("../../../core/models/api/document").DocumentDetail[] | undefined;
+        entityAssociations?: import("../../../core/models/api/legal-entity-association").LegalEntityAssociation[] | undefined;
+        individual?: import("../../../core/models/api/individual").Individual | undefined;
+        organization?: import("../../../core/models/api/organization").Organization | undefined;
+        soleProprietorship?: import("../../../core/models/api/sole-proprietor").SoleProprietor | undefined;
+        trust?: import("../../../core/models/api/trust").Trust | undefined;
+        unincorporatedPartnership?: import("../../../core/models/api/unincorporated-partnership").UnincorporatedPartnership | undefined;
+        capabilities?: Partial<Record<import("../../../core/models/api/capability").CapabilityName, import("../../../core/models/api/capability").Capability>> | undefined;
+        problems?: import("../../../core/models/api/problem").Problem[] | undefined;
+        transferInstruments?: import("../../../core/models/api/transfer-instrument").TransferInstrumentOverview[] | undefined;
+        trustedFields?: import("../../../core/models/api/legal-entity").LegalEntityTrustedFields[] | undefined;
         id: string;
         type: import("../../../core/models/api/legal-entity-type").LegalEntityType;
-    };
-    currentTrustMemberId: string;
+    } | undefined;
+    currentTrustMemberId: string | undefined;
     trustMembers: TrustMember[];
     onNavigateToTrust: (task?: TaskTypes) => Promise<void>;
     onNavigateToTrustMemberRoleAndType: (tm: TrustMember | "new") => void;

package/dist/types/components/Trust/mapping/mapTrustDocumentToApiDocument.d.ts

@@ -1,3 +1,3 @@
 import type { Document } from '../../../core/models/api/document';
 import type { TrustSchema } from '../forms/Trust/types';
-export declare const mapTrustDocumentToApiDocument: (data: TrustSchema, entityId: string) => Promise<Document[]>;
+export declare const mapTrustDocumentToApiDocument: (data: TrustSchema, entityId: string) => Promise<Document | undefined>;

package/dist/types/components/Trust/tasks/RoleAndTypeDropin/types.d.ts

@@ -1,5 +1,5 @@
-import type { CountryCode } from '../../../../core/models/country-code';
 import type { ExistingLegalEntity } from '../../../../core/models/api/legal-entity';
+import type { CountryCode } from '../../../../types/datasets/country-code';
 import type { TrustRoleAndEntityTypeSchema } from '../../forms/TrustRoleAndEntityType/types';
 import type { CompanyTrustMember, RegularTrustMember, TrustMember } from '../TrustMembers/types';
 export interface RoleAndTypeDropinProps {

package/dist/types/components/Trust/tasks/TrustDropin/trustFormConfig.d.ts

@@ -1,4 +1,4 @@
-import type { PerCountryFormConfiguration, PerScenarioFormConfiguration } from '../../../../core/models/form-configuration';
+import type { PerCountryFormConfiguration, PerScenarioFormConfiguration } from '../../../../types/form-configuration';
 import type { TrustRules } from '../../forms/Trust/rules';
 import type { TrustSchema } from '../../forms/Trust/types';
 export declare const trustFieldsPerScenario: PerScenarioFormConfiguration<TrustSchema, keyof TrustRules>;

package/dist/types/components/Trust/tasks/TrustMembers/types.d.ts

@@ -1,6 +1,6 @@
 import type { LegalEntityType } from '../../../../core/models/api/legal-entity-type';
 import type { TrustMemberType, TrustMemberTypes } from '../../../../core/models/api/trust-member-type';
-import type { CountryCode } from '../../../../core/models/country-code';
+import type { CountryCode } from '../../../../types/datasets/country-code';
 import type { IsNewEntity } from '../../../../utils/isNewEntity';
 import type { SettlorExemptionReason, TrustMemberLegalEntityType } from '../../forms/TrustRoleAndEntityType/types';
 /**

package/dist/types/components/Trust/utils/trustUtil.d.ts

@@ -1,11 +1,11 @@
 import type { ExistingLegalEntity, LegalEntity } from '../../../core/models/api/legal-entity';
 import type { LegalEntityAssociation } from '../../../core/models/api/legal-entity-association';
-import type { CountryCode } from '../../../core/models/country-code';
-import type { CapabilityProblems } from '../../../core/models/errors/capability-problems';
-import type { EntityProblems } from '../../../core/models/errors/entity-problems';
+import type { CountryCode } from '../../../types/datasets/country-code';
+import type { CapabilityProblems } from '../../../types/errors/capability-problems';
+import type { EntityProblems } from '../../../types/errors/entity-problems';
 import type { TrustType } from '../forms/TrustRegistrationDetails/types';
 import type { TrustMember } from '../tasks/TrustMembers/types';
-export declare const isPartOfTrustFromLegalEntity: (legalEntity: LegalEntity) => boolean;
+export declare const isPartOfTrustFromLegalEntity: (legalEntity: LegalEntity) => boolean | undefined;
 export declare const getOwnTrustMembers: (rootLegalEntity: ExistingLegalEntity) => LegalEntityAssociation[];
 export declare const getOwnTrustMembersLegalEntityIds: (rootLegalEntity: ExistingLegalEntity) => string[];
 export declare const getOwnTrustLegalEntityIdAsArray: (legalEntity: LegalEntity) => string[];

package/dist/types/components/UnincorporatedPartnership/hooks/useUnincorporatedPartnershipNavigation.d.ts

@@ -14,7 +14,7 @@ export interface NavigationProps {
 }
 export declare const useUnincorporatedPartnershipNavigation: ({ navigateTo }: NavigationProps) => {
     onNavigateToMember: ({ selectedMember, selectedRoles, selectedEntityType, roleAndType, }: NavigateToMemberProps) => Promise<void>;
-    activeMember: UnincorporatedPartnershipMember;
-    setActiveMember: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<UnincorporatedPartnershipMember>>;
+    activeMember: UnincorporatedPartnershipMember | undefined;
+    setActiveMember: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<UnincorporatedPartnershipMember | undefined>>;
 };
 export {};

package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/UnincorporatedPartnershipRadioGroup.d.ts

@@ -2,11 +2,10 @@ import { UnincorporatedPartnershipMemberTypes } from '../../../../core/models/ap
 import type { Translatable } from '../../../../../types';
 import type { ValidatorMode } from '../../../../utils/validation/types';
 import type { UnincorporatedPartnershipRoleAndEntityTypeSchema } from './types';
-interface UnincorporatedPartnershipRadioGroup {
+export interface UnincorporatedPartnershipRadioGroupProps {
     memberType: UnincorporatedPartnershipMemberTypes;
     handleChangeFor: (key: keyof UnincorporatedPartnershipRoleAndEntityTypeSchema, mode?: ValidatorMode) => (value: string) => void;
     errorMessage: boolean | Translatable;
     value: string | undefined;
 }
-export declare const UnincorporatedPartnershipRadioGroup: ({ memberType, errorMessage, handleChangeFor, value, }: UnincorporatedPartnershipRadioGroup) => import("preact/jsx-runtime").JSX.Element;
-export {};
+export declare const UnincorporatedPartnershipRadioGroup: ({ memberType, errorMessage, handleChangeFor, value, }: UnincorporatedPartnershipRadioGroupProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/UnincorporatedPartnership/tasks/UnincorporatedPartnershipRoleAndType/UnincorporatedPartnershipRoleAndType.d.ts

@@ -1,6 +1,6 @@
 import type { NavigateToMemberProps } from '../../hooks/useUnincorporatedPartnershipNavigation';
 import type { UnincorporatedPartnershipMember } from '../../tasks/UnincorporatedPartnershipMembers/types';
-interface UnincorporatedPartnershipRoleAndTypeDropinProps {
+export interface UnincorporatedPartnershipRoleAndTypeDropinProps {
     onNavigateToMember: (props: NavigateToMemberProps) => void;
     navigateBack: () => void;
     activeMember?: UnincorporatedPartnershipMember;
@@ -12,4 +12,3 @@ interface UnincorporatedPartnershipRoleAndTypeDropinProps {
  * @param activeMember member that is currently selected. May be undefined if creating a new member
  */
 export declare function UnincorporatedPartnershipRoleAndTypeDropin({ onNavigateToMember, activeMember, }: UnincorporatedPartnershipRoleAndTypeDropinProps): import("preact/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/UnincorporatedPartnership/types/types.d.ts

@@ -1,4 +1,4 @@
-import type { CountryCode } from '../../../core/models/country-code';
+import type { CountryCode } from '../../../types/datasets/country-code';
 export declare const ALLOWED_UNINCORPORATED_PARTNERSHIP_COUNTRIES: CountryCode[];
 /**
  * See https://youtrack.is.adyen.com/issue/SOE-5704/Display-Registration-No-VAT-No-Tax-ID-number-in-HO-for-unincorporated-Partnership

package/dist/types/components/UnincorporatedPartnership/utils/unincorporatedParnershipUtil.d.ts

@@ -1,7 +1,7 @@
 import type { ExistingLegalEntity, LegalEntity } from '../../../core/models/api/legal-entity';
-import type { CapabilityProblems } from '../../../core/models/errors/capability-problems';
-import type { EntityProblems } from '../../../core/models/errors/entity-problems';
-export declare const isPartOfUnincorporatedPartnership: (legalEntity: LegalEntity) => boolean;
+import type { CapabilityProblems } from '../../../types/errors/capability-problems';
+import type { EntityProblems } from '../../../types/errors/entity-problems';
+export declare const isPartOfUnincorporatedPartnership: (legalEntity: LegalEntity) => boolean | undefined;
 export declare const getOwnUnincorporatedPartnershipLegalEntityIdAsArray: (legalEntity: LegalEntity) => string[];
 export declare const getOwnUnincorporatedPartnershipProblems: (legalEntity: LegalEntity, capabilityProblems: CapabilityProblems) => EntityProblems | undefined;
 /**

package/dist/types/components/ui/atoms/Accordion/Accordion.d.ts

@@ -1,5 +1,4 @@
 import { type Slottable } from 'named-slots';
-import { type JSX } from 'preact';
 import type { AlertVariant } from '../../molecules/Alert/types';
 export interface AccordionProps {
     children: Slottable;
@@ -9,4 +8,4 @@ export interface AccordionProps {
     variant?: AlertVariant;
     narrow?: boolean;
 }
-export declare const Accordion: ({ children, expandOnLeft, onToggle, className, variant, narrow, }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ children, expandOnLeft, onToggle, className, variant, narrow, }: AccordionProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/ActionsMenu/ActionsMenu.d.ts

@@ -9,4 +9,4 @@ export interface ActionsMenuProps {
     open: boolean;
     setOpen: (open: boolean) => void;
 }
-export declare const ActionsMenu: ({ options, open, setOpen }: ActionsMenuProps) => import("preact/jsx-runtime").JSX.Element;
+export declare const ActionsMenu: ({ options, open, setOpen }: ActionsMenuProps) => import("preact/jsx-runtime").JSX.Element | null;

package/dist/types/components/ui/atoms/Button/Button.d.ts

@@ -1,5 +1,4 @@
-import type { JSX } from 'preact';
 import type { ButtonProps, IconButtonProps } from './Button.types';
-declare const Button: ({ children, disabled, fullWidth, icon, loading, onClick, testId, type, variant, }: ButtonProps) => JSX.Element;
-declare const IconButton: ({ ariaLabel, circle, disabled, icon, loading, onClick, testId, variant, }: IconButtonProps) => JSX.Element;
+declare const Button: ({ children, disabled, fullWidth, icon, loading, onClick, testId, type, variant, }: ButtonProps) => import("preact/jsx-runtime").JSX.Element;
+declare const IconButton: ({ ariaLabel, circle, disabled, icon, loading, onClick, testId, variant, }: IconButtonProps) => import("preact/jsx-runtime").JSX.Element;
 export { Button, IconButton };

package/dist/types/components/ui/atoms/Button/Button.types.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'preact';
+import type { JSX, TargetedMouseEvent } from 'preact';
 import type { AriaAttributes } from 'react';
 import type { IconName } from '../Icon/Icon';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'critical' | 'link' | 'surface';
@@ -8,7 +8,7 @@ interface ButtonProps {
     fullWidth?: boolean;
     icon?: IconName;
     loading?: boolean;
-    onClick: (e: JSX.TargetedMouseEvent<HTMLButtonElement>) => void;
+    onClick: (e: TargetedMouseEvent<HTMLButtonElement>) => void;
     variant?: ButtonVariant;
     testId?: string;
     type?: 'button' | 'submit' | 'reset';
@@ -18,7 +18,7 @@ interface IconButtonProps {
     disabled?: boolean;
     icon: IconName;
     loading?: boolean;
-    onClick: (e: JSX.TargetedMouseEvent<HTMLButtonElement>) => void;
+    onClick: (e: TargetedMouseEvent<HTMLButtonElement>) => void;
     circle?: boolean;
     variant?: ButtonVariant;
     testId?: string;

package/dist/types/components/ui/atoms/Checkbox/Checkbox.d.ts

@@ -5,7 +5,6 @@ interface CheckboxProps extends Partial<FieldChildProps> {
     id: string;
     checked: boolean;
     onChange: (isChecked: boolean) => void;
-    classNameModifiers?: string[];
     label: string | ComponentChild;
     name: string;
     className?: string;
@@ -18,5 +17,5 @@ interface CheckboxProps extends Partial<FieldChildProps> {
     'aria-invalid'?: boolean;
     'aria-describedby'?: string;
 }
-export declare function Checkbox({ id, name, value, className, classNameModifiers, label, isInvalid, onChange, helper, checked, readonly, disabled, enableTracking, 'aria-required': ariaRequired, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: Readonly<CheckboxProps>): import("preact/jsx-runtime").JSX.Element;
+export declare function Checkbox({ id, name, value, className, label, isInvalid, onChange, helper, checked, readonly, disabled, enableTracking, 'aria-required': ariaRequired, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: Readonly<CheckboxProps>): import("preact/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/ui/atoms/Field/Field.d.ts

@@ -1,12 +1,9 @@
 import './Field.scss';
 import { type ComponentChildren, type JSX } from 'preact';
-import type { ChangeEventHandler } from 'preact/compat';
 import type { FieldProps } from './Field.types';
-export type MaybeLabelElementProps = {
+export type MaybeFieldsetProps = {
     children: ComponentChildren;
-    htmlFor?: string;
-    onClick: ChangeEventHandler<EventTarget> | undefined;
-} & Pick<FieldProps, 'className' | 'disabled' | 'name' | 'el'>;
+} & Pick<FieldProps, 'className' | 'disabled' | 'name' | 'el' | 'dataTestId'>;
 /**
  * A wrapper component for form inputs that provides consistent layout and handling for labels,
  * descriptions (ex. helper text, error text), validation, styling, etc.
@@ -27,4 +24,4 @@ export type MaybeLabelElementProps = {
   </Field>
  * ```
  */
-export declare const Field: ({ className, classNameModifiers, children, disabled, optional, errorMessage, formatGuidance, focused, helper, helperPosition, isValid, label, name, showErrorIconBottom, el, wrapperRef, onBlur, onFieldBlur, onFocus, onFocusField, }: FieldProps) => JSX.Element;
+export declare const Field: ({ className, classNameModifiers, children, disabled, optional, errorMessage, formatGuidance, helper, helperPosition, isValid, label, name, showErrorIconBottom, showErrorIcon, el, dataTestId, onBlur, onFieldBlur, onFocus, }: FieldProps) => JSX.Element;

package/dist/types/components/ui/atoms/Field/Field.types.d.ts

@@ -1,6 +1,4 @@
-import type { ComponentChildren, JSX } from 'preact';
-import type { ChangeEventHandler } from 'preact/compat';
-import type { MutableRef } from 'preact/hooks';
+import type { ComponentChildren, GenericEventHandler, JSX, TargetedFocusEvent } from 'preact';
 import type { Translatable } from '../../../../../types';
 export type FieldErrorMessage = Translatable | boolean;
 export interface FieldChildProps {
@@ -8,30 +6,31 @@ export interface FieldChildProps {
     'aria-labelledby': string;
     isInvalid: boolean;
     isValid: boolean;
-    onBlurHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
-    onFocusHandler?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
+    onBlurHandler?: (event: TargetedFocusEvent<HTMLInputElement>) => void;
+    onFocusHandler?: (event: TargetedFocusEvent<HTMLInputElement>) => void;
     id: string;
 }
 export interface FieldProps {
     children: (props: FieldChildProps) => ComponentChildren;
     className?: string;
+    /** @deprecated do not use dynamic classname generation */
     classNameModifiers?: string[];
     disabled?: boolean;
     optional?: boolean;
     errorMessage?: FieldErrorMessage;
     formatGuidance?: string | JSX.Element | null;
     filled?: boolean;
-    focused?: boolean;
     helper?: string | JSX.Element;
     isValid?: boolean;
     label?: string;
     name: string;
-    onBlur?: ChangeEventHandler<EventTarget>;
-    onFieldBlur?: ChangeEventHandler<EventTarget>;
-    onFocus?: ChangeEventHandler<EventTarget>;
-    onFocusField?: ChangeEventHandler<EventTarget>;
+    onBlur?: GenericEventHandler<EventTarget>;
+    onFieldBlur?: GenericEventHandler<EventTarget>;
+    onFocus?: GenericEventHandler<EventTarget>;
     showErrorIconBottom?: boolean;
-    el?: 'label' | 'fieldset';
+    showErrorIcon?: boolean;
+    el?: 'div' | 'fieldset';
     helperPosition?: 'above' | 'below';
-    wrapperRef?: MutableRef<HTMLDivElement>;
+    /** @deprecated remove, use a11y-tests, this is a bad solution to an even worse problem  */
+    dataTestId?: string;
 }

package/dist/types/components/ui/atoms/FormHeader/FormHeader.d.ts

@@ -1,10 +1,8 @@
-import './FormHeader.scss';
-import type { VNode } from 'preact';
+import { type Slottable } from 'named-slots';
 export interface FormHeaderProps {
     heading?: string;
     description?: string;
-    headingComponent?: VNode;
-    descriptionComponent?: VNode;
-    classNames?: string;
+    className?: string;
+    children?: Slottable;
 }
-export declare function FormHeader({ heading, description, headingComponent, descriptionComponent, classNames, }: FormHeaderProps): import("preact/jsx-runtime").JSX.Element;
+export declare function FormHeader({ heading, description, className, children }: FormHeaderProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/InputBase/InputBase.d.ts

@@ -1,9 +1,9 @@
 import './FormFields.scss';
-import type { ComponentProps, JSX } from 'preact';
-import type { HTMLInputTypeAttribute } from 'preact/compat';
+import type { ComponentProps, HTMLInputTypeAttribute, TargetedEvent, TargetedFocusEvent } from 'preact';
 import type { FieldChildProps } from '../Field/Field.types';
 export interface InputBaseProps extends Omit<Partial<FieldChildProps>, 'aria-describedby' | 'aria-labelledby' | 'id'>, Omit<ComponentProps<'input'>, 'slot'> {
     autoCorrect?: string;
+    /** @deprecated */
     classNameModifiers?: string[];
     readonly?: boolean;
     maxLength?: number;
@@ -12,11 +12,11 @@ export interface InputBaseProps extends Omit<Partial<FieldChildProps>, 'aria-des
     disabled?: boolean;
     className?: string;
     trimOnBlur?: boolean;
-    onInput: (event: JSX.TargetedEvent<HTMLInputElement>) => void;
-    onBlur?: (event: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
+    onInput: (event: TargetedEvent<HTMLInputElement>) => void;
+    onBlur?: (event: TargetedFocusEvent<HTMLInputElement>) => void;
     onChange?: never;
     enableTracking?: boolean;
 }
 export declare const InputBase: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputBaseProps> & {
-    ref?: import("preact").Ref<HTMLInputElement>;
+    ref?: import("preact").Ref<HTMLInputElement> | undefined;
 }>;

package/dist/types/components/ui/atoms/List/List.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentChildren, type VNode } from 'preact';
+type ListVariant = 'grouped-primary' | 'grouped-secondary' | 'plain';
+interface ListProps {
+    children: ComponentChildren;
+    dividers?: boolean;
+    footer?: string | VNode<any>;
+    header?: string | VNode<any>;
+    padding?: 'none' | 'small' | 'medium' | 'large';
+    variant?: ListVariant;
+}
+declare const List: ({ children, dividers, footer, header, padding, variant, }: ListProps) => import("preact/jsx-runtime").JSX.Element;
+export { List, type ListProps, type ListVariant };

package/dist/types/components/ui/atoms/Modal/MaybeModal.d.ts

@@ -6,5 +6,5 @@ interface MaybeModalProps extends Partial<ModalProps> {
  * Renders a modal or an inline div
  * @returns {Modal|HTMLDivElement}
  */
-export declare const MaybeModal: ({ ariaLabel, children, inline, onClose }: MaybeModalProps) => import("preact/jsx-runtime").JSX.Element;
+export declare const MaybeModal: ({ ariaLabel, children, inline, onClose, size, }: MaybeModalProps) => import("preact/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/ui/atoms/RadioGroupCard/RadioGroupCard.types.d.ts

@@ -22,9 +22,9 @@ export interface RadioGroupCardProps {
 }
 export interface RadioCardProps {
     optionId: string;
-    optionName: TranslationKey | string;
-    optionDescription?: TranslationKey | string;
-    optionSubtitle?: TranslationKey | string;
+    optionName: TranslationKey;
+    optionDescription?: TranslationKey;
+    optionSubtitle?: TranslationKey;
     name?: string;
     isInvalid?: boolean;
     isSelected: boolean;

package/dist/types/components/ui/atoms/Remove/Remove.d.ts

@@ -1,3 +1,2 @@
-import type { JSX } from 'preact';
 import type { RemoveProps } from './Remove.types';
-export declare const Remove: ({ onRemove, onRemoveStatusChange, isRemoveDisabled, handleIsRemoveDisabled, label, }: RemoveProps) => JSX.Element;
+export declare const Remove: ({ onRemove, onRemoveStatusChange, isRemoveDisabled, handleIsRemoveDisabled, label, }: RemoveProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/Select/Select.d.ts

@@ -1,5 +1,4 @@
 import './Select.scss';
 import './SelectGeneric.scss';
-import type { JSX } from 'preact';
 import type { SelectProps } from './Select.types.ts';
-export declare const Select: ({ id, items, filterable, readonly, onChange, onSelect, selected, name, isInvalid, placeholder, isMulti, enableTracking, maxVisibleItems, getSearchItem, onBlur, text: filterTextProp, setText: setFilterTextProp, showList: showListProp, setShowList: setShowListProp, behaviour, loading, minimal, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SelectProps) => JSX.Element;
+export declare const Select: ({ id, items, filterable, readonly, onChange, onSelect, selected, name, isInvalid, placeholder, isMulti, enableTracking, maxVisibleItems, getSearchItem, onBlur, text: filterTextProp, setText: setFilterTextProp, showList: showListProp, setShowList: setShowListProp, behaviour, loading, minimal, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, excludedValues, }: SelectProps) => import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/Select/Select.types.d.ts

@@ -19,6 +19,7 @@ interface BaseSelectProps extends Partial<FieldChildProps> {
     filterable?: boolean | 'prefiltered';
     isInvalid?: boolean;
     items: ReadonlyArray<SelectItem>;
+    excludedValues?: ReadonlyArray<SelectItem>;
     name: string;
     'aria-label'?: string;
     placeholder?: string;

package/dist/types/components/ui/atoms/SelectButton/SelectButton.d.ts

@@ -1,3 +1,2 @@
-import type { JSX } from 'preact';
 import type { SelectButtonProps } from './SelectButton.types';
-export declare function SelectButton({ id, name, active, readonly, showList, isInvalid, onClick, onButtonKeyDown, filterable, isFiltering, placeholder, focusProps: { focused }, selectListId, onInput, behaviour, loading, text, enableTracking, onBlur, onFocus, inputRef, minimal, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, }: SelectButtonProps): JSX.Element;
+export declare function SelectButton({ id, name, active, readonly, showList, isInvalid, onClick, onButtonKeyDown, filterable, isFiltering, placeholder, focusProps: { focused }, selectListId, onInput, behaviour, loading, text, enableTracking, onFocus, inputRef, minimal, 'aria-describedby': ariaDescribedBy, 'aria-labelledby': ariaLabelledBy, 'aria-label': ariaLabel, }: SelectButtonProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/SelectButton/SelectButton.types.d.ts

@@ -1,4 +1,4 @@
-import type { JSX, RefObject } from 'preact';
+import type { RefObject, TargetedFocusEvent, TargetedKeyboardEvent } from 'preact';
 import type { SelectFocus } from '../Select/useSelectFocus';
 import type { SelectItem, SelectProps } from '../Select/Select.types';
 export interface SelectButtonProps {
@@ -8,7 +8,7 @@ export interface SelectButtonProps {
     filterable: boolean | 'prefiltered';
     isFiltering: boolean;
     isInvalid: boolean;
-    onButtonKeyDown: (e: JSX.TargetedKeyboardEvent<HTMLElement>) => void;
+    onButtonKeyDown: (e: TargetedKeyboardEvent<HTMLElement>) => void;
     onInput: (val: string) => void;
     placeholder: string;
     readonly: boolean;
@@ -25,7 +25,6 @@ export interface SelectButtonProps {
     behaviour: SelectProps['behaviour'];
     enableTracking?: boolean;
     onClick: () => void;
-    onBlur: (e: FocusEvent) => void;
-    onFocus: (e: JSX.TargetedFocusEvent<HTMLInputElement>) => void;
+    onFocus: (e: TargetedFocusEvent<HTMLInputElement>) => void;
     minimal?: boolean;
 }

package/dist/types/components/ui/atoms/SelectList/SelectList.d.ts

@@ -1,4 +1,3 @@
 import '../Select/SelectGeneric.scss';
-import type { JSX } from 'preact';
 import type { SelectListProps } from './SelectList.types';
-export declare function SelectList({ selectListId, active, filteredItems, showList, isMulti, inputRef, isSearch, loading, getSearchItem, onKeyDown, onSelect, minimal, maxVisibleItems, focusProps: { focused, focusItem, focusDefaultItem, moveFocusToNextItem, moveFocusToPreviousItem, moveFocusToFirstItem, moveFocusToLastItem, }, }: SelectListProps): JSX.Element;
+export declare function SelectList({ selectListId, active, filteredItems, showList, isMulti, inputRef, isSearch, loading, getSearchItem, onKeyDown, onSelect, minimal, maxVisibleItems, focusProps: { focused, focusItem, focusDefaultItem, moveFocusToNextItem, moveFocusToPreviousItem, moveFocusToFirstItem, moveFocusToLastItem, }, }: SelectListProps): import("preact/jsx-runtime").JSX.Element;

package/dist/types/components/ui/atoms/SelectList/SelectList.types.d.ts

@@ -1,10 +1,10 @@
-import type { ComponentChild, JSX, RefObject } from 'preact';
+import type { ComponentChild, RefObject, TargetedKeyboardEvent } from 'preact';
 import type { SelectFocus } from '../Select/useSelectFocus';
 import type { AddressSpecificSelectItem, SelectItem } from '../Select/Select.types';
 export interface SelectListProps {
     active: SelectItem[];
     filteredItems: ReadonlyArray<SelectItem>;
-    onKeyDown: (e: JSX.TargetedKeyboardEvent<HTMLLIElement>, item: SelectItem) => void;
+    onKeyDown: (e: TargetedKeyboardEvent<HTMLLIElement>, item: SelectItem) => void;
     onSelect: (item: SelectItem) => void;
     selectListId: string;
     showList: boolean;

package/dist/types/components/ui/atoms/SelectListItem/SelectListItem.types.d.ts

@@ -1,13 +1,13 @@
-import type { ComponentChild, JSX } from 'preact';
+import type { ComponentChild, TargetedFocusEvent, TargetedKeyboardEvent } from 'preact';
 import type { SelectItem } from '../Select/Select.types';
 export interface SelectItemProps {
     id: string;
     item: SelectItem;
     selected: boolean;
-    onKeyDown: (e: JSX.TargetedKeyboardEvent<HTMLLIElement>) => void;
+    onKeyDown: (e: TargetedKeyboardEvent<HTMLLIElement>) => void;
     onSelect: (selected: boolean) => void;
     isMulti: boolean;
-    onFocus?: (event: JSX.TargetedFocusEvent<HTMLLIElement>) => void;
+    onFocus?: (event: TargetedFocusEvent<HTMLLIElement>) => void;
     isSearch?: boolean;
     children?: ComponentChild;
     className?: string;

package/dist/types/components/ui/atoms/Svg/Svg.d.ts

@@ -9,5 +9,5 @@ export interface SvgProps {
     className?: string;
     testId?: string;
 }
-export declare const Svg: ({ className, name, testId, title, type }: SvgProps) => import("preact/jsx-runtime").JSX.Element;
+export declare const Svg: ({ className, name, testId, title, type }: SvgProps) => import("preact/jsx-runtime").JSX.Element | null;
 export {};