qlu-20-ui-library 1.7.75 → 1.7.77

package/dist/components/DropDownForm/DropDownForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type DropDownFormProps = {
+    items: string[];
+    onSelect: (val: string) => void;
+};
+declare const DropDownForm: React.FC<DropDownFormProps>;
+export default DropDownForm;

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

@@ -0,0 +1,2 @@
+import DropDownForm from "./DropDownForm";
+export default DropDownForm;

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

@@ -0,0 +1,6 @@
+type AustraliaFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const AustraliaFlag: ({ width, height }: AustraliaFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default AustraliaFlag;

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

@@ -0,0 +1,6 @@
+type CanadaFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const CanadaFlag: ({ width, height }: CanadaFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default CanadaFlag;

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

@@ -0,0 +1,6 @@
+type MexicoFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const MexicoFlag: ({ width, height }: MexicoFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default MexicoFlag;

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

@@ -0,0 +1,6 @@
+type NewZealandFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const NewZealandFlag: ({ width, height, }: NewZealandFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default NewZealandFlag;

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

@@ -0,0 +1,6 @@
+type USFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const USFlag: ({ width, height }: USFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default USFlag;

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

@@ -0,0 +1,6 @@
+type UkFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const UkFlag: ({ width, height }: UkFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default UkFlag;

package/dist/components/index.d.ts

@@ -170,6 +170,7 @@ export { default as BadgeWithCount } from "./BadgeWithCount";
 export { default as SelectablePill } from "./SelectablePill";
 export { default as SelectionDropDown } from "./SelectionDropdown";
 export { default as ContinuousRangeComponent } from "./ContinuousRangeComponent";
+export { default as DropDownForm } from "./DropDownForm";
 export { default as CreditBarChart } from "./CreditBarChart";
 export { default as CreditUsageChart } from "./CreditUsageChart";
 export { default as CreditManagementDropdownButton } from "./CreditsManagementDropdownButton/CreditsManagementDropdownButton";

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type DropDownFormProps = {
+    items: string[];
+    onSelect: (val: string) => void;
+};
+declare const DropDownForm: React.FC<DropDownFormProps>;
+export default DropDownForm;

package/dist/types/components/DropDownForm/DropDownForm.js

@@ -0,0 +1,39 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { GetSvgIcon } from '..';
+import clsx from 'clsx';
+import styles from './style.module.scss';
+const DropDownForm = ({ items, onSelect, }) => {
+    const [extend, setExtend] = useState(false);
+    const [selectedItem, setSelectedItem] = useState(items[0] || "");
+    const elementRef = useRef(null);
+    const handleArrow = () => {
+        setExtend(prev => !prev);
+    };
+    const handleItem = (e) => {
+        setSelectedItem(e);
+        onSelect(e);
+        setExtend(false);
+    };
+    // Add an event listener to the document to detect clicks outside the element
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (elementRef.current && !elementRef.current.contains(event.target)) {
+                handleArrow();
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const getItemClasses = (index) => {
+        return clsx(styles.dropdownItem, {
+            [styles.itemFirst]: index === 0,
+            [styles.itemLast]: index === items.length - 1
+        });
+    };
+    return (_jsxs("div", { className: styles.dropdownContainer, children: [_jsxs("button", { type: 'button', className: styles.dropdownTrigger, onClick: handleArrow, children: [_jsxs("span", { className: styles.dropdownLabel, children: [" ", selectedItem, " "] }), _jsx("span", { className: styles.dropdownIcon, children: _jsx(GetSvgIcon, { iconType: `${extend ? 'cheveronUp' : 'cheveronDown'}`, iconSize: '18' }) })] }), extend &&
+                _jsx("div", { className: styles.dropdownContent, ref: elementRef, children: items.map((ele, idx) => (_jsx("div", { className: getItemClasses(idx), onClick: () => handleItem(ele), children: ele }, ele + idx))) })] }));
+};
+export default DropDownForm;

package/dist/types/components/DropDownForm/index.d.ts

@@ -0,0 +1,2 @@
+import DropDownForm from "./DropDownForm";
+export default DropDownForm;

package/dist/types/components/DropDownForm/index.js

@@ -0,0 +1,2 @@
+import DropDownForm from "./DropDownForm";
+export default DropDownForm;

package/dist/types/components/GetSvgIcon/index.js

@@ -181,7 +181,13 @@ import Approved from "../Svg/Approved";
 import Reject from "../Svg/Reject";
 import Pending from "../Svg/Pending";
 import Default from "../Svg/Default";
+import USFlag from "../Svg/USFlag";
+import CanadaFlag from "../Svg/CanadaFlag";
+import AustraliaFlag from "../Svg/AustraliaFlag";
+import MexicoFlag from "../Svg/MexicoFlag";
+import NewZealandFlag from "../Svg/NewZealandFlag";
+import UkFlag from "../Svg/UkFlag";
 const GetSvgIcon = ({ iconType = "cross", iconSize = "24" }) => {
-    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "arrowUp" ? (_jsx(ArrowUp, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "addToCollection" ? (_jsx(AddToCollection, { width: iconSize, height: iconSize })) : iconType === "pointingDown" ? (_jsx(PointingDown, { width: iconSize, height: iconSize })) : iconType === "pencilEdit" ? (_jsx(PencilEdit, { width: iconSize, height: iconSize })) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "stop" ? (_jsx(Stop, { width: iconSize, height: iconSize })) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : iconType === "exclamation" ? (_jsx(Exclamation, { width: iconSize, height: iconSize })) : iconType === "refresh-ccw" ? (_jsx(RefreshCounterClockWise, { width: iconSize, height: iconSize })) : iconType === "adjustment" ? (_jsx(Adjustment, { width: iconSize, height: iconSize })) : iconType === "outlook" ? (_jsx(Outlook, { width: iconSize, height: iconSize })) : iconType === "menu-alt" ? (_jsx(MenuAlt, { width: iconSize, height: iconSize })) : iconType === "simpler-tick" ? (_jsx(SimplerTick, { width: iconSize, height: iconSize })) : iconType === "menu-extended" ? (_jsx(MenuExtended, { width: iconSize, height: iconSize })) : iconType === "umberalla" ? (_jsx(Umberalla, { width: iconSize, height: iconSize })) : iconType === "sidebar" ? (_jsx(Sidebar, { width: iconSize, height: iconSize })) : iconType === "paperClip" ? (_jsx(PaperClip, { width: iconSize, height: iconSize })) : iconType === "document" ? (_jsx(Document, { width: iconSize, height: iconSize })) : iconType === "file" ? (_jsx(File, { width: iconSize, height: iconSize })) : iconType === "google" ? (_jsx(Google, { width: iconSize, height: iconSize })) : iconType === "pdf" ? (_jsx(PDF, { width: iconSize, height: iconSize })) : iconType === "enter" ? (_jsx(Enter, { width: iconSize, height: iconSize })) : iconType === "key" ? (_jsx(Key, { width: iconSize, height: iconSize })) : iconType === "cornerDown" ? (_jsx(CornerDown, { width: iconSize, height: iconSize })) : iconType === "notAllowed" ? (_jsx(NotAllowed, { width: iconSize, height: iconSize })) : iconType === "university" ? (_jsx(University, { width: iconSize, height: iconSize })) : iconType === "pause" ? (_jsx(Pause, { width: iconSize, height: iconSize })) : iconType === "resume" ? (_jsx(Resume, { width: iconSize, height: iconSize })) : iconType === "ascendingOrder" ? (_jsx(AscendingOrder, { width: iconSize, height: iconSize })) : iconType === "descendingOrder" ? (_jsx(DescendingOrder, { width: iconSize, height: iconSize })) : iconType === "userClock" ? (_jsx(UserClock, { width: iconSize, height: iconSize })) : iconType === "tickVerification" ? (_jsx(TickVerification, { width: iconSize, height: iconSize })) : iconType === "copied" ? (_jsx(Copied, { width: iconSize, height: iconSize })) : iconType === "archive" ? (_jsx(Archive, { width: iconSize, height: iconSize })) : iconType === "additionalInformation" ? (_jsx(AdditionalInformation, { width: iconSize, height: iconSize })) : iconType === "checkCircle" ? (_jsx(CheckCircle, { width: iconSize, height: iconSize })) : iconType === "companyClock" ? (_jsx(CompanyClock, { width: iconSize, height: iconSize })) : iconType === "boldPlus" ? (_jsx(BoldPlus, { width: iconSize, height: iconSize })) : iconType === "square" ? (_jsx(Square, { width: iconSize, height: iconSize })) : iconType === "boxPencil" ? (_jsx(BoxPencil, { width: iconSize, height: iconSize })) : iconType === "companyOwnership" ? (_jsx(CompanyOwnership, { width: iconSize, height: iconSize })) : iconType === "cutBriefcase" ? (_jsx(CutBriefcase, { width: iconSize, height: iconSize })) : iconType === "box" ? (_jsx(Box, { width: iconSize, height: iconSize })) : iconType === "googleLogo" ? (_jsx(GoogleLogo, { width: iconSize, height: iconSize })) : iconType === "microsoftLogo" ? (_jsx(MicrosoftLogo, { width: iconSize, height: iconSize })) : iconType === "people" ? (_jsx(People, { width: iconSize, height: iconSize })) : iconType === "crunchBaseLogo" ? (_jsx(CrunchBaseLogo, { width: iconSize, height: iconSize })) : iconType === "linkedinColoredLogo" ? (_jsx(LinkedinColoredLogo, { width: iconSize, height: iconSize })) : iconType === "googleColoredLogo" ? (_jsx(GoogleColoredLogo, { width: iconSize, height: iconSize })) : iconType === "websiteBadge" ? (_jsx(WebsiteBadge, { width: iconSize, height: iconSize })) : iconType === "arrowLeftShort" ? (_jsx(ArrowLeftShort, { width: iconSize, height: iconSize })) : iconType === "notDownloaded" ? (_jsx(NotDownloaded, { width: iconSize, height: iconSize })) : iconType === "lock" ? (_jsx(Lock, { width: iconSize, height: iconSize })) : iconType === "companyStrategy" ? (_jsx(CompanyStrategy, { width: iconSize, height: iconSize })) : iconType === "industryStrategy" ? (_jsx(IndustryStrategy, { width: iconSize, height: iconSize })) : iconType === "strategyUpdate" ? (_jsx(UpdateStrategy, { width: iconSize, height: iconSize })) : iconType === "unarchive" ? (_jsx(Unarchive, { width: iconSize, height: iconSize })) : iconType === "roundedDocument" ? (_jsx(RoundedDocument, { width: iconSize, height: iconSize })) : iconType === "marketMap" ? (_jsx(MarketMap, { width: iconSize, height: iconSize })) : iconType === "leadership" ? (_jsx(Leadership, { width: iconSize, height: iconSize })) : iconType === "fullScreen" ? (_jsx(FullScreen, { width: iconSize, height: iconSize })) : iconType === "exitFullScreen" ? (_jsx(ExitFullScreen, { width: iconSize, height: iconSize })) : iconType === "plannerTable" ? (_jsx(PlannerTable, { width: iconSize, height: iconSize })) : iconType === "upload" ? (_jsx(Upload, { width: iconSize, height: iconSize })) : iconType === "agent" ? (_jsx(Agent, { width: iconSize, height: iconSize })) : iconType === "doubleTick" ? (_jsx(DoubleTick, { width: iconSize, height: iconSize })) : iconType === "reply" ? (_jsx(Reply, { width: iconSize, height: iconSize })) : iconType === "lowCreditWarning" ? (_jsx(LowCreditWarning, { width: iconSize, height: iconSize })) : iconType === "threeDots" ? (_jsx(ThreeDots, { width: iconSize, height: iconSize })) : iconType === "creditAdmin" ? (_jsx(CreditAdmin, { width: iconSize, height: iconSize })) : iconType === "collection" ? (_jsx(Collection, { width: iconSize, height: iconSize })) : iconType === "save" ? (_jsx(Save, { width: iconSize, height: iconSize })) : iconType === "sidebarArrow" ? (_jsx(SidebarArrow, { width: iconSize, height: iconSize })) : iconType === "gradientSparkles" ? (_jsx(AiGradientSparkles, { width: iconSize, height: iconSize })) : iconType === "plusCircle" ? (_jsx(PlusCircle, { width: iconSize, height: iconSize })) : iconType === "incomingCall" ? (_jsx(IncomingCall, { width: iconSize, height: iconSize })) : iconType === "outgoingCall" ? (_jsx(OutGoingCall, { width: iconSize, height: iconSize })) : iconType === "message" ? (_jsx(Message, { width: iconSize, height: iconSize })) : iconType === "missedCall" ? (_jsx(MissedCall, { width: iconSize, height: iconSize })) : iconType === "filter" ? (_jsx(Filter, { width: iconSize, height: iconSize })) : iconType === "call" ? (_jsx(Call, { width: iconSize, height: iconSize })) : iconType === "voiceCall" ? (_jsx(VoiceCall, { width: iconSize, height: iconSize })) : iconType === "messageLogo" ? (_jsx(MessageLogo, { width: iconSize, height: iconSize })) : iconType === "requisitionLogo" ? (_jsx(RequisitionLogo, { width: iconSize, height: iconSize })) : iconType === "actionLogo" ? (_jsx(ActionLogo, { width: iconSize, height: iconSize })) : iconType === "organizationPlaceholder" ? (_jsx(OrganizationPlaceholder, { width: iconSize, height: iconSize })) : iconType === "approved" ? (_jsx(Approved, { width: iconSize, height: iconSize })) : iconType === "rejected" ? (_jsx(Reject, { width: iconSize, height: iconSize })) : iconType === "pending" ? (_jsx(Pending, { width: iconSize, height: iconSize })) : iconType === "default" ? (_jsx(Default, { width: iconSize, height: iconSize })) : iconType === "creditSystemUser" ? (_jsx(CreditSystemUser, { width: iconSize, height: iconSize })) : null;
+    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "arrowUp" ? (_jsx(ArrowUp, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "addToCollection" ? (_jsx(AddToCollection, { width: iconSize, height: iconSize })) : iconType === "pointingDown" ? (_jsx(PointingDown, { width: iconSize, height: iconSize })) : iconType === "pencilEdit" ? (_jsx(PencilEdit, { width: iconSize, height: iconSize })) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "stop" ? (_jsx(Stop, { width: iconSize, height: iconSize })) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : iconType === "exclamation" ? (_jsx(Exclamation, { width: iconSize, height: iconSize })) : iconType === "refresh-ccw" ? (_jsx(RefreshCounterClockWise, { width: iconSize, height: iconSize })) : iconType === "adjustment" ? (_jsx(Adjustment, { width: iconSize, height: iconSize })) : iconType === "outlook" ? (_jsx(Outlook, { width: iconSize, height: iconSize })) : iconType === "menu-alt" ? (_jsx(MenuAlt, { width: iconSize, height: iconSize })) : iconType === "simpler-tick" ? (_jsx(SimplerTick, { width: iconSize, height: iconSize })) : iconType === "menu-extended" ? (_jsx(MenuExtended, { width: iconSize, height: iconSize })) : iconType === "umberalla" ? (_jsx(Umberalla, { width: iconSize, height: iconSize })) : iconType === "sidebar" ? (_jsx(Sidebar, { width: iconSize, height: iconSize })) : iconType === "paperClip" ? (_jsx(PaperClip, { width: iconSize, height: iconSize })) : iconType === "document" ? (_jsx(Document, { width: iconSize, height: iconSize })) : iconType === "file" ? (_jsx(File, { width: iconSize, height: iconSize })) : iconType === "google" ? (_jsx(Google, { width: iconSize, height: iconSize })) : iconType === "pdf" ? (_jsx(PDF, { width: iconSize, height: iconSize })) : iconType === "enter" ? (_jsx(Enter, { width: iconSize, height: iconSize })) : iconType === "key" ? (_jsx(Key, { width: iconSize, height: iconSize })) : iconType === "cornerDown" ? (_jsx(CornerDown, { width: iconSize, height: iconSize })) : iconType === "notAllowed" ? (_jsx(NotAllowed, { width: iconSize, height: iconSize })) : iconType === "university" ? (_jsx(University, { width: iconSize, height: iconSize })) : iconType === "pause" ? (_jsx(Pause, { width: iconSize, height: iconSize })) : iconType === "resume" ? (_jsx(Resume, { width: iconSize, height: iconSize })) : iconType === "ascendingOrder" ? (_jsx(AscendingOrder, { width: iconSize, height: iconSize })) : iconType === "descendingOrder" ? (_jsx(DescendingOrder, { width: iconSize, height: iconSize })) : iconType === "userClock" ? (_jsx(UserClock, { width: iconSize, height: iconSize })) : iconType === "tickVerification" ? (_jsx(TickVerification, { width: iconSize, height: iconSize })) : iconType === "copied" ? (_jsx(Copied, { width: iconSize, height: iconSize })) : iconType === "archive" ? (_jsx(Archive, { width: iconSize, height: iconSize })) : iconType === "additionalInformation" ? (_jsx(AdditionalInformation, { width: iconSize, height: iconSize })) : iconType === "checkCircle" ? (_jsx(CheckCircle, { width: iconSize, height: iconSize })) : iconType === "companyClock" ? (_jsx(CompanyClock, { width: iconSize, height: iconSize })) : iconType === "boldPlus" ? (_jsx(BoldPlus, { width: iconSize, height: iconSize })) : iconType === "square" ? (_jsx(Square, { width: iconSize, height: iconSize })) : iconType === "boxPencil" ? (_jsx(BoxPencil, { width: iconSize, height: iconSize })) : iconType === "companyOwnership" ? (_jsx(CompanyOwnership, { width: iconSize, height: iconSize })) : iconType === "cutBriefcase" ? (_jsx(CutBriefcase, { width: iconSize, height: iconSize })) : iconType === "box" ? (_jsx(Box, { width: iconSize, height: iconSize })) : iconType === "googleLogo" ? (_jsx(GoogleLogo, { width: iconSize, height: iconSize })) : iconType === "microsoftLogo" ? (_jsx(MicrosoftLogo, { width: iconSize, height: iconSize })) : iconType === "people" ? (_jsx(People, { width: iconSize, height: iconSize })) : iconType === "crunchBaseLogo" ? (_jsx(CrunchBaseLogo, { width: iconSize, height: iconSize })) : iconType === "linkedinColoredLogo" ? (_jsx(LinkedinColoredLogo, { width: iconSize, height: iconSize })) : iconType === "googleColoredLogo" ? (_jsx(GoogleColoredLogo, { width: iconSize, height: iconSize })) : iconType === "websiteBadge" ? (_jsx(WebsiteBadge, { width: iconSize, height: iconSize })) : iconType === "arrowLeftShort" ? (_jsx(ArrowLeftShort, { width: iconSize, height: iconSize })) : iconType === "notDownloaded" ? (_jsx(NotDownloaded, { width: iconSize, height: iconSize })) : iconType === "lock" ? (_jsx(Lock, { width: iconSize, height: iconSize })) : iconType === "companyStrategy" ? (_jsx(CompanyStrategy, { width: iconSize, height: iconSize })) : iconType === "industryStrategy" ? (_jsx(IndustryStrategy, { width: iconSize, height: iconSize })) : iconType === "strategyUpdate" ? (_jsx(UpdateStrategy, { width: iconSize, height: iconSize })) : iconType === "unarchive" ? (_jsx(Unarchive, { width: iconSize, height: iconSize })) : iconType === "roundedDocument" ? (_jsx(RoundedDocument, { width: iconSize, height: iconSize })) : iconType === "marketMap" ? (_jsx(MarketMap, { width: iconSize, height: iconSize })) : iconType === "leadership" ? (_jsx(Leadership, { width: iconSize, height: iconSize })) : iconType === "fullScreen" ? (_jsx(FullScreen, { width: iconSize, height: iconSize })) : iconType === "exitFullScreen" ? (_jsx(ExitFullScreen, { width: iconSize, height: iconSize })) : iconType === "plannerTable" ? (_jsx(PlannerTable, { width: iconSize, height: iconSize })) : iconType === "upload" ? (_jsx(Upload, { width: iconSize, height: iconSize })) : iconType === "agent" ? (_jsx(Agent, { width: iconSize, height: iconSize })) : iconType === "doubleTick" ? (_jsx(DoubleTick, { width: iconSize, height: iconSize })) : iconType === "reply" ? (_jsx(Reply, { width: iconSize, height: iconSize })) : iconType === "lowCreditWarning" ? (_jsx(LowCreditWarning, { width: iconSize, height: iconSize })) : iconType === "threeDots" ? (_jsx(ThreeDots, { width: iconSize, height: iconSize })) : iconType === "creditAdmin" ? (_jsx(CreditAdmin, { width: iconSize, height: iconSize })) : iconType === "collection" ? (_jsx(Collection, { width: iconSize, height: iconSize })) : iconType === "save" ? (_jsx(Save, { width: iconSize, height: iconSize })) : iconType === "sidebarArrow" ? (_jsx(SidebarArrow, { width: iconSize, height: iconSize })) : iconType === "gradientSparkles" ? (_jsx(AiGradientSparkles, { width: iconSize, height: iconSize })) : iconType === "plusCircle" ? (_jsx(PlusCircle, { width: iconSize, height: iconSize })) : iconType === "incomingCall" ? (_jsx(IncomingCall, { width: iconSize, height: iconSize })) : iconType === "outgoingCall" ? (_jsx(OutGoingCall, { width: iconSize, height: iconSize })) : iconType === "message" ? (_jsx(Message, { width: iconSize, height: iconSize })) : iconType === "missedCall" ? (_jsx(MissedCall, { width: iconSize, height: iconSize })) : iconType === "filter" ? (_jsx(Filter, { width: iconSize, height: iconSize })) : iconType === "call" ? (_jsx(Call, { width: iconSize, height: iconSize })) : iconType === "voiceCall" ? (_jsx(VoiceCall, { width: iconSize, height: iconSize })) : iconType === "messageLogo" ? (_jsx(MessageLogo, { width: iconSize, height: iconSize })) : iconType === "requisitionLogo" ? (_jsx(RequisitionLogo, { width: iconSize, height: iconSize })) : iconType === "actionLogo" ? (_jsx(ActionLogo, { width: iconSize, height: iconSize })) : iconType === "organizationPlaceholder" ? (_jsx(OrganizationPlaceholder, { width: iconSize, height: iconSize })) : iconType === "approved" ? (_jsx(Approved, { width: iconSize, height: iconSize })) : iconType === "rejected" ? (_jsx(Reject, { width: iconSize, height: iconSize })) : iconType === "pending" ? (_jsx(Pending, { width: iconSize, height: iconSize })) : iconType === "default" ? (_jsx(Default, { width: iconSize, height: iconSize })) : iconType === "creditSystemUser" ? (_jsx(CreditSystemUser, { width: iconSize, height: iconSize })) : iconType === "usFlag" ? (_jsx(USFlag, { width: iconSize, height: iconSize })) : iconType === "canadaFlag" ? (_jsx(CanadaFlag, { width: iconSize, height: iconSize })) : iconType === "australiaFlag" ? (_jsx(AustraliaFlag, { width: iconSize, height: iconSize })) : iconType === "mexicoFlag" ? (_jsx(MexicoFlag, { width: iconSize, height: iconSize })) : iconType === "newZealandFlag" ? (_jsx(NewZealandFlag, { width: iconSize, height: iconSize })) : iconType === "ukFlag" ? (_jsx(UkFlag, { width: iconSize, height: iconSize })) : null;
 };
 export default GetSvgIcon;

package/dist/types/components/Svg/AustraliaFlag.d.ts

@@ -0,0 +1,6 @@
+type AustraliaFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const AustraliaFlag: ({ width, height }: AustraliaFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default AustraliaFlag;

package/dist/types/components/Svg/AustraliaFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AustraliaFlag = ({ width = "24", height = "24" }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 32 32", fill: "none", children: [_jsx("rect", { x: "1", y: "4", width: "30", height: "24", rx: "4", ry: "4", fill: "#061b65" }), _jsx("path", { d: "M6.5,13.774v2.226h4v-2.227l3.037,2.227h2.463v-1.241l-3.762-2.759h3.762v-4h-2.74l2.74-2.009v-1.991h-1.441l-4.059,2.977v-2.977H6.5v2.794l-3.257-2.389c-.767,.374-1.389,.983-1.786,1.738l2.532,1.858H1s0,0,0,0v4h3.763l-3.763,2.76v1.24H3.464l3.036-2.226Z", fill: "#fff" }), _jsx("path", { d: "M1.805,5.589l3.285,2.411h1.364L2.359,4.995c-.204,.18-.39,.377-.554,.594Z", fill: "#d22d32" }), _jsx("path", { fill: "#d22d32", d: "M1 16L6.454 12 6.454 13 2.363 16 1 16z" }), _jsx("path", { id: "1705926025352-5861297_Star7", d: "M6.838,18.741l.536,1.666,1.636-.62-.968,1.457,1.505,.893-1.743,.152,.24,1.733-1.205-1.268-1.205,1.268,.24-1.733-1.743-.152,1.505-.893-.968-1.457,1.636,.62,.536-1.666Z", fill: "#fff" }), _jsx("path", { id: "1705926025352-5861297_Star7-2", d: "M23.113,21.755l.291,.906,.89-.337-.527,.793,.819,.486-.948,.082,.131,.943-.656-.69-.656,.69,.131-.943-.948-.082,.819-.486-.527-.793,.89,.337,.291-.906Z", fill: "#fff" }), _jsx("path", { id: "1705926025352-5861297_Star7-3", d: "M20.166,13.127l.291,.906,.89-.337-.527,.793,.819,.486-.948,.082,.131,.943-.656-.69-.656,.69,.131-.943-.948-.082,.819-.486-.527-.793,.89,.337,.291-.906Z", fill: "#fff" }), _jsx("path", { id: "1705926025352-5861297_Star7-4", d: "M23.43,7.127l.291,.906,.89-.337-.527,.793,.819,.486-.948,.082,.131,.943-.656-.69-.656,.69,.131-.943-.948-.082,.819-.486-.527-.793,.89,.337,.291-.906Z", fill: "#fff" }), _jsx("path", { id: "1705926025352-5861297_Star7-5", d: "M28.132,10.817l.291,.906,.89-.337-.527,.793,.819,.486-.948,.082,.131,.943-.656-.69-.656,.69,.131-.943-.948-.082,.819-.486-.527-.793,.89,.337,.291-.906Z", fill: "#fff" }), _jsx("path", { id: "1705926025352-5861297_Star5", d: "M25.742,16l.23,.565,.608,.045-.466,.393,.146,.592-.518-.321-.518,.321,.146-.592-.466-.393,.608-.045,.23-.565Z", fill: "#fff" }), _jsx("path", { fill: "#d22d32", d: "M9.5 16L7.5 16 7.5 11 1 11 1 9 7.5 9 7.5 4 9.5 4 9.5 9 16 9 16 11 9.5 11 9.5 16z" }), _jsx("path", { fill: "#d22d32", d: "M16 15.667L11 12 11 13 15.091 16 16 16 16 15.667z" }), _jsx("path", { fill: "#d22d32", d: "M16 4L15.752 4 10.291 8.004 11.655 8.004 16 4.818 16 4z" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" })] }));
+};
+export default AustraliaFlag;

package/dist/types/components/Svg/CanadaFlag.d.ts

@@ -0,0 +1,6 @@
+type CanadaFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const CanadaFlag: ({ width, height }: CanadaFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default CanadaFlag;

package/dist/types/components/Svg/CanadaFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CanadaFlag = ({ width = "32", height = "32" }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 32 32", children: [_jsx("path", { fill: "#fff", d: "M8 4H24V28H8z" }), _jsx("path", { d: "M5,4h4V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z", fill: "#c53a28" }), _jsx("path", { d: "M27,4h4V28h-4c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z", transform: "rotate(180 27 16)", fill: "#c53a28" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M16.275,22.167l-.138-2.641c-.007-.16,.117-.296,.277-.304,.021,0,.042,0,.063,.004l2.629,.462-.355-.979c-.03-.08-.005-.17,.061-.223l2.88-2.332-.649-.303c-.091-.043-.135-.146-.104-.242l.569-1.751-1.659,.352c-.093,.019-.186-.029-.223-.116l-.321-.756-1.295,1.389c-.076,.08-.201,.083-.281,.007-.049-.047-.071-.115-.058-.182l.624-3.22-1.001,.578c-.095,.056-.217,.024-.272-.071-.002-.004-.004-.008-.006-.012l-1.016-1.995-1.016,1.995c-.049,.098-.169,.138-.267,.089-.004-.002-.008-.004-.012-.006l-1.001-.578,.624,3.22c.021,.108-.05,.212-.158,.233-.067,.013-.135-.009-.182-.058l-1.295-1.389-.321,.756c-.037,.087-.131,.136-.223,.116l-1.659-.352,.569,1.751c.031,.095-.013,.199-.104,.242l-.649,.303,2.88,2.332c.066,.054,.091,.144,.061,.223l-.355,.979,2.629-.462c.158-.027,.309,.079,.336,.237,.004,.021,.005,.042,.004,.063l-.138,2.641h.551Z", fill: "#c53a28" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" })] }));
+};
+export default CanadaFlag;

package/dist/types/components/Svg/MexicoFlag.d.ts

@@ -0,0 +1,6 @@
+type MexicoFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const MexicoFlag: ({ width, height }: MexicoFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default MexicoFlag;

package/dist/types/components/Svg/MexicoFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MexicoFlag = ({ width = "32", height = "32" }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 32 32", fill: "none", children: [_jsx("path", { fill: "#fff", d: "M10 4H22V28H10z" }), _jsx("path", { d: "M5,4h6V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z", fill: "#2c6748" }), _jsx("path", { d: "M25,4h6V28h-6c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z", transform: "rotate(180 26 16)", fill: "#be2a2c" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" }), _jsx("path", { fill: "#bb3433", d: "M17.875 19.221L17.874 19.221 17.875 19.221 17.875 19.221z" }), _jsx("path", { fill: "#bb3433", d: "M19.08 17.788L19.08 17.788 19.08 17.788 19.08 17.788z" }), _jsx("path", { fill: "#bb3433", d: "M15.938 18.943L15.938 18.944 15.938 18.944 15.938 18.943z" }), _jsx("path", { fill: "#bb3433", d: "M16.305 19.76L16.305 19.76 16.305 19.76 16.305 19.76z" }), _jsx("path", { fill: "#854a29", d: "M16.196 16.434L16.196 16.434 16.196 16.434 16.196 16.434z" }), _jsx("path", { d: "M14.757,12.878h0s0,0,0,0Z", fill: "#854a29" }), _jsx("path", { fill: "#854a29", d: "M15.137 12.715L15.137 12.715 15.137 12.715 15.137 12.715z" }), _jsx("path", { d: "M18.701,18.611c-.462-.69-.74,.319-1.215,.252,.125-.81-.778-.5-1.196-.312l.165-.241c-.625,.291-1.368-.712-1.816,.028-.095-.205-.882-.689-1.201-.328,.025-1.017-1.723-.957-.807,.081,.63,.179,.975,.964,1.915,.554,.129,.53,1.025,.583,1.413,.297-.052,.161-.027,.622-.041,.715,.479,.384,.485-.223,.822-.414,.489-.25,2.275,.502,1.96-.631Z", fill: "#3b8288" }), _jsx("path", { d: "M14.624,17.264s.004,.003,.012,.007c-.007-.004-.011-.007-.012-.007h0Z", fill: "#a27037" }), _jsx("path", { d: "M18.215,13.019c.002-.497-3.62-1.554-2.526,.068-.258,.037-.691-.15-.712-.352,0,0,0,0,0,0,0,0,0,0,0,0,.015,.04-.11,.248-.151,.267-.006-.1-.03-.192-.03-.192v.004c-.125-.31-.028,.433-.249,.37,.076-.029,.006-.364-.052-.32,.037,.024-.047,.41-.121,.427,.045-.065-.042-.324-.062-.272,0,0,0,0,0,0,.063,.263-.45,.571-.376,.701-.336,.119-.481,.946,.12,.757-.256-.134-.135-.469,.172-.434-.014-.003,.043,.021,.027,.032,.079,.371,.485-.072,.645-.128-.169,.942-.602,1.836,.288,2.773-.295-.311-.349,.054-.016,.163-.201,.01-.431,.205-.085,.313-.071,.072-.345-.137-.195,.009-.003-.001-.006-.003-.009-.004,0,0,.002,.002,.006,.005-.572-.025-.025,.2,.214,.222-.194,.305,.482,.023,.548,.016,0,0,0,0,0,0,.133,.335,.238,.032,.208-.217,.095,.109,.19,.217,.287,.324h0s0,0,0,0h0c.152,.041,.318,.718,.432,.365,.004-.014,.006-.028,.008-.042,.226,.254,.334,.35,.235-.053,.123,.202,.233,.26,.201-.004,.186,.195,.137-.07,.118-.206,.179,.711,1.985,.561,1.799,.083-.312-.304-2.294-1.415-1.782-2.109,.194,.099,1.156,1.304,.738,.599-.371-.965,.316,0,.418,.358,.23,.415-.128-.724-.204-.764,.635,.793,.576,1.491,.375,.027,.025,.048,.066,.086,.116,.105-.037-.074-.08-.103-.104-.114,.039,.009,.087,.068,.107,.115-.001,0-.002,0-.003-.001,.339,1.803,.462,1.494,.249-.132,.512,2.02,.44,2.008,.384-.037,.367,.526,.103,1.624,.26,2.125,.274-.584,.176-2.301,.355-2.761-.337-.32-1.113-2.012-1.631-2.085Zm-2.889,4.239s0-.001,0-.002h.002s-.001,.001-.002,.002Z", fill: "#a27037" }), _jsx("path", { d: "M14.715,16.587c.079-.641-.499-.553-.914-.554-.811-.68,1.523-1.254,.432-1.993h.004s-.008-.002-.007-.002l.007,.002s-.023-.023-.022-.023c-.094,.015-.235,.019-.282,.136,0,0,.003,.002,.006,.005l-.126,.148c0,.006,.21,.147,.201,.157,.008-.002,.019,.009,.025,.013,.11,.347-.585,.486-.724,.802-.445,.914,.373,1.211,1.023,1.217-.875,.946-.794,.138-1.382-.416,.083-.354,.237-.801-.251-.948,.003-.079-.13-.161-.165-.041,.033-.034-.086-.136-.135-.069-.19-.243-.413,.369-.078,.307,.008,.075,.133,.04,.152,.023-.003,.095,.142,.085,.161,.025,.33,.191-.146,.548,.001,.847,.195,.36,.548,.505,.559,.978,.29,.474,1.476-.153,1.506-.487,.005-.039,.007-.081,.01-.123h0Zm-.254-1.951s.004,.004,.005,.005h0s-.004-.003-.006-.005h0Zm-.572,.62s0,0,0,0c0,0,0,0,0,0h0Z", fill: "#a9ac78" }), _jsx("path", { d: "M13.746,13.936c.005,.021-.459,.125-.392-.081,.088,.028,.498-.271,.332-.237-.458,.313-.307-.073-.156-.339,.045,.015,.052,.236,.028,.25,.133-.089,.077-.573-.109-.321-.182-.073-.67,.401-.397,.595-.096,.419,.233,.596,.585,.507l.002-.006h.031c-.052-.007,.077-.344,.076-.367Z", fill: "#a9ac78" })] }));
+};
+export default MexicoFlag;

package/dist/types/components/Svg/NewZealandFlag.d.ts

@@ -0,0 +1,6 @@
+type NewZealandFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const NewZealandFlag: ({ width, height, }: NewZealandFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default NewZealandFlag;

package/dist/types/components/Svg/NewZealandFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NewZealandFlag = ({ width = "32", height = "32", }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 32 32", fill: "none", children: [_jsx("rect", { x: "1", y: "4", width: "30", height: "24", rx: "4", ry: "4", fill: "#071b65" }), _jsx("path", { d: "M6.5,13.774v2.226h4v-2.227l3.037,2.227h2.463v-1.241l-3.762-2.759h3.762v-4h-2.74l2.74-2.009v-1.991h-1.441l-4.059,2.977v-2.977H6.5v2.794l-3.257-2.389c-.767,.374-1.389,.983-1.786,1.738l2.532,1.858H1s0,0,0,0v4h3.763l-3.763,2.76v1.24H3.464l3.036-2.226Z", fill: "#fff" }), _jsx("path", { d: "M1.806,5.589l3.285,2.411h1.364L2.36,4.995c-.204,.18-.39,.377-.554,.594Z", fill: "#b92831" }), _jsx("path", { fill: "#b92831", d: "M1 16L6.454 12 6.454 13 2.363 16 1 16z" }), _jsx("path", { fill: "#b92831", d: "M9.5 16L7.5 16 7.5 11 1 11 1 9 7.5 9 7.5 4 9.5 4 9.5 9 16 9 16 11 9.5 11 9.5 16z" }), _jsx("path", { fill: "#b92831", d: "M16 15.667L11 12 11 13 15.091 16 16 16 16 15.667z" }), _jsx("path", { fill: "#b92831", d: "M16 4L15.752 4 10.291 8.004 11.655 8.004 16 4.818 16 4z" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" }), _jsx("path", { fill: "#b92831", d: "M23.495 8.062L23.008 9.56 21.433 9.56 22.707 10.486 22.22 11.984 23.495 11.058 24.769 11.984 24.282 10.486 25.556 9.56 23.981 9.56 23.495 8.062z" }), _jsx("path", { d: "M25.007,12.311l-1.512-1.098-1.512,1.098,.578-1.777-1.512-1.099h1.869l.578-1.777,.578,1.777h1.869l-1.512,1.099,.578,1.777Zm-1.512-1.407l1.037,.752-.396-1.218,1.036-.753h-1.281l-.396-1.219-.396,1.219h-1.281l1.036,.753-.396,1.218,1.037-.752Z", fill: "#fff" }), _jsx("path", { fill: "#b92831", d: "M23.495 19.076L23.008 20.574 21.433 20.574 22.707 21.5 22.22 22.998 23.495 22.072 24.769 22.998 24.282 21.5 25.556 20.574 23.981 20.574 23.495 19.076z" }), _jsx("path", { d: "M25.007,23.325l-1.512-1.099-1.512,1.099,.578-1.777-1.512-1.099h1.869l.578-1.777,.578,1.777h1.869l-1.512,1.099,.578,1.777Zm-1.512-1.407l1.037,.753-.396-1.219,1.036-.753h-1.281l-.396-1.219-.396,1.219h-1.281l1.036,.753-.396,1.219,1.037-.753Z", fill: "#fff" }), _jsx("path", { fill: "#b92831", d: "M27.503 12.774L27.111 13.983 25.84 13.983 26.868 14.73 26.475 15.938 27.503 15.191 28.531 15.938 28.139 14.73 29.167 13.983 27.896 13.983 27.503 12.774z" }), _jsx("path", { d: "M28.769,16.265l-1.266-.92-1.266,.92,.483-1.488-1.266-.919h1.564l.483-1.488,.483,1.488h1.564l-1.266,.919,.483,1.488Zm-1.266-1.229l.79,.574-.302-.929,.79-.574h-.977l-.302-.929-.302,.929h-.977l.79,.574-.302,.929,.79-.574Z", fill: "#fff" }), _jsx("path", { fill: "#b92831", d: "M19.77 13.417L19.377 14.625 18.106 14.625 19.134 15.372 18.742 16.58 19.77 15.833 20.798 16.58 20.405 15.372 21.433 14.625 20.162 14.625 19.77 13.417z" }), _jsx("path", { d: "M21.035,16.907l-1.266-.919-1.266,.919,.483-1.487-1.266-.92h1.564l.483-1.488,.483,1.488h1.565l-1.266,.92,.483,1.487Zm-1.266-1.228l.79,.574-.302-.929,.791-.574h-.977l-.302-.929-.302,.929h-.977l.79,.574-.302,.929,.79-.574Z", fill: "#fff" })] }));
+};
+export default NewZealandFlag;

package/dist/types/components/Svg/USFlag.d.ts

@@ -0,0 +1,6 @@
+type USFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const USFlag: ({ width, height }: USFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default USFlag;

package/dist/types/components/Svg/USFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const USFlag = ({ width = "32", height = "32" }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 32 32", children: [_jsx("rect", { x: "1", y: "4", width: "30", height: "24", rx: "4", ry: "4", fill: "#fff" }), _jsx("path", { d: "M1.638,5.846H30.362c-.711-1.108-1.947-1.846-3.362-1.846H5c-1.414,0-2.65,.738-3.362,1.846Z", fill: "#a62842" }), _jsx("path", { d: "M2.03,7.692c-.008,.103-.03,.202-.03,.308v1.539H31v-1.539c0-.105-.022-.204-.03-.308H2.03Z", fill: "#a62842" }), _jsx("path", { fill: "#a62842", d: "M2 11.385H31V13.231H2z" }), _jsx("path", { fill: "#a62842", d: "M2 15.077H31V16.923000000000002H2z" }), _jsx("path", { fill: "#a62842", d: "M1 18.769H31V20.615H1z" }), _jsx("path", { d: "M1,24c0,.105,.023,.204,.031,.308H30.969c.008-.103,.031-.202,.031-.308v-1.539H1v1.539Z", fill: "#a62842" }), _jsx("path", { d: "M30.362,26.154H1.638c.711,1.108,1.947,1.846,3.362,1.846H27c1.414,0,2.65-.738,3.362-1.846Z", fill: "#a62842" }), _jsx("path", { d: "M5,4h11v12.923H1V8c0-2.208,1.792-4,4-4Z", fill: "#102d5e" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" }), _jsx("path", { fill: "#fff", d: "M4.601 7.463L5.193 7.033 4.462 7.033 4.236 6.338 4.01 7.033 3.279 7.033 3.87 7.463 3.644 8.158 4.236 7.729 4.827 8.158 4.601 7.463z" }), _jsx("path", { fill: "#fff", d: "M7.58 7.463L8.172 7.033 7.441 7.033 7.215 6.338 6.989 7.033 6.258 7.033 6.849 7.463 6.623 8.158 7.215 7.729 7.806 8.158 7.58 7.463z" }), _jsx("path", { fill: "#fff", d: "M10.56 7.463L11.151 7.033 10.42 7.033 10.194 6.338 9.968 7.033 9.237 7.033 9.828 7.463 9.603 8.158 10.194 7.729 10.785 8.158 10.56 7.463z" }), _jsx("path", { fill: "#fff", d: "M6.066 9.283L6.658 8.854 5.927 8.854 5.701 8.158 5.475 8.854 4.744 8.854 5.335 9.283 5.109 9.979 5.701 9.549 6.292 9.979 6.066 9.283z" }), _jsx("path", { fill: "#fff", d: "M9.046 9.283L9.637 8.854 8.906 8.854 8.68 8.158 8.454 8.854 7.723 8.854 8.314 9.283 8.089 9.979 8.68 9.549 9.271 9.979 9.046 9.283z" }), _jsx("path", { fill: "#fff", d: "M12.025 9.283L12.616 8.854 11.885 8.854 11.659 8.158 11.433 8.854 10.702 8.854 11.294 9.283 11.068 9.979 11.659 9.549 12.251 9.979 12.025 9.283z" }), _jsx("path", { fill: "#fff", d: "M6.066 12.924L6.658 12.494 5.927 12.494 5.701 11.799 5.475 12.494 4.744 12.494 5.335 12.924 5.109 13.619 5.701 13.19 6.292 13.619 6.066 12.924z" }), _jsx("path", { fill: "#fff", d: "M9.046 12.924L9.637 12.494 8.906 12.494 8.68 11.799 8.454 12.494 7.723 12.494 8.314 12.924 8.089 13.619 8.68 13.19 9.271 13.619 9.046 12.924z" }), _jsx("path", { fill: "#fff", d: "M12.025 12.924L12.616 12.494 11.885 12.494 11.659 11.799 11.433 12.494 10.702 12.494 11.294 12.924 11.068 13.619 11.659 13.19 12.251 13.619 12.025 12.924z" }), _jsx("path", { fill: "#fff", d: "M13.539 7.463L14.13 7.033 13.399 7.033 13.173 6.338 12.947 7.033 12.216 7.033 12.808 7.463 12.582 8.158 13.173 7.729 13.765 8.158 13.539 7.463z" }), _jsx("path", { fill: "#fff", d: "M4.601 11.104L5.193 10.674 4.462 10.674 4.236 9.979 4.01 10.674 3.279 10.674 3.87 11.104 3.644 11.799 4.236 11.369 4.827 11.799 4.601 11.104z" }), _jsx("path", { fill: "#fff", d: "M7.58 11.104L8.172 10.674 7.441 10.674 7.215 9.979 6.989 10.674 6.258 10.674 6.849 11.104 6.623 11.799 7.215 11.369 7.806 11.799 7.58 11.104z" }), _jsx("path", { fill: "#fff", d: "M10.56 11.104L11.151 10.674 10.42 10.674 10.194 9.979 9.968 10.674 9.237 10.674 9.828 11.104 9.603 11.799 10.194 11.369 10.785 11.799 10.56 11.104z" }), _jsx("path", { fill: "#fff", d: "M13.539 11.104L14.13 10.674 13.399 10.674 13.173 9.979 12.947 10.674 12.216 10.674 12.808 11.104 12.582 11.799 13.173 11.369 13.765 11.799 13.539 11.104z" }), _jsx("path", { fill: "#fff", d: "M4.601 14.744L5.193 14.315 4.462 14.315 4.236 13.619 4.01 14.315 3.279 14.315 3.87 14.744 3.644 15.44 4.236 15.01 4.827 15.44 4.601 14.744z" }), _jsx("path", { fill: "#fff", d: "M7.58 14.744L8.172 14.315 7.441 14.315 7.215 13.619 6.989 14.315 6.258 14.315 6.849 14.744 6.623 15.44 7.215 15.01 7.806 15.44 7.58 14.744z" }), _jsx("path", { fill: "#fff", d: "M10.56 14.744L11.151 14.315 10.42 14.315 10.194 13.619 9.968 14.315 9.237 14.315 9.828 14.744 9.603 15.44 10.194 15.01 10.785 15.44 10.56 14.744z" }), _jsx("path", { fill: "#fff", d: "M13.539 14.744L14.13 14.315 13.399 14.315 13.173 13.619 12.947 14.315 12.216 14.315 12.808 14.744 12.582 15.44 13.173 15.01 13.765 15.44 13.539 14.744z" })] }));
+};
+export default USFlag;

package/dist/types/components/Svg/UkFlag.d.ts

@@ -0,0 +1,6 @@
+type UkFlagProps = {
+    width?: string;
+    height?: string;
+};
+declare const UkFlag: ({ width, height }: UkFlagProps) => import("react/jsx-runtime").JSX.Element;
+export default UkFlag;

package/dist/types/components/Svg/UkFlag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UkFlag = ({ width = "32", height = "32" }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 32 32", fill: "none", children: [_jsx("rect", { x: "1", y: "4", width: "30", height: "24", rx: "4", ry: "4", fill: "#071b65" }), _jsx("path", { d: "M5.101,4h-.101c-1.981,0-3.615,1.444-3.933,3.334L26.899,28h.101c1.981,0,3.615-1.444,3.933-3.334L5.101,4Z", fill: "#fff" }), _jsx("path", { d: "M22.25,19h-2.5l9.934,7.947c.387-.353,.704-.777,.929-1.257l-8.363-6.691Z", fill: "#b92932" }), _jsx("path", { d: "M1.387,6.309l8.363,6.691h2.5L2.316,5.053c-.387,.353-.704,.777-.929,1.257Z", fill: "#b92932" }), _jsx("path", { d: "M5,28h.101L30.933,7.334c-.318-1.891-1.952-3.334-3.933-3.334h-.101L1.067,24.666c.318,1.891,1.952,3.334,3.933,3.334Z", fill: "#fff" }), _jsx("rect", { x: "13", y: "4", width: "6", height: "24", fill: "#fff" }), _jsx("rect", { x: "1", y: "13", width: "30", height: "6", fill: "#fff" }), _jsx("rect", { x: "14", y: "4", width: "4", height: "24", fill: "#b92932" }), _jsx("rect", { x: "14", y: "1", width: "4", height: "30", transform: "translate(32) rotate(90)", fill: "#b92932" }), _jsx("path", { d: "M28.222,4.21l-9.222,7.376v1.414h.75l9.943-7.94c-.419-.384-.918-.671-1.471-.85Z", fill: "#b92932" }), _jsx("path", { d: "M2.328,26.957c.414,.374,.904,.656,1.447,.832l9.225-7.38v-1.408h-.75L2.328,26.957Z", fill: "#b92932" }), _jsx("path", { d: "M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z", opacity: ".15" }), _jsx("path", { d: "M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z", fill: "#fff", opacity: ".2" })] }));
+};
+export default UkFlag;

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

@@ -170,6 +170,7 @@ export { default as BadgeWithCount } from "./BadgeWithCount";
 export { default as SelectablePill } from "./SelectablePill";
 export { default as SelectionDropDown } from "./SelectionDropdown";
 export { default as ContinuousRangeComponent } from "./ContinuousRangeComponent";
+export { default as DropDownForm } from "./DropDownForm";
 export { default as CreditBarChart } from "./CreditBarChart";
 export { default as CreditUsageChart } from "./CreditUsageChart";
 export { default as CreditManagementDropdownButton } from "./CreditsManagementDropdownButton/CreditsManagementDropdownButton";

package/dist/types/components/index.js

@@ -170,6 +170,7 @@ export { default as BadgeWithCount } from "./BadgeWithCount";
 export { default as SelectablePill } from "./SelectablePill";
 export { default as SelectionDropDown } from "./SelectionDropdown";
 export { default as ContinuousRangeComponent } from "./ContinuousRangeComponent";
+export { default as DropDownForm } from "./DropDownForm";
 export { default as CreditBarChart } from "./CreditBarChart";
 export { default as CreditUsageChart } from "./CreditUsageChart";
 export { default as CreditManagementDropdownButton } from "./CreditsManagementDropdownButton/CreditsManagementDropdownButton";

package/dist/types/types.d.ts

@@ -4,7 +4,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
 import { IProduct } from "./components/CompanyProductsTab";
 import { ICompetitor } from "./components/CompetitorsCompanyTab";
 import { Education, Experience } from "./components/PeopleCard/interface";
-export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "companyOwnership" | "cutBriefcase" | "box" | "lock" | "boldPlus" | "square" | "boxPencil" | "people" | "microsoftLogo" | "googleLogo" | "crunchBaseLogo" | "linkedinColoredLogo" | "googleColoredLogo" | "websiteBadge" | "arrowLeftShort" | "companyStrategy" | "industryStrategy" | "strategyUpdate" | "notDownloaded" | "unarchive" | "roundedDocument" | "marketMap" | "leadership" | "fullScreen" | "exitFullScreen" | "plannerTable" | "upload" | "agent" | "doubleTick" | "save" | "collection" | "sidebarArrow" | "lowCreditWarning" | "threeDots" | "creditAdmin" | "reply" | "gradientSparkles" | "creditAdmin" | "plusCircle" | "incomingCall" | "outgoingCall" | "message" | "missedCall" | "filter" | "call" | "voiceCall" | "messageLogo" | "requisitionLogo" | "actionLogo" | "organizationPlaceholder" | "creditSystemUser" | "addToCollection" | "pointingDown" | "stop" | "pencilEdit" | "pending" | "approved" | "rejected" | "default";
+export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "companyOwnership" | "cutBriefcase" | "box" | "lock" | "boldPlus" | "square" | "boxPencil" | "people" | "microsoftLogo" | "googleLogo" | "crunchBaseLogo" | "linkedinColoredLogo" | "googleColoredLogo" | "websiteBadge" | "arrowLeftShort" | "companyStrategy" | "industryStrategy" | "strategyUpdate" | "notDownloaded" | "unarchive" | "roundedDocument" | "marketMap" | "leadership" | "fullScreen" | "exitFullScreen" | "plannerTable" | "upload" | "agent" | "doubleTick" | "save" | "collection" | "sidebarArrow" | "lowCreditWarning" | "threeDots" | "creditAdmin" | "reply" | "gradientSparkles" | "creditAdmin" | "plusCircle" | "incomingCall" | "outgoingCall" | "message" | "missedCall" | "filter" | "call" | "voiceCall" | "messageLogo" | "requisitionLogo" | "actionLogo" | "organizationPlaceholder" | "creditSystemUser" | "addToCollection" | "pointingDown" | "stop" | "pencilEdit" | "pending" | "approved" | "rejected" | "usFlag" | "canadaFlag" | "australiaFlag" | "mexicoFlag" | "newZealandFlag" | "ukFlag" | "default";
 export type SelectedUnselectedErrorVariant = "selected" | "excluded" | "unselected" | "error";
 export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "56" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
 export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";

package/dist/types.d.ts

@@ -4,7 +4,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
 import { IProduct } from "./components/CompanyProductsTab";
 import { ICompetitor } from "./components/CompetitorsCompanyTab";
 import { Education, Experience } from "./components/PeopleCard/interface";
-export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "companyOwnership" | "cutBriefcase" | "box" | "lock" | "boldPlus" | "square" | "boxPencil" | "people" | "microsoftLogo" | "googleLogo" | "crunchBaseLogo" | "linkedinColoredLogo" | "googleColoredLogo" | "websiteBadge" | "arrowLeftShort" | "companyStrategy" | "industryStrategy" | "strategyUpdate" | "notDownloaded" | "unarchive" | "roundedDocument" | "marketMap" | "leadership" | "fullScreen" | "exitFullScreen" | "plannerTable" | "upload" | "agent" | "doubleTick" | "save" | "collection" | "sidebarArrow" | "lowCreditWarning" | "threeDots" | "creditAdmin" | "reply" | "gradientSparkles" | "creditAdmin" | "plusCircle" | "incomingCall" | "outgoingCall" | "message" | "missedCall" | "filter" | "call" | "voiceCall" | "messageLogo" | "requisitionLogo" | "actionLogo" | "organizationPlaceholder" | "creditSystemUser" | "addToCollection" | "pointingDown" | "stop" | "pencilEdit" | "pending" | "approved" | "rejected" | "default";
+export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "companyOwnership" | "cutBriefcase" | "box" | "lock" | "boldPlus" | "square" | "boxPencil" | "people" | "microsoftLogo" | "googleLogo" | "crunchBaseLogo" | "linkedinColoredLogo" | "googleColoredLogo" | "websiteBadge" | "arrowLeftShort" | "companyStrategy" | "industryStrategy" | "strategyUpdate" | "notDownloaded" | "unarchive" | "roundedDocument" | "marketMap" | "leadership" | "fullScreen" | "exitFullScreen" | "plannerTable" | "upload" | "agent" | "doubleTick" | "save" | "collection" | "sidebarArrow" | "lowCreditWarning" | "threeDots" | "creditAdmin" | "reply" | "gradientSparkles" | "creditAdmin" | "plusCircle" | "incomingCall" | "outgoingCall" | "message" | "missedCall" | "filter" | "call" | "voiceCall" | "messageLogo" | "requisitionLogo" | "actionLogo" | "organizationPlaceholder" | "creditSystemUser" | "addToCollection" | "pointingDown" | "stop" | "pencilEdit" | "pending" | "approved" | "rejected" | "usFlag" | "canadaFlag" | "australiaFlag" | "mexicoFlag" | "newZealandFlag" | "ukFlag" | "default";
 export type SelectedUnselectedErrorVariant = "selected" | "excluded" | "unselected" | "error";
 export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "56" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
 export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.7.75",
+  "version": "1.7.77",
   "type": "module",
   "scripts": {
     "dev": "vite",