qlu-20-ui-library 1.1.5 → 1.1.6

package/dist/components/AuthNavBar/index.d.ts

@@ -0,0 +1,10 @@
+interface AuthNavBarProps {
+    text: string;
+    textColor?: "gray" | "orange" | undefined;
+    textOnClick: () => void;
+    buttonText: string;
+    buttonColorVaraint: "primaryOrangeBorderAndText" | "primaryOrange" | "primaryOrangeBorder" | "alternativeDarkBorder";
+    buttonOnClick: () => void;
+}
+declare const AuthNavBar: ({ text, textColor, textOnClick, buttonText, buttonColorVaraint, buttonOnClick, }: AuthNavBarProps) => JSX.Element;
+export default AuthNavBar;

package/dist/components/AuthNavbarLogoSvg/AuthNavbarLogoSvg.d.ts

@@ -0,0 +1,6 @@
+interface QluLogoSvgProps {
+    width?: string;
+    height?: string;
+}
+declare const QluLogoSvg: ({ width, height }: QluLogoSvgProps) => JSX.Element;
+export default QluLogoSvg;

package/dist/components/AuthPhoneNumberInput/index.d.ts

@@ -0,0 +1,7 @@
+interface NumberFieldInputProps {
+    placeholderText?: string;
+    defaultCountry?: string;
+    handlePhoneChange: (value: string) => void;
+}
+declare const PhoneNumberInputField: ({ placeholderText, defaultCountry, handlePhoneChange, }: NumberFieldInputProps) => JSX.Element;
+export default PhoneNumberInputField;

package/dist/components/AvatarGroup/index.d.ts

@@ -1,7 +1,13 @@
+interface letterIcons {
+    letters: string;
+    lettersColor: string;
+    color: string;
+}
 interface AvatarGroupProps {
-    images: string[];
+    images?: string[];
+    letterIcons?: letterIcons[];
     iconSize: "24" | "32" | "48" | "80";
     counter?: number;
 }
-declare const AvatarGroup: ({ images, iconSize, counter }: AvatarGroupProps) => JSX.Element;
+declare const AvatarGroup: ({ images, letterIcons, iconSize, counter }: AvatarGroupProps) => JSX.Element;
 export default AvatarGroup;

package/dist/components/BadgeNonClickable/index.d.ts

@@ -0,0 +1,12 @@
+import { IconSize, IconType, BadgeTypes } from '../../types';
+import { FC } from 'react';
+interface BadgeNonClickableProps {
+    showIconOnLeft?: boolean;
+    showIcon?: boolean;
+    iconType?: IconType;
+    iconSize?: IconSize;
+    text: string;
+    variant: BadgeTypes;
+}
+declare const BadgeNonClickable: FC<BadgeNonClickableProps>;
+export default BadgeNonClickable;

package/dist/components/CircularSvgAndEmoji/index.d.ts

@@ -0,0 +1,7 @@
+import { IconSize, IconType } from '../../types';
+interface CircularSvgLabelProps {
+    iconType: IconType;
+    iconSize?: IconSize;
+}
+declare const CircularSvgAndEmoji: ({ iconType, iconSize, }: CircularSvgLabelProps) => JSX.Element;
+export default CircularSvgAndEmoji;

package/dist/components/CompanyPillNotClicakble/index.d.ts

@@ -0,0 +1,9 @@
+import { IconSize } from '../../types';
+interface CompanyPillNotClicakbleProps {
+    companyName: string;
+    companyIconPath: string;
+    style?: object;
+    companyIconSize?: IconSize;
+}
+declare const CompanyPillNotClicakble: ({ companyName, companyIconPath, style, companyIconSize }: CompanyPillNotClicakbleProps) => JSX.Element;
+export default CompanyPillNotClicakble;

package/dist/components/CompanyView/CompanyViewBody/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CompanyViewSummaryTypes, CompanyViewTabsTypes } from '../../../types';
+interface CompanyViewBodyProps {
+    companyViewActiveTab: CompanyViewTabsTypes;
+    companyViewSummaryPayload: CompanyViewSummaryTypes;
+}
+declare const CompanyViewBody: React.FC<CompanyViewBodyProps>;
+export default CompanyViewBody;

package/dist/components/CompanyView/CompanyViewEmployeeCard/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CompanyViewEmployeeCardProps {
+    picturePath: string;
+    fullName: string;
+    role: string;
+    previousEmployee?: boolean;
+}
+declare const CompanyViewEmployeeCard: React.FC<CompanyViewEmployeeCardProps>;
+export default CompanyViewEmployeeCard;

package/dist/components/CompanyView/CompanyViewHeader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CompanyViewHeaderProps {
+    companyLogo: string;
+    companyName: string;
+    employeeCount: number;
+    location: string;
+    onCheckClick: () => void;
+}
+declare const CompanyViewHeader: React.FC<CompanyViewHeaderProps>;
+export default CompanyViewHeader;

package/dist/components/CompanyView/CompanyViewLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const CompanyViewLayout: () => JSX.Element;
+export default CompanyViewLayout;

package/dist/components/CompanyView/CompanyViewPeople/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CompanyViewPeopleProps {
+    onCompanyViewPeopleTabClick: (tab: string) => void;
+    activeCompanyViewPeopleTab: 'Current' | 'Previous';
+    children: React.ReactNode;
+}
+declare const CompanyViewPeople: React.FC<CompanyViewPeopleProps>;
+export default CompanyViewPeople;

package/dist/components/CompanyView/CompanyViewSummary/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CompanyViewSummaryProps {
+    about: string;
+    industries: string[];
+    employeeCount: number;
+    websiteUrl: string;
+    headquarter: string;
+}
+declare const CompanyViewSummary: React.FC<CompanyViewSummaryProps>;
+export default CompanyViewSummary;

package/dist/components/CompanyView/CompanyViewTabsComponent/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CompanyViewTabsTypes } from '../../../types';
+interface CompanyViewTabsComponentProps {
+    tabs: {
+        tabName: CompanyViewTabsTypes;
+    }[];
+    activeCompanyViewTab: CompanyViewTabsTypes;
+    onClick: (tabName: CompanyViewTabsTypes) => void;
+}
+declare const CompanyViewTabsComponent: React.FC<CompanyViewTabsComponentProps>;
+export default CompanyViewTabsComponent;

package/dist/components/DropdownComponent/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DropdownComponentProps {
+    className?: string;
+    children: React.ReactNode;
+    props?: object;
+    style?: object;
+}
+declare const DropdownComponent: React.FC<DropdownComponentProps>;
+export default DropdownComponent;

package/dist/components/Emoji/Congratulations.d.ts

@@ -0,0 +1,2 @@
+declare const Congratulations: () => JSX.Element;
+export default Congratulations;

package/dist/components/FeedbackButton/index.d.ts

@@ -0,0 +1,8 @@
+interface FeedbackButtonProps {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    sizeVariant: 'sm' | 'base';
+    variant: 'like' | 'maybe' | 'cross';
+}
+declare const FeedbackButton: ({ isDisabled, sizeVariant, variant, onClick, }: FeedbackButtonProps) => JSX.Element;
+export default FeedbackButton;

package/dist/components/FileUpload/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface FileUploadProps {
     labelText?: string;
     helperText?: string;
-    width?: "xs" | "s" | "m" | "lg" | "xl";
+    width?: "xs" | "sm" | "m" | "lg" | "xl";
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     accept?: string;
 }

package/dist/components/FilterAddRemoveBadge/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface FilterAddRemoveBadgeProps {
+    text: string;
+    onRemoveClick: () => void;
+    onAddClick: () => void;
+    isRemoveSelected?: boolean;
+    isAddSelected?: boolean;
+}
+declare const FilterAddRemoveBadge: React.FC<FilterAddRemoveBadgeProps>;
+export default FilterAddRemoveBadge;

package/dist/components/GetLogoIcon/index.d.ts

@@ -0,0 +1,7 @@
+import { LogoSize, LogoType } from "../../types";
+interface GetLogoIconProps {
+    logoType: LogoType;
+    logoSize?: LogoSize;
+}
+declare const GetLogoIcon: ({ logoType, logoSize }: GetLogoIconProps) => JSX.Element | null;
+export default GetLogoIcon;

package/dist/components/HomeScreen/HomeScreenBody/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface HomeScreenBodyProps {
+}
+declare const HomeScreenBody: React.FC<HomeScreenBodyProps>;
+export default HomeScreenBody;

package/dist/components/HomeScreen/HomeScreenLayout/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface HomeScreenLayoutProps {
+}
+declare const HomeScreenLayout: React.FC<HomeScreenLayoutProps>;
+export default HomeScreenLayout;

package/dist/components/HomeScreen/HomeScreenOverview/index.d.ts

@@ -0,0 +1,2 @@
+declare const HomeScreenOverview: () => JSX.Element;
+export default HomeScreenOverview;

package/dist/components/HomeScreen/HomeScreenStatCard/index.d.ts

@@ -0,0 +1,2 @@
+declare const HomeScreenStatCard: () => JSX.Element;
+export default HomeScreenStatCard;

package/dist/components/HomeScreen/HomeScreenTabsComponent/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { HomeScreenTabsTypes } from '../../../types';
+interface HomeScreenTabsProps {
+    tabs: {
+        tabName: HomeScreenTabsTypes;
+    }[];
+    activeHomeScreenTab: HomeScreenTabsTypes;
+    onClick: (tabName: HomeScreenTabsTypes) => void;
+}
+declare const HomeScreenTabsComponent: React.FC<HomeScreenTabsProps>;
+export default HomeScreenTabsComponent;

package/dist/components/InputField/index.d.ts

@@ -1,9 +1,12 @@
 interface InputFieldProps {
+    value: string;
+    type: string;
     placeholder?: string;
     disabled?: boolean;
     style?: object;
     errorState: boolean;
     props?: object;
+    onChangeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const InputField: ({ placeholder, style, disabled, errorState, props }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ value, type, placeholder, style, disabled, errorState, props, onChangeHandler, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/components/Logo/Google.d.ts

@@ -0,0 +1,6 @@
+interface GoogleProps {
+    width?: string;
+    height?: string;
+}
+declare const Google: ({ width, height, }: GoogleProps) => JSX.Element;
+export default Google;

package/dist/components/Logo/Outlook.d.ts

@@ -0,0 +1,6 @@
+interface OutlookProps {
+    width?: string;
+    height?: string;
+}
+declare const Outlook: ({ width, height, }: OutlookProps) => JSX.Element;
+export default Outlook;

package/dist/components/LogoButton/index.d.ts

@@ -0,0 +1,8 @@
+import { LogoSize, LogoType } from '../../types';
+interface LogoButtonProps {
+    logoType: LogoType;
+    logoSize?: LogoSize;
+    onClick: () => void;
+}
+declare const LogoButton: ({ logoType, logoSize, onClick }: LogoButtonProps) => JSX.Element;
+export default LogoButton;

package/dist/components/Modal/index.d.ts

@@ -6,7 +6,7 @@ type ModalProps = {
     buttonVariant: 'oneButton' | 'twoButton' | 'noButton';
     onBackButtonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onCrossButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    footerButtons?: {
+    footerButtons: {
         text: string;
         onClick: () => void;
     }[];

package/dist/components/OTP/index.d.ts

@@ -0,0 +1,9 @@
+interface OTPComponentProps {
+    length?: number;
+    error?: boolean;
+    isDisable?: boolean;
+    onOTPChange?: (otp: string) => void;
+    onOTPComplete?: (otp: string) => void;
+}
+declare const OTPComponent: ({ length, isDisable, error, onOTPChange, onOTPComplete, }: OTPComponentProps) => JSX.Element;
+export default OTPComponent;

package/dist/components/PersonCompanyNameClickable/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PersonCompanyNameClickableProps {
+    text: string;
+    onClick: () => void;
+}
+declare const PersonCompanyNameClickable: React.FC<PersonCompanyNameClickableProps>;
+export default PersonCompanyNameClickable;

package/dist/components/PersonView/PersonViewBody/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PersonViewSummaryPayloadTypes, PersonViewTabsTypes } from '../../../types';
+interface PersonViewBodyProps {
+    personViewActiveTab: PersonViewTabsTypes;
+    personViewSummaryPayload: PersonViewSummaryPayloadTypes;
+}
+declare const PersonViewBody: React.FC<PersonViewBodyProps>;
+export default PersonViewBody;

package/dist/components/PersonView/PersonViewExperienceCard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PersonExperienceDetailsTypes } from '../../../types';
+interface PersonViewExperienceCardProps {
+    companyLogo: string;
+    start: string;
+    end: string;
+    duration: string;
+    experienceDetails: PersonExperienceDetailsTypes[];
+}
+declare const PersonViewExperienceCard: React.FC<PersonViewExperienceCardProps>;
+export default PersonViewExperienceCard;

package/dist/components/PersonView/PersonViewExperienceDetails/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PersonExperienceDetailsTypes } from '../../../types';
+interface PersonViewExperienceDetailsProps {
+    experienceDetails: PersonExperienceDetailsTypes;
+}
+declare const PersonViewExperienceDetails: React.FC<PersonViewExperienceDetailsProps>;
+export default PersonViewExperienceDetails;

package/dist/components/PersonView/PersonViewHeader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PersonViewHeaderProps {
+    profilePicture: string;
+    fullName: string;
+    currentRole: string;
+    currentCompany: string;
+    location: string;
+}
+declare const PersonViewHeader: React.FC<PersonViewHeaderProps>;
+export default PersonViewHeader;

package/dist/components/PersonView/PersonViewLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const PersonViewLayout: () => JSX.Element;
+export default PersonViewLayout;

package/dist/components/PersonView/PersonViewSummary/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PersonExperiencePayloadTypes } from '../../../types';
+interface PersonViewSummaryProps {
+    about: string;
+    experience: PersonExperiencePayloadTypes[];
+}
+declare const PersonViewSummary: React.FC<PersonViewSummaryProps>;
+export default PersonViewSummary;

package/dist/components/PersonView/PersonViewTabsComponent/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PersonViewTabsTypes } from '../../../types';
+interface PersonViewTabsComponentProps {
+    tabs: {
+        tabName: PersonViewTabsTypes;
+    }[];
+    activePersonViewTab: PersonViewTabsTypes;
+    onClick: (tabName: PersonViewTabsTypes) => void;
+}
+declare const PersonViewTabsComponent: React.FC<PersonViewTabsComponentProps>;
+export default PersonViewTabsComponent;

package/dist/components/ProgressBar/index.d.ts

@@ -0,0 +1,5 @@
+interface ProgressBarProps {
+    progress: number;
+}
+declare const ProgressBar: ({ progress }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/components/RecentChatComponent/{RecentChatComponent.d.ts → index.d.ts}

@@ -4,6 +4,7 @@ interface RecentChatComponentProps {
     isSelected?: boolean;
     onEdit: () => void;
     onDelete: () => void;
+    onClick: () => void;
 }
-declare const RecentChatComponent: ({ text, textLength, isSelected, onEdit, onDelete }: RecentChatComponentProps) => JSX.Element;
+declare const RecentChatComponent: ({ text, textLength, isSelected, onEdit, onDelete, onClick }: RecentChatComponentProps) => JSX.Element;
 export default RecentChatComponent;

package/dist/components/SearchLocationDropdown/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SearchSelectedLocationTypes } from '../../types';
+interface SearchLocationDropdownProps {
+    selectedLocation: SearchSelectedLocationTypes;
+    setSelectedLocation: (location: SearchSelectedLocationTypes) => void;
+}
+declare const SearchLocationDropdown: React.FC<SearchLocationDropdownProps>;
+export default SearchLocationDropdown;

package/dist/components/SearchPersonTable/index.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
-declare const SearchPersonTable: React.FC;
+import { SearchPersonTableType } from '../../types';
+interface SearchPersonTableProps {
+    onCheckClick: () => void;
+    onNameClick: () => void;
+    onCompanyClick: () => void;
+    personsData: SearchPersonTableType[];
+}
+declare const SearchPersonTable: React.FC<SearchPersonTableProps>;
 export default SearchPersonTable;

package/dist/components/SearchPersonTableContainer/index.d.ts

@@ -0,0 +1,2 @@
+declare const SearchPersonTableContainer: () => JSX.Element;
+export default SearchPersonTableContainer;

package/dist/components/SkillIndustryBadge/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SkillIndustryBadgeProps {
+    text: string;
+}
+declare const SkillIndustryBadge: React.FC<SkillIndustryBadgeProps>;
+export default SkillIndustryBadge;

package/dist/components/Svg/Email.d.ts

@@ -0,0 +1,6 @@
+interface EmailProps {
+    width?: string;
+    height?: string;
+}
+declare const Email: ({ width, height, }: EmailProps) => JSX.Element;
+export default Email;

package/dist/components/Svg/Eye.d.ts

@@ -0,0 +1,6 @@
+interface EyeProps {
+    width?: string;
+    height?: string;
+}
+declare const Eye: ({ width, height, }: EyeProps) => JSX.Element;
+export default Eye;

package/dist/components/Svg/EyeOff.d.ts

@@ -0,0 +1,6 @@
+interface EyeOffProps {
+    width?: string;
+    height?: string;
+}
+declare const EyeOff: ({ width, height, }: EyeOffProps) => JSX.Element;
+export default EyeOff;

package/dist/components/Svg/Heart.d.ts

@@ -0,0 +1,7 @@
+interface HeartProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Heart: ({ width, height, }: HeartProps) => JSX.Element;
+export default Heart;

package/dist/components/Svg/Phone.d.ts

@@ -0,0 +1,6 @@
+interface PhoneProps {
+    width?: string;
+    height?: string;
+}
+declare const Phone: ({ width, height, }: PhoneProps) => JSX.Element;
+export default Phone;

package/dist/components/Svg/QuestionMark.d.ts

@@ -0,0 +1,7 @@
+interface QuestionMarkProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const QuestionMark: ({ width, height, }: QuestionMarkProps) => JSX.Element;
+export default QuestionMark;

package/dist/components/TablePagination/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface TablePaginationProps {
+    totalCount: number;
+    lowerCap: number;
+    upperCap: number;
+    onPrevClick: () => void;
+    onNextClick: () => void;
+    onPageNumberClick: (pageNumber: number) => void;
+    pageButtons: number[];
+}
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

package/dist/components/TextButton/index.d.ts

@@ -4,7 +4,7 @@ interface TextButtonProps {
     text: string;
     className?: string;
     sizeVariant?: 'xs' | 'sm' | 'base' | 'l' | 'xl';
-    colorVariant: 'primaryOrange' | 'primaryOrangeBorder' | 'alternativeDarkBorder';
+    colorVariant: 'primaryOrange' | 'primaryOrangeBorder' | 'alternativeDarkBorder' | 'primaryOrangeBorderAndText';
 }
 declare const TextButton: ({ onClick, isDisabled, text, sizeVariant, colorVariant, }: TextButtonProps) => JSX.Element;
 export default TextButton;

package/dist/components/ToggleComponent/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 type Props = {
     initialState: boolean;
+    onClick: () => void;
 };
 declare const ToggleComponent: React.FC<Props>;
 export default ToggleComponent;

package/dist/components/index.d.ts

@@ -1,34 +1,65 @@
 export { default as AddAdditionalIdealProfileCard } from './AddAdditionalIdealProfileCard';
 export { default as AndOrButtonGroup } from './AndOrButtonGroup';
+export { default as AuthNavBar } from './AuthNavBar';
+export { default as AuthNavbarLogoSvg } from './AuthNavbarLogoSvg/AuthNavbarLogoSvg';
+export { default as AuthPhoneNumberInput } from './AuthPhoneNumberInput';
 export { default as AvatarGroup } from './AvatarGroup';
 export { default as BadgeClickable } from './BadgeClickable';
+export { default as BadgeNonClickable } from './BadgeNonClickable';
 export { default as ChatCard } from './ChatCard';
-export { default as ChatClickableCard } from './ChatClickableCard/ChatClickableCard';
-export { default as ChatDropDown } from './ChatDropDown/ChatDropDown';
-export { default as ChatPeopleCard } from './ChatPeopleCard/ChatPeopleCard';
-export { default as ChatPopup } from './ChatPopup/ChatPopup';
-export { default as ChatSearchBar } from './ChatSearchBar/ChatSearchBar';
+export { default as ChatClickableCard } from './ChatClickableCard';
+export { default as ChatDropDown } from './ChatDropDown';
+export { default as ChatPeopleCard } from './ChatPeopleCard';
+export { default as ChatPopup } from './ChatPopup';
+export { default as ChatSearchBar } from './ChatSearchBar';
 export { default as CheckboxComponent } from './CheckboxComponent';
 export { default as CircularIcon } from './CircularIcon';
+export { default as CircularSvgAndEmoji } from './CircularSvgAndEmoji';
 export { default as CircularSvgButton } from './CircularSvgButton';
 export { default as ClickableText } from './ClickableText';
 export { default as CompanyLikePillSelectable } from './CompanyLikePillSelectable';
-export { default as CompanyLogoPillSelectable } from './CompanyLogoPillSelectable';
+export { default as CompanyPillNotClickable } from './CompanyPillNotClicakble';
+export { default as CompanyViewBody } from './CompanyView/CompanyViewBody';
+export { default as CompanyViewEmployeeCard } from './CompanyView/CompanyViewEmployeeCard';
+export { default as CompanyViewHeader } from './CompanyView/CompanyViewHeader';
+export { default as CompanyViewLayout } from './CompanyView/CompanyViewLayout';
+export { default as CompanyViewPeople } from './CompanyView/CompanyViewPeople';
+export { default as CompanyViewSummary } from './CompanyView/CompanyViewSummary';
+export { default as CompanyViewTabsComponent } from './CompanyView/CompanyViewTabsComponent';
 export { default as CountCancelButton } from './CountCancelButton';
+export { default as DropdownComponent } from './DropdownComponent';
 export { default as DeleteSvgButton } from './DeleteSvgButton/DeleteSvgButton';
 export { default as EditSvgButton } from './EditSvgButton/EditSvgButton';
+export { default as FeedbackButton } from './FeedbackButton';
+export { default as FilterAddRemoveBadge } from './FilterAddRemoveBadge';
 export { default as FileUpload } from './FileUpload';
 export { default as GetSvgIcon } from './GetSvgIcon';
 export { default as HiringCompanyConciseCard } from './HiringCompanyConciseCard';
+export { default as HomeScreenBody } from './HomeScreen/HomeScreenBody';
+export { default as HomeScreenLayout } from './HomeScreen/HomeScreenLayout';
+export { default as HomeScreenOverview } from './HomeScreen/HomeScreenOverview';
+export { default as HomeScreenStatCard } from './HomeScreen/HomeScreenStatCard';
+export { default as HomeScreenTabsComponent } from './HomeScreen/HomeScreenTabsComponent';
 export { default as IdealProfileConciseCard } from './IdealProfileConciseCard';
 export { default as IdealProfileSelectionCard } from './IdealProfileSelectionCard';
 export { default as InputField } from './InputField';
 export { default as InputFieldWithSvg } from './InputFieldWithSvg';
+export { default as LogoButton } from './LogoButton';
 export { default as Modal } from './Modal';
 export { default as NumberInputField } from './NumberInputField';
+export { default as OTPComponent } from './OTP';
+export { default as PersonCompanyNameClickable } from './PersonCompanyNameClickable';
+export { default as PersonViewBody } from './PersonView/PersonViewBody';
+export { default as PersonViewExperienceCard } from './PersonView/PersonViewExperienceCard';
+export { default as PersonViewExperienceDetails } from './PersonView/PersonViewExperienceDetails';
+export { default as PersonViewHeader } from './PersonView/PersonViewHeader';
+export { default as PersonViewLayout } from './PersonView/PersonViewLayout';
+export { default as PersonViewSummary } from './PersonView/PersonViewSummary';
+export { default as PersonViewTabsComponent } from './PersonView/PersonViewTabsComponent';
 export { default as PrimaryButton } from './PrimaryButton';
+export { default as ProgressBar } from './ProgressBar';
 export { default as RangeComponent } from './RangeComponent';
-export { default as RecentChatComponent } from './RecentChatComponent/RecentChatComponent';
+export { default as RecentChatComponent } from './RecentChatComponent';
 export { default as RecentChatLabel } from './RecentChatLabel';
 export { default as RectangularIcon } from './RectangularIcon';
 export { default as RectangularSvgButton } from './RectangularSvgButton';
@@ -36,13 +67,17 @@ export { default as SearchArrowButton } from './SearchArrowButton/SearchSvgButto
 export { default as SearchFilterButton } from './SearchFilterButton';
 export { default as CompanySearchFiltersSideDrawer } from './SearchFilterSideDrawer/CompanySearchFiltersSideDrawer';
 export { default as PeopleSearchFiltersSideDrawer } from './SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer';
+export { default as SearchLocationDropdown } from './SearchLocationDropdown';
 export { default as SearchPersonTable } from './SearchPersonTable';
+export { default as SearchPersonTableContainer } from './SearchPersonTableContainer';
 export { default as SearchTabsBar } from './SearchTabsBar';
 export { default as SecondaryButton } from './SecondaryButton';
 export { default as SidebarChatbot } from './SidebarChatbot';
+export { default as SkillIndustryBadge } from './SkillIndustryBadge';
 export { default as StepperNavigation } from './StepperNavigation';
 export { default as SwitchLarge } from './SwitchLarge';
 export { default as Table } from './Table';
+export { default as TablePagination } from './TablePagination';
 export { default as Tabs } from './Tabs';
 export { default as TertiaryButton } from './TertiaryButton';
 export { default as TextButton } from './TextButton';