qlu-20-ui-library 1.10.6 → 1.10.9

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

@@ -1,7 +1,9 @@
 export interface ICreditBarChart {
-    quater: string;
-    amount: number;
-    phoneAmount: number;
+    label: string;
+    personalEmailCount?: number;
+    workEmailCount?: number;
+    personalPhoneCount?: number;
+    workPhoneCount?: number;
 }
 export interface CreditBarChartProps {
     revenues: ICreditBarChart[];

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

@@ -20,13 +20,21 @@ type CreditUsageChartProps = {
     title: string;
     selectedTimeFrame: TimeFrame;
     creditUsageData: {
-        quater: string;
-        amount: number;
-        phoneAmount: number;
+        label: string;
+        personalEmailCount?: number;
+        personalPhoneCount?: number;
+        workEmailCount?: number;
+        workPhoneCount?: number;
     }[];
+    lagendData?: {
+        personalEmail?: string;
+        personalPhone?: string;
+        workPhone?: string;
+        workEmail?: string;
+    };
     isLoading: boolean;
     isError: boolean;
     setSelectedTimeFrame: (timeFrame: TimeFrame) => void;
 };
-declare const CreditUsageChart: ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, setSelectedTimeFrame, }: CreditUsageChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const CreditUsageChart: ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, lagendData, setSelectedTimeFrame, }: CreditUsageChartProps) => import("react/jsx-runtime").JSX.Element;
 export default CreditUsageChart;

package/dist/components/CreditsSlider/CreditsSlider.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+type CreditsTick = {
+    label: string;
+    value: number;
+};
+export type CreditsSliderProps = {
+    label?: string;
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (next: number) => void;
+    disabled?: boolean;
+    ticks?: CreditsTick[];
+};
+declare const CreditsSlider: React.FC<CreditsSliderProps>;
+export default CreditsSlider;

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

@@ -0,0 +1,7 @@
+interface CloudUploadProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const CloudUpload: ({ className, width, height, }: CloudUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default CloudUpload;

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

@@ -0,0 +1,7 @@
+interface DatabaseProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Database: ({ className, width, height, }: DatabaseProps) => import("react/jsx-runtime").JSX.Element;
+export default Database;

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

@@ -0,0 +1,7 @@
+interface MicrophoneProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Microphone: ({ className, width, height, }: MicrophoneProps) => import("react/jsx-runtime").JSX.Element;
+export default Microphone;

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

@@ -0,0 +1,7 @@
+interface PauseIconProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const PauseIcon: ({ className, width, height, }: PauseIconProps) => import("react/jsx-runtime").JSX.Element;
+export default PauseIcon;

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

@@ -0,0 +1,7 @@
+interface PlayIconProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const PlayIcon: ({ className, width, height, }: PlayIconProps) => import("react/jsx-runtime").JSX.Element;
+export default PlayIcon;

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

@@ -0,0 +1,7 @@
+interface RetryProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Retry: ({ className, width, height, }: RetryProps) => import("react/jsx-runtime").JSX.Element;
+export default Retry;

package/dist/components/index.d.ts

@@ -179,6 +179,7 @@ export { default as CreditManagementDropdownItem } from "./CreditsManagementDrop
 export { default as CreditManagementDatePicker } from "./CreditsManagementDropdownButton/CreditsManagementDatePicker";
 export { default as InputFieldForm } from "./InputFieldForm";
 export { default as ToastWithButtonV2 } from "./ToastWithButtonV2";
+export { default as CreditsSlider } from "./CreditsSlider/CreditsSlider";
 export { default as MultiChart } from "./CompanyView/CompanyViewFinancialSummary/MultiChart/";
 export { default as FileUpload } from "./FileUpload";
 export { default as TopNavbar } from "./TopNavbar";

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

@@ -1,7 +1,9 @@
 export interface ICreditBarChart {
-    quater: string;
-    amount: number;
-    phoneAmount: number;
+    label: string;
+    personalEmailCount?: number;
+    workEmailCount?: number;
+    personalPhoneCount?: number;
+    workPhoneCount?: number;
 }
 export interface CreditBarChartProps {
     revenues: ICreditBarChart[];

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

@@ -69,45 +69,79 @@ const CreditBarChart = ({ revenues }) => {
         };
     };
     const responsiveValues = calculateResponsiveValues();
-    const labels = revenues.map((data) => data.quater);
-    const values = revenues.map((data) => data.amount);
-    const phoneValues = revenues.map((data) => data.phoneAmount);
-    const maxValue = Math.max(...values, ...phoneValues);
+    const labels = revenues.map((data) => data.label);
+    const personalEmailValues = revenues.map((data) => data.personalEmailCount);
+    const workEmailValues = revenues.map((data) => data.workEmailCount);
+    const personalPhoneValues = revenues.map((data) => data.personalPhoneCount);
+    const workPhoneValues = revenues.map((data) => data.workPhoneCount);
+    const personalEmailData = personalEmailValues.filter((value) => value !== undefined);
+    const workEmailData = workEmailValues.filter((value) => value !== undefined);
+    const personalPhoneData = personalPhoneValues.filter((value) => value !== undefined);
+    const workPhoneData = workPhoneValues.filter((value) => value !== undefined);
+    const allDefinedValues = [
+        ...personalEmailData,
+        ...workEmailData,
+        ...personalPhoneData,
+        ...workPhoneData,
+    ];
+    const maxValue = allDefinedValues.length > 0 ? Math.max(...allDefinedValues) : 0;
     const fixedMax = maxValue + Math.max(maxValue * 0.1, 2);
     const data = {
         labels,
         datasets: [
             {
-                label: "Email",
-                data: values,
-                borderWidth: 2,
-                backgroundColor: "#4B4B4B",
-                barThickness: responsiveValues.barThickness,
-                maxBarThickness: responsiveValues.barThickness,
-                hoverBorderColor: "#5e5e5e",
-                borderColor: "#5e5e5e",
+                label: "Personal Email",
+                data: personalEmailValues,
+                backgroundColor: "#0794A2",
+                categoryPercentage: 0.6,
+                barPercentage: 0.7,
+                borderRadius: {
+                    topLeft: 4,
+                    topRight: 4,
+                    bottomLeft: 4,
+                    bottomRight: 4,
+                },
+                borderSkipped: false,
+            },
+            {
+                label: "Mobile Number",
+                data: personalPhoneValues,
+                backgroundColor: "#6456A9",
+                categoryPercentage: 0.6,
+                barPercentage: 0.7,
                 borderRadius: {
-                    topLeft: 8,
-                    topRight: 8,
-                    bottomLeft: 8,
-                    bottomRight: 8,
+                    topLeft: 4,
+                    topRight: 4,
+                    bottomLeft: 4,
+                    bottomRight: 4,
                 },
                 borderSkipped: false,
             },
             {
-                label: "Phone",
-                data: phoneValues,
-                borderWidth: 2,
-                backgroundColor: "#66381f",
-                barThickness: responsiveValues.barThickness,
-                maxBarThickness: responsiveValues.barThickness,
-                hoverBorderColor: "#cc713e",
-                borderColor: "#cc713e",
+                label: "Work Phone",
+                data: workPhoneValues,
+                backgroundColor: "#99552F",
+                categoryPercentage: 0.6,
+                barPercentage: 0.7,
+                borderRadius: {
+                    topLeft: 4,
+                    topRight: 4,
+                    bottomLeft: 4,
+                    bottomRight: 4,
+                },
+                borderSkipped: false,
+            },
+            {
+                label: "Work Email",
+                data: workEmailValues,
+                backgroundColor: "#4B4B4B",
+                categoryPercentage: 0.6,
+                barPercentage: 0.7,
                 borderRadius: {
-                    topLeft: 8,
-                    topRight: 8,
-                    bottomLeft: 8,
-                    bottomRight: 8,
+                    topLeft: 4,
+                    topRight: 4,
+                    bottomLeft: 4,
+                    bottomRight: 4,
                 },
                 borderSkipped: false,
             },

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

@@ -20,13 +20,21 @@ type CreditUsageChartProps = {
     title: string;
     selectedTimeFrame: TimeFrame;
     creditUsageData: {
-        quater: string;
-        amount: number;
-        phoneAmount: number;
+        label: string;
+        personalEmailCount?: number;
+        personalPhoneCount?: number;
+        workEmailCount?: number;
+        workPhoneCount?: number;
     }[];
+    lagendData?: {
+        personalEmail?: string;
+        personalPhone?: string;
+        workPhone?: string;
+        workEmail?: string;
+    };
     isLoading: boolean;
     isError: boolean;
     setSelectedTimeFrame: (timeFrame: TimeFrame) => void;
 };
-declare const CreditUsageChart: ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, setSelectedTimeFrame, }: CreditUsageChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const CreditUsageChart: ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, lagendData, setSelectedTimeFrame, }: CreditUsageChartProps) => import("react/jsx-runtime").JSX.Element;
 export default CreditUsageChart;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Loader from "../Loader";
 import DropDownButton from "../DropDownButton";
 import DropdownChildButton from "../DropdownChildButton";
@@ -15,18 +15,19 @@ export var TimeFrame;
     TimeFrame["Custom"] = "Custom";
 })(TimeFrame || (TimeFrame = {}));
 export const typeFrameText = {
-    [TimeFrame.Last7Days]: "Last 7 Days",
-    [TimeFrame.LastMonth]: "Last Month",
-    [TimeFrame.Last3Months]: "Last 3 Months",
-    [TimeFrame.Last6Months]: "Last 6 Months",
-    [TimeFrame.LastYear]: "Last Year",
+    [TimeFrame.Last7Days]: "Past 7 Days",
+    [TimeFrame.LastMonth]: "Past Month",
+    [TimeFrame.Last3Months]: "Past 3 Months",
+    [TimeFrame.Last6Months]: "Past 6 Months",
+    [TimeFrame.LastYear]: "Past Year",
     [TimeFrame.Today]: "Today",
     [TimeFrame.Custom]: "Custom",
 };
-const CreditUsageChart = ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, setSelectedTimeFrame, }) => {
+const CreditUsageChart = ({ title, selectedTimeFrame, creditUsageData, isLoading, isError, lagendData, setSelectedTimeFrame, }) => {
     const renderLoader = () => (_jsx("div", { className: styles.creditUsageChartLoader, children: _jsx(Loader, { width: "24", height: "24" }) }));
     const renderError = () => (_jsx("div", { className: styles.creditUsageChartError, children: _jsx("span", { className: styles.creditUsageChartDataNA, children: "No data to show yet" }) }));
-    return (_jsxs("div", { className: styles.creditUsageChartContainer, children: [_jsxs("div", { className: styles.creditUsageChartHeader, children: [_jsx("h3", { children: title }), _jsxs("div", { className: styles.options, children: [_jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.color }), _jsx("span", { children: "Email credits" })] }), _jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.color }), _jsx("span", { children: "Phone credits" })] }), _jsx("div", { className: styles.dropDownContainer, children: _jsx(DropDownButton, { dropDownText: typeFrameText[selectedTimeFrame], children: Object.values(TimeFrame)
+    const renderEmailOption = () => (_jsxs(_Fragment, { children: [lagendData?.personalEmail && (_jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.personalEmailColor }), _jsx("span", { children: lagendData.personalEmail })] })), lagendData?.personalPhone && (_jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.personalPhoneColor }), _jsx("span", { children: lagendData.personalPhone })] })), lagendData?.workPhone && (_jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.workPhoneColor }), _jsx("span", { children: lagendData.workPhone })] })), lagendData?.workEmail && (_jsxs("div", { className: styles.option, children: [_jsx("div", { className: styles.workEmailColor }), _jsx("span", { children: lagendData.workEmail })] }))] }));
+    return (_jsxs("div", { className: styles.creditUsageChartContainer, children: [_jsxs("div", { className: styles.creditUsageChartHeader, children: [_jsx("h3", { children: title }), _jsxs("div", { className: styles.options, children: [renderEmailOption(), _jsx("div", { className: styles.dropDownContainer, children: _jsx(DropDownButton, { dropDownText: typeFrameText[selectedTimeFrame], children: Object.values(TimeFrame)
                                         .filter((type) => ![TimeFrame.Today, TimeFrame.Custom].includes(type))
                                         .map((type, index) => (_jsx(DropdownChildButton, { onClick: () => setSelectedTimeFrame(type), text: typeFrameText[type], active: selectedTimeFrame === type }, index))) }) })] })] }), isLoading ? (renderLoader()) : isError ? (renderError()) : (_jsx("div", { className: styles.creditUsageChart, children: _jsx(CreditBarChart, { revenues: creditUsageData }) }))] }));
 };

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

@@ -0,0 +1,17 @@
+import React from "react";
+type CreditsTick = {
+    label: string;
+    value: number;
+};
+export type CreditsSliderProps = {
+    label?: string;
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange: (next: number) => void;
+    disabled?: boolean;
+    ticks?: CreditsTick[];
+};
+declare const CreditsSlider: React.FC<CreditsSliderProps>;
+export default CreditsSlider;

package/dist/types/components/CreditsSlider/CreditsSlider.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import styles from "./CreditsSlider.module.scss";
+import clsx from "clsx";
+const DEFAULT_TICKS = [
+    { label: "0", value: 0 },
+    { label: "5k", value: 5000 },
+    { label: "10k", value: 10000 },
+    { label: "20k", value: 20000 },
+    { label: "30k", value: 30000 },
+    { label: "40k", value: 40000 },
+    { label: "50k", value: 50000 },
+    { label: "Custom", value: 60000 },
+];
+const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
+const formatCredits = (value) => {
+    if (value >= 1000) {
+        const rounded = Math.round(value / 100) / 10; // 12000 -> 12k
+        return `${rounded % 1 === 0 ? rounded.toFixed(0) : rounded}K`;
+    }
+    return value.toString();
+};
+const CreditsSlider = ({ label = "Credits", value, min = 0, max = 60000, step = 1000, onChange, disabled = false, ticks = DEFAULT_TICKS, }) => {
+    const safeMax = Math.max(min + step, max);
+    const clampedValue = clamp(value, min, safeMax);
+    const sliderRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const updateFromClientX = useCallback((clientX) => {
+        if (!sliderRef.current || disabled)
+            return;
+        const rect = sliderRef.current.getBoundingClientRect();
+        const ratio = rect.width ? (clientX - rect.left) / rect.width : 0;
+        const boundedRatio = Math.min(1, Math.max(0, ratio));
+        const raw = min + boundedRatio * (safeMax - min);
+        const snapped = Math.round(raw / step) * step;
+        onChange(clamp(snapped, min, safeMax));
+    }, [disabled, min, safeMax, step, onChange]);
+    const handleChange = (event) => {
+        const raw = Number(event.target.value);
+        const snapped = Math.round(raw / step) * step;
+        onChange(clamp(snapped, min, safeMax));
+    };
+    const handleMouseDown = (event) => {
+        if (disabled)
+            return;
+        event.preventDefault();
+        setIsDragging(true);
+        updateFromClientX(event.clientX);
+    };
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const handleMouseMove = (event) => {
+            updateFromClientX(event.clientX);
+        };
+        const handleMouseUp = () => {
+            setIsDragging(false);
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [isDragging, updateFromClientX]);
+    const percentage = ((clampedValue - min) / (safeMax - min || 1)) * 100;
+    const compositeClassNames = clsx(styles["credits-slider"], {
+        [styles.disabled]: disabled,
+    });
+    return (_jsxs("div", { className: compositeClassNames, children: [_jsxs("div", { className: styles.header, children: [_jsx("span", { className: styles.label, children: label }), _jsx("span", { className: styles.value, children: formatCredits(clampedValue) })] }), _jsxs("div", { className: styles["track-wrapper"], ref: sliderRef, onMouseDown: handleMouseDown, children: [_jsx("div", { className: styles.track, children: _jsx("div", { className: styles["track-active"], style: { width: `${percentage}%` } }) }), _jsx("div", { className: styles.thumb, style: { left: `${percentage}%` } }), _jsx("input", { type: "range", min: min, max: safeMax, step: step, value: clampedValue, onChange: handleChange, disabled: disabled, className: styles["range-input"] })] }), _jsx("div", { className: styles.ticks, children: ticks.map((tick) => {
+                    const tickPct = ((tick.value - min) / (safeMax - min || 1)) * 100;
+                    const isCustom = tick.label.toLowerCase() === "custom" || tick.value > safeMax;
+                    return (_jsx("div", { className: styles.tick, style: { left: `${tickPct}%` }, children: _jsx("div", { className: clsx(styles["tick-label"], isCustom && styles["tick-label--custom"]), children: tick.label }) }, `${tick.label}-${tick.value}`));
+                }) })] }));
+};
+export default CreditsSlider;

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

@@ -256,7 +256,13 @@ import GridView from "../Svg/GridView";
 import CompanyPlaceholderAvatar from "../Svg/CompanyPlaceholderAvatar";
 import ProfilePlaceholderAvatar from "../Svg/ProfilePlaceholderAvatar";
 import VideoPlayIcon from "../Svg/VideoPlayIcon";
+import CloudUpload from "../Svg/CloudUpload";
+import Microphone from "../Svg/Microphone";
+import PauseIcon from "../Svg/PauseIcon";
+import PlayIcon from "../Svg/PlayIcon";
+import Retry from "../Svg/Retry";
+import Database from "../Svg/Database";
 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 === "starBorder" ? (_jsx(StarBorder, { width: iconSize, height: iconSize })) : iconType === "flag" ? (_jsx(Flag, { 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 === "expand" ? (_jsx(Expand, { width: iconSize, height: iconSize })) : 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 === "inbox" ? (_jsx(Inbox, { width: iconSize, height: iconSize })) : iconType === "ukFlag" ? (_jsx(UkFlag, { width: iconSize, height: iconSize })) : iconType === "lightBulb" ? (_jsx(LightBulb, { width: iconSize, height: iconSize })) : iconType === "linkedin" ? (_jsx(LinkedinIcon, { width: iconSize, height: iconSize })) : iconType === "outlookColored" ? (_jsx(OutlookColored, { width: iconSize, height: iconSize })) : iconType === "googleColored" ? (_jsx(GoogleIcon, { width: iconSize, height: iconSize })) : iconType === "linkedinPremium" ? (_jsx(InmailIcon, { width: iconSize, height: iconSize })) : iconType === "text" ? (_jsx(TextIcon, { width: iconSize, height: iconSize })) : iconType === "telephone" ? (_jsx(PhoneIcon, { width: iconSize, height: iconSize })) : iconType === "welcomeAboard" ? (_jsx(WelcomeAboard, { width: iconSize, height: iconSize })) : iconType === "googleDriveLogo" ? (_jsx(GoogleDriveLogo, { width: iconSize, height: iconSize })) : iconType === "spreadsheet" ? (_jsx(Spreadsheet, { width: iconSize, height: iconSize })) : iconType === "sparklingStars" ? (_jsx(SparklingStars, { width: iconSize, height: iconSize })) : iconType === "syncLoader" ? (_jsx(SyncLoader, { width: iconSize, height: iconSize })) : iconType === "accessRevoke" ? (_jsx(AccessRevoke, { width: iconSize, height: iconSize })) : iconType === "pipeline" ? (_jsx(Pipeline, { width: iconSize, height: iconSize })) : iconType === "chatSend" ? (_jsx(ChatSend, { width: iconSize, height: iconSize })) : iconType === "stopwatch" ? (_jsx(Stopwatch, { width: iconSize, height: iconSize })) : iconType === "companySourcePlaceholder" ? (_jsx(CompanySourcePlaceholder, { width: iconSize, height: iconSize })) : iconType === "tickCircleFilled" ? (_jsx(TickCircleFilled, { width: iconSize, height: iconSize })) : iconType === "exclamationCircleFilled" ? (_jsx(ExclamationCircleFilled, { width: iconSize, height: iconSize })) : iconType === "basicPlan" ? (_jsx(BasicPlan, { width: iconSize, height: iconSize })) : iconType === "growthPlan" ? (_jsx(GrowthPlan, { width: iconSize, height: iconSize })) : iconType === "enterprisePlan" ? (_jsx(EnterprisePlan, { width: iconSize, height: iconSize })) : iconType === "customPlan" ? (_jsx(CustomPlan, { width: iconSize, height: iconSize })) : iconType === "loader" ? (_jsx(Loader, { width: iconSize, height: iconSize })) : iconType === "dollarCircle" ? (_jsx(DollarCircle, { width: iconSize, height: iconSize })) : iconType === "arrowRightCircle" ? (_jsx(ArrowRightCircle, { width: iconSize, height: iconSize })) : iconType === "kanban" ? (_jsx(Kanban, { width: iconSize, height: iconSize })) : iconType === "linkedinProfile" ? (_jsx(LinkedinProfile, { width: iconSize, height: iconSize })) : iconType === "linkedinConnection" ? (_jsx(LinkedinConnection, { width: iconSize, height: iconSize })) : iconType === "successFull" ? (_jsx(SuccessFull, { width: iconSize, height: iconSize })) : iconType === "searchAi" ? (_jsx(SearchAi, { width: iconSize, height: iconSize })) : iconType === "greenDot" ? (_jsx(GreenDot, { width: iconSize, height: iconSize })) : iconType === "starIcon" ? (_jsx(StarIcon, { width: iconSize, height: iconSize })) : iconType === "thunder" ? (_jsx(Thunder, { width: iconSize, height: iconSize })) : iconType === "logout" ? (_jsx(Logout, { width: iconSize, height: iconSize })) : iconType === "billingAndPricing" ? (_jsx(BillingAndPricing, { width: iconSize, height: iconSize })) : iconType === "creditSystem" ? (_jsx(CreditSystem, { width: iconSize, height: iconSize })) : iconType === "changePassword" ? (_jsx(ChangePassword, { width: iconSize, height: iconSize })) : iconType === "settings" ? (_jsx(Settings, { width: iconSize, height: iconSize })) : iconType === "googleCalenderIcon" ? (_jsx(GoogleCalendarLogo, { width: iconSize, height: iconSize })) : iconType === "employeeCard" ? (_jsx(EmployeeCard, { width: iconSize, height: iconSize })) : iconType === "dash" ? (_jsx(Dash, { width: iconSize, height: iconSize })) : iconType === "dotsMenu" ? (_jsx(DotsMenu, { width: iconSize, height: iconSize })) : iconType === "crossCircle" ? (_jsx(CrossCircle, { width: iconSize, height: iconSize })) : iconType === "smileyFace" ? (_jsx(SmileyFace, { width: iconSize, height: iconSize })) : iconType === "bookOpen" ? (_jsx(BookOpen, { width: iconSize, height: iconSize })) : iconType === "collapse" ? (_jsx(Collapse, { width: iconSize, height: iconSize })) : iconType === "circleInformation" ? (_jsx(CircleInformation, { width: iconSize, height: iconSize })) : iconType === "arrowThroughDoor" ? (_jsx(ArrowThroughDoor, { width: iconSize, height: iconSize })) : iconType === "contactInterested" ? (_jsx(ContactInterested, { width: iconSize, height: iconSize })) : iconType === "contactNotInterested" ? (_jsx(ContactNotInterested, { width: iconSize, height: iconSize })) : iconType === "userAdd" ? (_jsx(UserAdd, { width: iconSize, height: iconSize })) : iconType === "userRemove" ? (_jsx(UserRemove, { width: iconSize, height: iconSize })) : iconType === "microsoftColoredLogo" ? (_jsx(MicrosoftColoredLogo, { width: iconSize, height: iconSize })) : iconType === "contactBook" ? (_jsx(ContactBook, { width: iconSize, height: iconSize })) : iconType === "massUpdate" ? (_jsx(MassUpdate, { width: iconSize, height: iconSize })) : iconType === "internetSearch" ? (_jsx(InternetSearch, { width: iconSize, height: iconSize })) : iconType === "newsFeed" ? (_jsx(NewsFeed, { width: iconSize, height: iconSize })) : iconType === "paragraph" ? (_jsx(Paragraph, { width: iconSize, height: iconSize })) : iconType === "gridView" ? (_jsx(GridView, { width: iconSize, height: iconSize })) : iconType === "searchThin" ? (_jsx(SearchThin, { width: iconSize, height: iconSize })) : iconType === "companyPlaceholderAvatar" ? (_jsx(CompanyPlaceholderAvatar, { width: iconSize, height: iconSize })) : iconType === "profilePlaceholderAvatar" ? (_jsx(ProfilePlaceholderAvatar, { width: iconSize, height: iconSize })) : iconType === "videoPlayIcon" ? (_jsx(VideoPlayIcon, { width: iconSize, height: iconSize })) : iconType === "trendingUp" ? (_jsx(TrendingUp, { 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 === "starBorder" ? (_jsx(StarBorder, { width: iconSize, height: iconSize })) : iconType === "flag" ? (_jsx(Flag, { 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 === "expand" ? (_jsx(Expand, { width: iconSize, height: iconSize })) : 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 === "inbox" ? (_jsx(Inbox, { width: iconSize, height: iconSize })) : iconType === "ukFlag" ? (_jsx(UkFlag, { width: iconSize, height: iconSize })) : iconType === "lightBulb" ? (_jsx(LightBulb, { width: iconSize, height: iconSize })) : iconType === "linkedin" ? (_jsx(LinkedinIcon, { width: iconSize, height: iconSize })) : iconType === "outlookColored" ? (_jsx(OutlookColored, { width: iconSize, height: iconSize })) : iconType === "googleColored" ? (_jsx(GoogleIcon, { width: iconSize, height: iconSize })) : iconType === "linkedinPremium" ? (_jsx(InmailIcon, { width: iconSize, height: iconSize })) : iconType === "text" ? (_jsx(TextIcon, { width: iconSize, height: iconSize })) : iconType === "telephone" ? (_jsx(PhoneIcon, { width: iconSize, height: iconSize })) : iconType === "welcomeAboard" ? (_jsx(WelcomeAboard, { width: iconSize, height: iconSize })) : iconType === "googleDriveLogo" ? (_jsx(GoogleDriveLogo, { width: iconSize, height: iconSize })) : iconType === "spreadsheet" ? (_jsx(Spreadsheet, { width: iconSize, height: iconSize })) : iconType === "sparklingStars" ? (_jsx(SparklingStars, { width: iconSize, height: iconSize })) : iconType === "syncLoader" ? (_jsx(SyncLoader, { width: iconSize, height: iconSize })) : iconType === "accessRevoke" ? (_jsx(AccessRevoke, { width: iconSize, height: iconSize })) : iconType === "pipeline" ? (_jsx(Pipeline, { width: iconSize, height: iconSize })) : iconType === "chatSend" ? (_jsx(ChatSend, { width: iconSize, height: iconSize })) : iconType === "stopwatch" ? (_jsx(Stopwatch, { width: iconSize, height: iconSize })) : iconType === "companySourcePlaceholder" ? (_jsx(CompanySourcePlaceholder, { width: iconSize, height: iconSize })) : iconType === "tickCircleFilled" ? (_jsx(TickCircleFilled, { width: iconSize, height: iconSize })) : iconType === "exclamationCircleFilled" ? (_jsx(ExclamationCircleFilled, { width: iconSize, height: iconSize })) : iconType === "basicPlan" ? (_jsx(BasicPlan, { width: iconSize, height: iconSize })) : iconType === "growthPlan" ? (_jsx(GrowthPlan, { width: iconSize, height: iconSize })) : iconType === "enterprisePlan" ? (_jsx(EnterprisePlan, { width: iconSize, height: iconSize })) : iconType === "customPlan" ? (_jsx(CustomPlan, { width: iconSize, height: iconSize })) : iconType === "loader" ? (_jsx(Loader, { width: iconSize, height: iconSize })) : iconType === "dollarCircle" ? (_jsx(DollarCircle, { width: iconSize, height: iconSize })) : iconType === "arrowRightCircle" ? (_jsx(ArrowRightCircle, { width: iconSize, height: iconSize })) : iconType === "kanban" ? (_jsx(Kanban, { width: iconSize, height: iconSize })) : iconType === "linkedinProfile" ? (_jsx(LinkedinProfile, { width: iconSize, height: iconSize })) : iconType === "linkedinConnection" ? (_jsx(LinkedinConnection, { width: iconSize, height: iconSize })) : iconType === "successFull" ? (_jsx(SuccessFull, { width: iconSize, height: iconSize })) : iconType === "searchAi" ? (_jsx(SearchAi, { width: iconSize, height: iconSize })) : iconType === "greenDot" ? (_jsx(GreenDot, { width: iconSize, height: iconSize })) : iconType === "starIcon" ? (_jsx(StarIcon, { width: iconSize, height: iconSize })) : iconType === "thunder" ? (_jsx(Thunder, { width: iconSize, height: iconSize })) : iconType === "logout" ? (_jsx(Logout, { width: iconSize, height: iconSize })) : iconType === "billingAndPricing" ? (_jsx(BillingAndPricing, { width: iconSize, height: iconSize })) : iconType === "creditSystem" ? (_jsx(CreditSystem, { width: iconSize, height: iconSize })) : iconType === "changePassword" ? (_jsx(ChangePassword, { width: iconSize, height: iconSize })) : iconType === "settings" ? (_jsx(Settings, { width: iconSize, height: iconSize })) : iconType === "googleCalenderIcon" ? (_jsx(GoogleCalendarLogo, { width: iconSize, height: iconSize })) : iconType === "employeeCard" ? (_jsx(EmployeeCard, { width: iconSize, height: iconSize })) : iconType === "dash" ? (_jsx(Dash, { width: iconSize, height: iconSize })) : iconType === "dotsMenu" ? (_jsx(DotsMenu, { width: iconSize, height: iconSize })) : iconType === "crossCircle" ? (_jsx(CrossCircle, { width: iconSize, height: iconSize })) : iconType === "smileyFace" ? (_jsx(SmileyFace, { width: iconSize, height: iconSize })) : iconType === "bookOpen" ? (_jsx(BookOpen, { width: iconSize, height: iconSize })) : iconType === "collapse" ? (_jsx(Collapse, { width: iconSize, height: iconSize })) : iconType === "circleInformation" ? (_jsx(CircleInformation, { width: iconSize, height: iconSize })) : iconType === "arrowThroughDoor" ? (_jsx(ArrowThroughDoor, { width: iconSize, height: iconSize })) : iconType === "contactInterested" ? (_jsx(ContactInterested, { width: iconSize, height: iconSize })) : iconType === "contactNotInterested" ? (_jsx(ContactNotInterested, { width: iconSize, height: iconSize })) : iconType === "userAdd" ? (_jsx(UserAdd, { width: iconSize, height: iconSize })) : iconType === "userRemove" ? (_jsx(UserRemove, { width: iconSize, height: iconSize })) : iconType === "microsoftColoredLogo" ? (_jsx(MicrosoftColoredLogo, { width: iconSize, height: iconSize })) : iconType === "contactBook" ? (_jsx(ContactBook, { width: iconSize, height: iconSize })) : iconType === "massUpdate" ? (_jsx(MassUpdate, { width: iconSize, height: iconSize })) : iconType === "internetSearch" ? (_jsx(InternetSearch, { width: iconSize, height: iconSize })) : iconType === "newsFeed" ? (_jsx(NewsFeed, { width: iconSize, height: iconSize })) : iconType === "paragraph" ? (_jsx(Paragraph, { width: iconSize, height: iconSize })) : iconType === "gridView" ? (_jsx(GridView, { width: iconSize, height: iconSize })) : iconType === "searchThin" ? (_jsx(SearchThin, { width: iconSize, height: iconSize })) : iconType === "companyPlaceholderAvatar" ? (_jsx(CompanyPlaceholderAvatar, { width: iconSize, height: iconSize })) : iconType === "profilePlaceholderAvatar" ? (_jsx(ProfilePlaceholderAvatar, { width: iconSize, height: iconSize })) : iconType === "videoPlayIcon" ? (_jsx(VideoPlayIcon, { width: iconSize, height: iconSize })) : iconType === "cloudUpload" ? (_jsx(CloudUpload, { width: iconSize, height: iconSize })) : iconType === "microphone" ? (_jsx(Microphone, { width: iconSize, height: iconSize })) : iconType === "pauseIcon" ? (_jsx(PauseIcon, { width: iconSize, height: iconSize })) : iconType === "playIcon" ? (_jsx(PlayIcon, { width: iconSize, height: iconSize })) : iconType === "retry" ? (_jsx(Retry, { width: iconSize, height: iconSize })) : iconType === "trendingUp" ? (_jsx(TrendingUp, { width: iconSize, height: iconSize })) : iconType === "database" ? (_jsx(Database, { width: iconSize, height: iconSize })) : null;
 };
 export default GetSvgIcon;

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

@@ -0,0 +1,7 @@
+interface CloudUploadProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const CloudUpload: ({ className, width, height, }: CloudUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default CloudUpload;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CloudUpload = ({ className = "", width = "20", height = "20", }) => {
+    return (_jsx("svg", { className: className, width: width, height: height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5.83706 13.3343C5.01624 13.3352 4.22394 13.0332 3.61195 12.4862C2.99996 11.9392 2.61132 11.1856 2.52048 10.3698C2.42965 9.55403 2.643 8.73341 3.11967 8.06518C3.59634 7.39695 4.30281 6.92808 5.10372 6.74842C4.87199 5.66766 5.07908 4.53911 5.67943 3.61104C6.27978 2.68297 7.22422 2.0314 8.30497 1.79967C9.38573 1.56794 10.5143 1.77502 11.4424 2.37537C12.3704 2.97572 13.022 3.92016 13.2537 5.00092H13.3371C14.3704 4.99988 15.3672 5.38282 16.134 6.0754C16.9008 6.76797 17.383 7.72078 17.4868 8.74884C17.5907 9.7769 17.3088 10.8069 16.696 11.6388C16.0831 12.4708 15.183 13.0453 14.1704 13.2509M12.5037 10.8343L10.0037 8.33425M10.0037 8.33425L7.50372 10.8343M10.0037 8.33425V18.3343", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+export default CloudUpload;

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

@@ -0,0 +1,7 @@
+interface DatabaseProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Database: ({ className, width, height, }: DatabaseProps) => import("react/jsx-runtime").JSX.Element;
+export default Database;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Database = ({ className = "", width = "16", height = "13", }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, className: className, viewBox: "0 0 16 13", fill: "none", children: _jsx("path", { d: "M0.75 4.13462V8.36538C0.75 10.2354 3.88425 11.75 7.75 11.75C11.6158 11.75 14.75 10.2354 14.75 8.36538M0.75 4.13462C0.75 6.00462 3.88425 7.51923 7.75 7.51923C11.6158 7.51923 14.75 6.00462 14.75 4.13462M0.75 4.13462C0.75 2.26462 3.88425 0.75 7.75 0.75C11.6158 0.75 14.75 2.26462 14.75 4.13462M14.75 8.78846V4.13462", stroke: "#D5D5D5", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+};
+export default Database;

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

@@ -0,0 +1,7 @@
+interface MicrophoneProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const Microphone: ({ className, width, height, }: MicrophoneProps) => import("react/jsx-runtime").JSX.Element;
+export default Microphone;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Microphone = ({ className = "", width = "24", height = "24", }) => {
+    return (_jsx("svg", { className: className, width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M18.7995 10.8848C18.7995 12.7219 18.0697 14.4839 16.7706 15.783C15.4715 17.082 13.7096 17.8118 11.8724 17.8118M11.8724 17.8118C10.0352 17.8118 8.27329 17.082 6.97421 15.783C5.67513 14.4839 4.94531 12.7219 4.94531 10.8848M11.8724 17.8118V21.7702M11.8724 21.7702H7.91406M11.8724 21.7702H15.8307M11.8724 13.8535C11.085 13.8535 10.3299 13.5407 9.77317 12.984C9.21642 12.4272 8.90365 11.6721 8.90365 10.8848V4.94727C8.90365 4.1599 9.21642 3.40479 9.77317 2.84804C10.3299 2.29129 11.085 1.97852 11.8724 1.97852C12.6598 1.97852 13.4149 2.29129 13.9716 2.84804C14.5284 3.40479 14.8411 4.1599 14.8411 4.94727V10.8848C14.8411 11.6721 14.5284 12.4272 13.9716 12.984C13.4149 13.5407 12.6598 13.8535 11.8724 13.8535Z", strokeWidth: "1.78125", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+export default Microphone;

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

@@ -0,0 +1,7 @@
+interface PauseIconProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const PauseIcon: ({ className, width, height, }: PauseIconProps) => import("react/jsx-runtime").JSX.Element;
+export default PauseIcon;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PauseIcon = ({ className = "", width = "24", height = "24", }) => {
+    return (_jsx("svg", { className: className, width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M15.5419 5.18164L15.5419 18.504M8.14062 5.18164V18.504", strokeWidth: "1.77632", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+export default PauseIcon;

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

@@ -0,0 +1,7 @@
+interface PlayIconProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const PlayIcon: ({ className, width, height, }: PlayIconProps) => import("react/jsx-runtime").JSX.Element;
+export default PlayIcon;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const PlayIcon = ({ className = "", width = "24", height = "24", }) => {
+    return (_jsx("svg", { className: className, width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5.17969 5.57858C5.17969 4.73416 6.08502 4.19886 6.82491 4.6058L18.2136 10.8696C18.9805 11.2914 18.9805 12.3934 18.2136 12.8152L6.82491 19.079C6.08501 19.4859 5.17969 18.9506 5.17969 18.1062V5.57858Z", strokeWidth: "1.77632", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+export default PlayIcon;