@goodhood-web/nebenan-base 3.4.0-next.1 → 3.5.0-development.1

package/lib/ComplaintModal/ComplaintModal.types.d.ts

@@ -1,4 +1,4 @@
-import { ComplaintReason } from '../../../../api/src/lib/core/public/v1/types';
+import { ComplaintReason } from '../../../../api/src/lib/core_v2/public/v1/types';
 export interface ComplaintModalProps {
     complaintReasons?: ComplaintReason[];
     handleModalClick: () => void;

package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts

@@ -1,6 +1,9 @@
 import { ReactElement, ReactNode } from 'react';
 export interface DesktopLayoutTwoColumnProps {
-    banner?: ReactElement;
+    banner: {
+        adSlot?: ReactElement;
+        didRender: boolean;
+    };
     children: ReactNode;
     enableAdSlots?: boolean;
     isMainFullWidth?: boolean;

package/lib/Feed/FeedItem/Marketplace/InteractiveElements/InteractiveCardHeader.d.ts

@@ -1,4 +1,4 @@
-import { ProfileResponse } from '../../../../../../../api/src/lib/core';
+import { ProfileResponse } from '../../../../../../../api/src/lib/core_v2';
 type InteractiveCardHeaderProps = {
     className?: string;
     id: number;

package/lib/Feed/FeedItem/Marketplace/MarketplaceActions/MarketplaceActions.types.d.ts

@@ -1,4 +1,4 @@
-import { PostImage } from '../../../../../../../api/src/lib/core';
+import { PostImage } from '../../../../../../../api/src/lib/core_v2';
 import { default as PostAuthorProps } from '../../PostAuthor/PostAuthor.types';
 import { ProfileData } from '../MarketplaceDetailPage/MarketplaceDetailPage.types';
 export type MarketplaceActionsTypes = {

package/lib/Feed/FeedItem/Marketplace/MarketplaceActions/components/BuyerActions/BuyerActions.d.ts

@@ -1,4 +1,4 @@
-import { PostImage } from '../../../../../../../../../api/src/lib/core';
+import { PostImage } from '../../../../../../../../../api/src/lib/core_v2';
 import { default as PostAuthorProps } from '../../../../PostAuthor/PostAuthor.types';
 type BuyerActionsProps = {
     author: PostAuthorProps;

package/lib/Feed/FeedItem/Marketplace/MarketplaceBody/MarketplaceBody.types.d.ts

@@ -1,4 +1,4 @@
-import { EmbedResponse, LevelOfDetail, PostImage } from '../../../../../../../api/src/lib/core';
+import { EmbedResponse, LevelOfDetail, PostImage } from '../../../../../../../api/src/lib/core_v2';
 import { default as PostAuthorProps } from '../../PostAuthor/PostAuthor.types';
 import { ProfileData } from '../MarketplaceDetailPage/MarketplaceDetailPage.types';
 export interface MarketplaceBodyTypes {

package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/MarketplaceDetailPage.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { BusinessProfilesResponse, CategoriesResponse, EmbedResponse, InteractionResponse, NeighbourResponse, PostResponse, ProfileResponse, RelatedPostsResponse } from '../../../../../../../api/src/lib/core';
+import { BusinessProfilesResponse, CategoriesResponse, EmbedResponse, InteractionResponse, NeighbourResponse, PostResponse, ProfileResponse, RelatedPostsResponse } from '../../../../../../../api/src/lib/core_v2';
 export interface AdSlot {
     adnuntius?: {
         desktop: string;

package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/components/CardAggregator/CardAggregator.d.ts

@@ -1,4 +1,4 @@
-import { Section } from '../../../../../../../../../api/src/lib/core';
+import { Section } from '../../../../../../../../../api/src/lib/core_v2';
 type CardAggregatorProps = {
     relatedBookmarks: number[];
     section: Section;

package/lib/Feed/FeedItem/Marketplace/MarketplaceMoreOptions/ComplaintModalComponent/ComplaintModalComponent.d.ts

@@ -1,4 +1,4 @@
-import { ProfileResponse } from '../../../../../../../../api/src/lib/core';
+import { ProfileResponse } from '../../../../../../../../api/src/lib/core_v2';
 export declare const ComplaintModalComponent: ({ handleReport, id, open, profile, }: {
     handleReport: () => void;
     id: number;

package/lib/Feed/FeedItem/Marketplace/MarketplaceMoreOptions/InteractivePostInfo/utils.d.ts

@@ -1,4 +1,4 @@
-import { PostResponse } from '../../../../../../../../api/src/lib/core';
+import { PostResponse } from '../../../../../../../../api/src/lib/core_v2';
 export declare const getInfoData: (post: PostResponse) => {
     author: {
         name: string;

package/lib/Feed/FeedItem/Marketplace/MarketplaceMoreOptions/MarketplaceMoreOptions.types.d.ts

@@ -1,4 +1,4 @@
-import { ProfileResponse } from '../../../../../../../api/src/lib/core';
+import { ProfileResponse } from '../../../../../../../api/src/lib/core_v2';
 export type MarketplaceMoreOptionsProps = {
     id: number;
     isMine?: boolean;

package/lib/Feed/FeedItem/Reactions/PostReactions/PostReactions.d.ts

@@ -0,0 +1,3 @@
+import { PostReactionsProps } from './PostReactions.types';
+export declare const PostReactions: ({ getPicturePlaceholder, getReactions, itemId, limit, onReactionSelect, onToggleComments, reactions, replies, selectedReaction, tooltipReactions, }: PostReactionsProps) => import("react/jsx-runtime").JSX.Element;
+export default PostReactions;

package/lib/Feed/FeedItem/Reactions/PostReactions/PostReactions.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactionType } from '../../../../../../../api/src/lib/types/reactions';
+import { Reaction, ReactionStackProps } from '../../../../Reactions/ReactionStack/ReactionStack.types';
+import { ReactionTabListProps } from '../../../../Reactions/ReactionTabList/ReactionTabList.types';
+export type PostReactionsProps = Omit<ReactionStackProps, 'stack' | 'expanded' | 'onClick'> & {
+    getPicturePlaceholder: ReactionTabListProps['getPicturePlaceholder'];
+    getReactions: ReactionTabListProps['getReactions'];
+    itemId: number;
+    onReactionSelect: (emoji: ReactionType) => void;
+    onToggleComments: () => void;
+    replies?: number;
+    selectedReaction?: ReactionType;
+    tooltipReactions: Reaction[];
+};

package/lib/Feed/FeedItem/Reactions/PostReactions/utils.d.ts

@@ -0,0 +1,8 @@
+import { ReactionType } from '../../../../../../../api/src/lib/types/reactions';
+import { Reaction } from '../../../../../index';
+export declare const getReactionsArray: (reactions: Reaction[], selectedReaction?: ReactionType) => {
+    selected: boolean;
+    tooltip?: import('react').ReactNode;
+    count?: number | undefined;
+    reaction: ReactionType;
+}[];

package/lib/Feed/FeedItem/Reactions/ReplyReactions/Like/Like.d.ts

@@ -0,0 +1,3 @@
+import { LikeProps } from './Like.types';
+declare const Like: ({ isComment, isVerticalLayout, item, locked, reactions, setReaction, }: LikeProps) => import("react/jsx-runtime").JSX.Element;
+export default Like;

package/lib/Feed/FeedItem/Reactions/ReplyReactions/Like/Like.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactionType } from '../../../../../../../../api/src/lib/types/reactions';
+import { ReplyReactionsProps } from '../ReplyReactions.types';
+export interface Item {
+    id: string;
+    reaction?: ReactionType;
+}
+export interface Reaction {
+    count?: number;
+    reaction: ReactionType;
+    selected?: boolean;
+    tooltip?: string;
+}
+export type SetReaction = (reaction: ReactionType | null) => void;
+export interface LikeProps {
+    isComment?: boolean;
+    isVerticalLayout?: boolean;
+    item: Item;
+    locked?: boolean;
+    reactions: ReplyReactionsProps['tooltipReactions'];
+    setReaction: SetReaction;
+}

package/lib/Feed/FeedItem/Reactions/ReplyReactions/Like/ReactionLabel/ReactionLabel.d.ts

@@ -0,0 +1,7 @@
+import { ReactionType } from '../../../../../../../../../api/src/lib/types/reactions';
+type ReactionLabelProps = {
+    isLiked: boolean;
+    reaction: ReactionType;
+};
+export declare const ReactionLabel: ({ isLiked, reaction }: ReactionLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Feed/FeedItem/Reactions/ReplyReactions/ReplyReactions.d.ts

@@ -0,0 +1,3 @@
+import { ReplyReactionsProps } from './ReplyReactions.types';
+export declare const ReplyReactions: ({ getPicturePlaceholder, getReactions, item, itemId, onReactionSelect, onReply, reactions, tooltipReactions, }: ReplyReactionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ReplyReactions;

package/lib/Feed/FeedItem/Reactions/ReplyReactions/ReplyReactions.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactionType } from '../../../../../../../api/src/lib/types/reactions';
+import { Reaction } from '../../../../Reactions/ReactionStack/ReactionStack.types';
+import { ReactionTabListProps } from '../../../../Reactions/ReactionTabList/ReactionTabList.types';
+export type ReplyReactionsProps = {
+    getPicturePlaceholder: ReactionTabListProps['getPicturePlaceholder'];
+    getReactions: ReactionTabListProps['getReactions'];
+    item: {
+        id: string;
+        reaction?: ReactionType;
+    };
+    itemId: number;
+    onReactionSelect: (emoji: ReactionType | null) => void;
+    onReply: () => void;
+    reactions: Reaction[];
+    tooltipReactions: Reaction[];
+};

package/lib/Feed/FeedItem/utils.d.ts

@@ -1,5 +1,5 @@
-import { BusinessProfilesResponse, InteractionResponse, NeighbourResponse, PostResponse, ProfileResponse, Section } from '../../../../../api/src/lib/core';
-import { Category } from '../../../../../api/src/lib/core/v2/categories';
+import { BusinessProfilesResponse, InteractionResponse, NeighbourResponse, PostResponse, ProfileResponse, Section } from '../../../../../api/src/lib/core_v2';
+import { Category } from '../../../../../api/src/lib/core_v2/v2/categories';
 import { BadgeIconType } from '../../../../../api/src/lib/types/newsFeeds';
 import { MarketplaceBodyTypes } from './Marketplace/MarketplaceBody/MarketplaceBody.types';
 import { AdSlot } from './Marketplace/MarketplaceDetailPage/MarketplaceDetailPage.types';

package/lib/Feed/GridFeed/GridFeed.d.ts

@@ -0,0 +1,3 @@
+import { GridFeedProps } from './GridFeed.types';
+declare const GridFeed: ({ ads, feedItems, feedType, items }: GridFeedProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GridFeed;

package/lib/Feed/GridFeed/GridFeed.types.d.ts

@@ -0,0 +1,33 @@
+import { NewsFeedHoodMessage } from '../../../../../api/src/lib/core_v2';
+import { MarketplaceItemCardlessTypes } from '../FeedItem/Marketplace/MarketplaceItemCardless/MarketplaceItemCardless.types';
+export declare const GridFeedTypeEnum: {
+    readonly event: "event";
+    readonly feed: "feed";
+    readonly group: "group";
+    readonly marketplace: "marketplace";
+    readonly post: "post";
+};
+export interface FeedItems {
+    [key: number]: NewsFeedHoodMessage & {
+        is_bookmarked: boolean;
+    };
+}
+declare const ALLOWED_POSITIONS: readonly [0, 1, 2, 3, 4, 5];
+type Position = (typeof ALLOWED_POSITIONS)[number];
+export interface AdItem {
+    block: number;
+    content: React.ReactNode;
+    id: string;
+    position?: Position;
+    type?: string;
+}
+export interface GridFeedProps {
+    ads?: AdItem[];
+    feedItems: FeedItems;
+    feedType: keyof typeof GridFeedTypeEnum;
+    items: number[];
+}
+export type ChunkItem = number | AdItem;
+export type ResultType = Array<ChunkItem[] | AdItem>;
+export type GridFeedMarketplaceItem = MarketplaceItemCardlessTypes | AdItem;
+export {};

package/lib/Feed/{Aggregators → GridFeed}/GridFeedAggregator/GridFeedAggregator.types.d.ts

@@ -1,7 +1,7 @@
-import { GridFeedAd, GridFeedHoodMessage, GridFeedProps } from '../../Feed/Feed.types';
+import { GridFeedMarketplaceItem, GridFeedProps } from '../GridFeed.types';
 export type GridFeedAggregatorProps = {
     feedType: GridFeedProps['feedType'];
-    items: (GridFeedAd | GridFeedHoodMessage)[];
+    items: GridFeedMarketplaceItem[];
 };
 export declare const GridFeedAggregatorNavigateEnum: {
     readonly event: "";

package/lib/Feed/GridFeed/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.types.d.ts

@@ -0,0 +1,6 @@
+import { MarketplaceItemCardlessTypes } from '../../../../FeedItem/Marketplace/MarketplaceItemCardless/MarketplaceItemCardless.types';
+import { AdItem, GridFeedProps } from '../../../GridFeed.types';
+export interface FeedDynamicRendererProps {
+    feedType: GridFeedProps['feedType'];
+    item: MarketplaceItemCardlessTypes | AdItem;
+}

package/lib/Feed/{Aggregators → GridFeed}/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.types.d.ts

@@ -1,4 +1,4 @@
-import { GridFeedProps } from '../../../../Feed/Feed.types';
+import { GridFeedProps } from '../../../GridFeed.types';
 export interface FeedEmptyStateCardProps {
     classNameButtonDesktop?: string;
     classNameButtonMobile?: string;

package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.d.ts

@@ -0,0 +1,3 @@
+import { GridFeedDynamicRendererProps } from './GridFeedDynamicRenderer.types';
+declare const GridFeedDynamicRenderer: ({ feedItem, feedItems, feedType, }: GridFeedDynamicRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GridFeedDynamicRenderer;

package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.types.d.ts

@@ -0,0 +1,4 @@
+import { ChunkItem, GridFeedProps } from '../GridFeed.types';
+export type GridFeedDynamicRendererProps = Pick<GridFeedProps, 'feedItems' | 'feedType'> & {
+    feedItem: ChunkItem[];
+};

package/lib/Feed/GridFeed/utils.d.ts

@@ -0,0 +1,7 @@
+import { AdItem, ChunkItem, FeedItems, GridFeedMarketplaceItem, ResultType } from './GridFeed.types';
+export declare const splitIntoChunks: (items: ChunkItem[], // The main array of items (numbers or ads)
+ads?: AdItem[], // The list of ads to be inserted into chunks
+chunkSize?: number) => ResultType;
+export declare const formatCurrency: (cents: number | null) => string;
+export declare const getItems: (feeds: ChunkItem[], feedItems: FeedItems) => GridFeedMarketplaceItem[];
+export declare const getLang: <T>(lang: Record<string, T>, selectedLang?: string) => T;

package/lib/Feed/utils.d.ts

@@ -1,4 +1,4 @@
-import { PostResponse } from '../../../../api/src/lib/core';
+import { PostResponse } from '../../../../api/src/lib/core_v2';
 export declare const isBookmarked: (id: number, list: number[]) => boolean;
 export declare const getRelatedItemThumbnail: (item: PostResponse) => string;
 export declare const isPublic: (item: PostResponse) => boolean;

package/lib/Forms/DynamicForm/DynamicForm.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { WizardStepT } from '../Wizard/Wizard.types';
-export declare function DynamicForm({ fields, onSubmit }: PropsWithChildren<WizardStepT>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicForm({ fields, formError, formFieldMap, formKey, id, onSubmit, spacing, validationMode, validationSchema, }: PropsWithChildren<WizardStepT>): import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

package/lib/Forms/Fields/CodeField/CodeField.d.ts

@@ -0,0 +1,3 @@
+import { CodeInputProps } from './CodeField.types';
+declare const CodeField: ({ disabled, errorText, onComplete, type, length, variant, value, }: CodeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeField;

package/lib/Forms/Fields/CodeField/CodeField.types.d.ts

@@ -0,0 +1,9 @@
+export interface CodeInputProps {
+    disabled?: boolean;
+    errorText?: string;
+    length?: number;
+    onComplete?: (value: string) => void;
+    type?: 'invite' | 'sms';
+    value?: string;
+    variant?: 'filled' | 'outlined';
+}

package/lib/Forms/Fields/FormButton/FormButtonProps.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ButtonVariationProps } from '../../../../../../ui/src/lib/Atoms/Buttons/Button/Button.types';
+import { TextButtonProps } from '../../../../../../ui/src/lib/Atoms/Buttons/TextButton/TextButton.types';
+export type FormButtonProps = {
+    color?: TextButtonProps['color'];
+    disabled?: boolean;
+    goTo?: string;
+    label?: string;
+    onClick?: () => void;
+    size?: ButtonVariationProps['size'];
+    text?: string;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'text';
+};
+declare const FormButton: ({ color, disabled, goTo, label, onClick, size, text, type, variant, }: FormButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default FormButton;

package/lib/Forms/Fields/FormCodeField.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { CodeInputProps } from './CodeField/CodeField.types';
+export type FormCodeInputProps = UseControllerProps & Omit<CodeInputProps, 'onComplete' | 'errorText'>;
+export declare const FormCodeField: ({ disabled, length, name, rules, type, variant, }: FormCodeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormCodeField;

package/lib/Forms/Fields/FormContentCreatorTile.d.ts

@@ -0,0 +1,6 @@
+import { ContentCreatorTileProps } from '../../../../../ui/src/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.types';
+export type FormContentCreatorTileProps = ContentCreatorTileProps & {
+    id: string;
+};
+export declare const FormContentCreatorTile: ({ description, headline, id, isActive, isPending, sticker, }: FormContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
+export default FormContentCreatorTile;

package/lib/Forms/Fields/FormGenderSelector.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { GenderSelectorProps } from './GenderSelector/GenderSelector.types';
+export type FormGenderSelectorProps = UseControllerProps & Partial<GenderSelectorProps>;
+export declare const FormGenderSelector: ({ name, rules, selectedGender, }: FormGenderSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default FormGenderSelector;

package/lib/Forms/Fields/FormHeader/FormHeader.d.ts

@@ -0,0 +1,3 @@
+import { FormHeaderProps } from './FormHeader.types';
+declare const FormHeader: ({ description, header, notice, phoneNr, sticker, title, }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default FormHeader;

package/lib/Forms/Fields/FormHeader/FormHeader.types.d.ts

@@ -0,0 +1,10 @@
+import { StickerProps } from '../../../../../../ui/src/lib/Atoms/Badges/Sticker/Sticker.types';
+import { NoticeInfoProps, NoticeWarningProps } from '../../../../../../ui/src/lib/Molecules/Notices/Notice/Notice.types';
+export interface FormHeaderProps {
+    description?: string;
+    header: string;
+    notice?: NoticeWarningProps | NoticeInfoProps;
+    phoneNr?: boolean;
+    sticker?: StickerProps;
+    title?: string;
+}

package/lib/Forms/Fields/FormHeader/components/PhoneNumber.d.ts

@@ -0,0 +1,4 @@
+declare const PhoneNumber: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PhoneNumber;

package/lib/Forms/Fields/FormNameAbbreviation.d.ts

@@ -0,0 +1,7 @@
+import { UseControllerProps } from 'react-hook-form';
+import { NameAbbreviationProps } from './NameAbbreviation/NameAbbreviation.types';
+export type FormNameAbbreviationProps = UseControllerProps & Partial<NameAbbreviationProps> & {
+    defaultChecked?: boolean;
+};
+export declare const FormNameAbbreviation: ({ defaultChecked, label, name, rules, }: FormNameAbbreviationProps) => import("react/jsx-runtime").JSX.Element;
+export default FormNameAbbreviation;

package/lib/Forms/Fields/FormPasswordField.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { PasswordFieldProps } from './PasswordField/PasswordField.types';
+export type FormPasswordFieldProps = UseControllerProps & Partial<PasswordFieldProps>;
+declare const FormPasswordField: ({ colorScheme, id, label, name, passwordHint, progressBar, rules, size, value, }: FormPasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default FormPasswordField;

package/lib/Forms/Fields/FormPhoneInput.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { default as PhoneInputProps } from './PhoneInput/PhoneInput.types';
+export type FormPhoneInputProps = UseControllerProps & Omit<PhoneInputProps, 'onChange'>;
+export declare const FormPhoneInput: ({ disabledSelect, inputId, name, placeholder, rules, selectId, size, styleInput, styleSelect, }: FormPhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormPhoneInput;

package/lib/Forms/Fields/FormSelectInput.d.ts

@@ -0,0 +1,12 @@
+import { UseControllerProps } from 'react-hook-form';
+import { SelectInputProps } from './SelectInput/SelectInput.types';
+type FormSelectInputApi = {
+    api: {
+        dataId: string;
+        endpoint: string;
+        key: string;
+    };
+};
+export type FormSelectInputProps = UseControllerProps & Omit<SelectInputProps, 'onSelect' | 'options'> & FormSelectInputApi;
+export declare const FormSelectInput: ({ api, className, disabled, iconButton, id, label, name, rules, sheetBreakpoint, size, style, }: FormSelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormSelectInput;

package/lib/Forms/Fields/FormTextInput.d.ts

@@ -1,4 +1,4 @@
 import { UseControllerProps } from 'react-hook-form';
 import { TextInputProps } from '../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
 export type FormTextInputProps = UseControllerProps & Partial<TextInputProps>;
-export default function FormTextInput({ colorScheme, id, label, name, rules, size, value, ...props }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;
+export default function FormTextInput({ colorScheme, hintText, id, label, name, rules, size, value, ...props }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/Fields/GenderSelector/GenderSelector.d.ts

@@ -0,0 +1,3 @@
+import { GenderSelectorProps } from './GenderSelector.types';
+declare const GenderSelector: ({ onChange, selectedGender }: GenderSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default GenderSelector;

package/lib/Forms/Fields/GenderSelector/GenderSelector.types.d.ts

@@ -0,0 +1,19 @@
+import { ToggleButtonGroupProps } from '../../../../../../ui/src/lib/Molecules/Selections/SelectablePillGroup/SelectablePillGroup.types';
+export declare const GENDERS: number[];
+export type SelectedGenderOptions = (typeof GENDER_VALUES)[keyof typeof GENDER_VALUES];
+export type GenderSelectorProps = Omit<ToggleButtonGroupProps, 'multiselect' | 'items' | 'selectedItems'> & {
+    onChange: (value: SelectedGenderOptions) => void;
+    selectedGender: SelectedGenderOptions;
+};
+export declare const GENDER_LABELS: {
+    3: string;
+    0: string;
+    1: string;
+    2: string;
+};
+export declare const GENDER_VALUES: {
+    3: string;
+    0: string;
+    1: string;
+    2: string;
+};

package/lib/Forms/Fields/GenderSelector/GenderSelector.utils.d.ts

@@ -0,0 +1,4 @@
+import { SelectablePillProps } from '../../../../../../ui/src/lib/Atoms/Selectables/SelectablePill/SelectablePill.types';
+import { SelectedGenderOptions } from './GenderSelector.types';
+export declare const getGenders: () => SelectablePillProps[];
+export declare const getSelectedGender: (genders: SelectablePillProps[], selectedGender: SelectedGenderOptions) => SelectablePillProps[];

package/lib/Forms/Fields/NameAbbreviation/NameAbbreviation.d.ts

@@ -0,0 +1,3 @@
+import { NameAbbreviationProps } from './NameAbbreviation.types';
+declare const NameAbbreviation: ({ checked, firstname, label, lastname, onChange, placeholder, }: NameAbbreviationProps) => import("react/jsx-runtime").JSX.Element;
+export default NameAbbreviation;

package/lib/Forms/Fields/NameAbbreviation/NameAbbreviation.types.d.ts

@@ -0,0 +1,11 @@
+import { ToggleProps } from '../../../../../../ui/src/lib/Atoms/Inputs/Toggle/Toggle.types';
+export interface NameAbbreviationProps extends ToggleProps {
+    checked: boolean;
+    firstname: string;
+    label?: string;
+    lastname: string;
+    placeholder?: {
+        firstname: string;
+        lastname: string;
+    };
+}

package/lib/Forms/Fields/PasswordField/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { PasswordFieldProps } from './PasswordField.types';
+declare const PasswordField: ({ colorScheme, errorText, id, label, name, onBlur, onChange, passwordHint, progressBar, size, value, }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default PasswordField;

package/lib/Forms/Fields/PasswordField/PasswordField.types.d.ts

@@ -0,0 +1,16 @@
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+export type PasswordFieldProps = {
+    colorScheme?: TextInputProps['colorScheme'];
+    error?: TextInputProps['error'];
+    errorText?: TextInputProps['errorText'];
+    id?: TextInputProps['id'];
+    label?: TextInputProps['label'];
+    name: TextInputProps['name'];
+    onBlur?: TextInputProps['onBlur'];
+    onChange?: TextInputProps['onChange'];
+    passwordHint?: string;
+    progressBar?: boolean;
+    showInputHints?: TextInputProps['showInputHints'];
+    size?: TextInputProps['size'];
+    value?: string;
+};

package/lib/Forms/Fields/PasswordField/utils.d.ts

@@ -0,0 +1 @@
+export declare const getProgressBarProgress: (password: string) => number;

package/lib/Forms/Fields/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,3 @@
+import { default as PhoneInputProps } from './PhoneInput.types';
+declare const PhoneInput: ({ defaultSelectValue, disabledSelect, errorText, inputId, onChange, placeholder, selectId, size, styleInput, styleSelect, value, }: PhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneInput;

package/lib/Forms/Fields/PhoneInput/PhoneInput.types.d.ts

@@ -0,0 +1,16 @@
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+import { euCountriesOpened } from './util';
+export type DialCode = (typeof euCountriesOpened)[number]['dial_code'];
+export default interface PhoneInputProps {
+    defaultSelectValue?: DialCode;
+    disabledSelect?: TextInputProps['disabled'];
+    errorText?: TextInputProps['errorText'];
+    inputId?: string;
+    onChange: (selectValue: string, inputValue: string) => void;
+    placeholder?: string;
+    selectId?: string;
+    size?: TextInputProps['size'];
+    styleInput?: TextInputProps['colorScheme'];
+    styleSelect?: TextInputProps['colorScheme'];
+    value?: string;
+}