pixel-react 1.2.2 → 1.2.3

package/lib/components/Icon/types.d.ts

@@ -7,5 +7,5 @@ export interface IconProps {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
-    variant?: "dark" | "light";
+    variant?: 'dark' | 'light';
 }

package/lib/components/MiniModal/MiniModal.stories.d.ts

@@ -6,4 +6,5 @@ type Story = StoryObj<typeof MiniModal>;
 export declare const BasicModal: Story;
 export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
+export declare const normalModalFollowedByIcon: () => import("react/jsx-runtime").JSX.Element;
 export default meta;

package/lib/components/MiniModal/types.d.ts

@@ -1,8 +1,4 @@
 import { ReactNode, RefObject } from 'react';
-interface ButtonProps {
-    text: string;
-    onClick: () => void;
-}
 interface ModalDimensions {
     width?: number;
     height?: number;
@@ -23,11 +19,11 @@ export interface MiniEditModalProps {
     /**
      * Props for the cancel button inside the modal
      */
-    cancelButtonProps: ButtonProps;
+    cancelButtonProps?: any;
     /**
      * Props for the proceed button inside the modal.
      */
-    proceedButtonProps: ButtonProps;
+    proceedButtonProps?: any;
     /**
      * Optional content for the footer of the modal.
      */
@@ -44,6 +40,10 @@ export interface MiniEditModalProps {
      * Specifies if the modal should behave as a popover with an arrow.
      */
     isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
     /**
      * Sets the position of the modal relative to its anchor.
      * bottom: The modal appears below the anchor.

package/lib/index.d.ts

@@ -9,7 +9,7 @@ import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
 import ReCAPTCHA from 'react-google-recaptcha';
 
-interface ButtonProps$1 {
+interface ButtonProps {
     /**
      * Variant of the button
      */
@@ -70,7 +70,7 @@ interface ButtonProps$1 {
     transparentBackground?: boolean;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface BtnPropsCommon {
     /**
@@ -203,7 +203,7 @@ interface IconProps$1 {
     onClick?: (data?: any) => void;
     hoverEffect?: boolean;
     disabled?: boolean;
-    variant?: "dark" | "light";
+    variant?: 'dark' | 'light';
 }
 
 declare const Icon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<HTMLSpanElement>>;
@@ -1237,10 +1237,6 @@ declare const RadioButton: React__default.FC<RadioButtonProps>;
 
 declare const RadioGroup: React__default.FC<RadioGroupProps>;
 
-interface ButtonProps {
-    text: string;
-    onClick: () => void;
-}
 interface ModalDimensions {
     width?: number;
     height?: number;
@@ -1261,11 +1257,11 @@ interface MiniEditModalProps {
     /**
      * Props for the cancel button inside the modal
      */
-    cancelButtonProps: ButtonProps;
+    cancelButtonProps?: any;
     /**
      * Props for the proceed button inside the modal.
      */
-    proceedButtonProps: ButtonProps;
+    proceedButtonProps?: any;
     /**
      * Optional content for the footer of the modal.
      */
@@ -1282,6 +1278,10 @@ interface MiniEditModalProps {
      * Specifies if the modal should behave as a popover with an arrow.
      */
     isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
     /**
      * Sets the position of the modal relative to its anchor.
      * bottom: The modal appears below the anchor.
@@ -1988,4 +1988,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
 
 declare const truncateText: (text: string, maxLength: number) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };

package/lib/index.esm.js

@@ -208,7 +208,7 @@ const SvgExportCollectionIcon = (props) => /* @__PURE__ */ React.createElement("
 
 const SvgRunIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_5151_106068)" }, /* @__PURE__ */ React.createElement("g", { filter: "url(#filter0_d_5151_106068)" }, /* @__PURE__ */ React.createElement("path", { d: "M24.8701 12C24.8701 18.6274 19.4975 24 12.8701 24C6.2427 24 0.870117 18.6274 0.870117 12C0.870117 5.37258 6.2427 0 12.8701 0C19.4975 0 24.8701 5.37258 24.8701 12Z", fill: "url(#paint0_linear_5151_106068)" })), /* @__PURE__ */ React.createElement("path", { d: "M11.2033 15.7503L16.2033 12.0003L11.2033 8.25032V15.7503ZM12.87 3.66699C11.2218 3.66699 9.61061 4.15573 8.24021 5.07141C6.8698 5.98709 5.80169 7.28858 5.17096 8.8113C4.54023 10.334 4.3752 12.0096 4.69675 13.6261C5.01829 15.2426 5.81196 16.7274 6.9774 17.8929C8.14284 19.0583 9.6277 19.852 11.2442 20.1735C12.8607 20.4951 14.5363 20.33 16.059 19.6993C17.5817 19.0686 18.8832 18.0005 19.7989 16.6301C20.7145 15.2597 21.2033 13.6485 21.2033 12.0003C21.2033 9.79019 20.3253 7.67057 18.7625 6.10777C17.1997 4.54497 15.0801 3.66699 12.87 3.66699ZM12.87 18.667C11.5514 18.667 10.2625 18.276 9.16616 17.5435C8.06983 16.8109 7.21535 15.7697 6.71076 14.5515C6.20618 13.3334 6.07415 11.9929 6.33139 10.6997C6.58862 9.40652 7.22356 8.21863 8.15591 7.28628C9.08826 6.35393 10.2761 5.71899 11.5694 5.46176C12.8626 5.20452 14.203 5.33654 15.4212 5.84113C16.6394 6.34571 17.6805 7.2002 18.4131 8.29652C19.1456 9.39285 19.5366 10.6818 19.5366 12.0003C19.5344 13.7678 18.8313 15.4622 17.5816 16.7119C16.3318 17.9617 14.6374 18.6648 12.87 18.667Z", fill: "currentColor" })), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "filter0_d_5151_106068", x: -0.129883, y: -3, width: 28, height: 28, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: 1, dy: -1 }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: 1 }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.1 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_5151_106068" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_5151_106068", result: "shape" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_5151_106068", x1: 2.59783, y1: 2.34599, x2: 24.8701, y2: 24, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#2A6F09" }), /* @__PURE__ */ React.createElement("stop", { stopColor: "#44B002" })), /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_5151_106068" }, /* @__PURE__ */ React.createElement("rect", { width: 24, height: 24, fill: "currentColor", transform: "translate(0.870117)" }))));
 
-const SvgAddVariableIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M4.5 16V16C2.567 16 1 14.433 1 12.5V4.5C1 2.567 2.567 1 4.5 1V1M11.5 1V1C13.433 1 15 2.567 15 4.5V8.5V12.25", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M15 15V17M15 17V19M15 17H13M15 17H17", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M8.50631 10.8893L10.4739 6H12L9.35135 12H7.63604L5 6H6.53874L8.50631 10.8893Z", fill: "currentColor" }));
+const SvgAddVariableIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.9799 1.39074L14.98 1.39066C14.7152 1.10024 14.2958 0.91202 13.667 0.901363L13.6603 0.901248L13.6603 0.901202C12.7479 0.873384 11.9951 1.10031 11.384 1.55729C10.8289 1.97239 10.3593 2.60115 10.001 3.47483C10.1534 3.44887 10.311 3.43399 10.4753 3.43399C10.7848 3.43399 11.4004 3.4707 11.7695 3.94829L11.7739 3.95398L11.7738 3.95401C12.0596 4.33506 12.0442 4.83443 11.9167 5.28791L11.9148 5.29459L11.9148 5.29458C11.8487 5.5177 11.679 5.86554 11.4767 6.23962C11.2662 6.62901 10.996 7.09066 10.702 7.55973L10.6993 7.56416L10.6992 7.56414C10.3347 8.13251 10.0495 8.55478 9.83621 8.83812C9.73082 8.9781 9.63297 9.09769 9.54476 9.18669C9.50132 9.23051 9.44774 9.27975 9.3864 9.32131C9.33933 9.3532 9.21625 9.43126 9.04751 9.43126H9.03969L9.03189 9.43102C8.86024 9.42565 8.74138 9.34197 8.68565 9.29502C8.62506 9.24396 8.58139 9.18766 8.55261 9.14632C8.49422 9.06244 8.44439 8.96269 8.40245 8.86844C8.31617 8.6746 8.22417 8.41394 8.13119 8.12159C7.94369 7.5321 7.73346 6.75358 7.53672 5.98052C7.33946 5.20536 7.15363 4.42727 7.01499 3.8353C6.94564 3.53916 6.88802 3.28929 6.84663 3.10947L6.79742 2.89575C6.78998 2.86356 6.7853 2.8436 6.78273 2.83267C6.78085 2.82467 6.78011 2.82151 6.78026 2.82195C6.57968 2.09733 6.4571 1.68312 6.26635 1.42424C6.18505 1.31391 6.0959 1.24128 5.9786 1.19094C5.85381 1.13739 5.67159 1.09837 5.39186 1.09837C5.26627 1.09837 5.03076 1.1623 4.67253 1.3451C4.32974 1.52003 3.92898 1.77495 3.49123 2.08709C2.6167 2.71068 1.63791 3.53124 0.748646 4.31012L0.746028 4.31241L0.74602 4.3124L0.529348 4.49953L0.770345 4.803C1.04584 4.59868 1.33341 4.39361 1.60844 4.23668C1.8837 4.07963 2.21683 3.9283 2.55433 3.92635C3.08046 3.91574 3.42074 4.32093 3.64468 4.72599C3.88424 5.15933 4.10594 5.79526 4.33533 6.63214C4.78297 8.25095 5.33179 9.99936 5.93252 11.3357C6.23406 12.0064 6.53701 12.5465 6.83047 12.9111C7.13988 13.2955 7.35241 13.3793 7.4597 13.3793C8.04015 13.3793 8.72417 13.1366 9.55755 12.509C10.3917 11.8809 11.3418 10.8921 12.4423 9.46323L14.9799 1.39074ZM14.9799 1.39074L14.9874 1.39862M14.9799 1.39074L14.9874 1.39862M14.9874 1.39862C15.338 1.76673 15.549 2.45607 15.4903 3.5376L15.4902 3.5376M14.9874 1.39862L15.4902 3.5376M15.4902 3.5376L15.4899 3.54442M15.4902 3.5376L15.4899 3.54442M15.4899 3.54442C15.4633 4.19952 15.2114 5.02391 14.6981 6.02812M15.4899 3.54442L14.6981 6.02812M14.6981 6.02812C14.1875 7.02705 13.4345 8.17281 12.4424 9.46314L14.6981 6.02812Z", fill: "currentColor", stroke: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M13.4708 9.75072H15.8999V11.1833H13.4708H13.3708V11.2833V13.7793H11.8044V11.2833V11.1833H11.7044H9.27529V9.75072H11.7044H11.8044V9.65072V7.15469H13.3708V9.65072V9.75072H13.4708Z", fill: "currentColor", stroke: "white", strokeWidth: 0.2 }));
 
 const SvgManualLocator = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6.99999 7.83672C9.17511 7.83672 10.9385 6.08242 10.9385 3.91837C10.9385 1.75431 9.17511 0 6.99999 0C4.82484 0 3.06152 1.75431 3.06152 3.91837C3.06152 6.08242 4.82484 7.83672 6.99999 7.83672Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M9.05126 9.46942H4.9487C2.56921 9.46942 0.599976 11.4287 0.599976 13.796C0.599976 14.3674 0.846128 14.8573 1.33844 15.1021C2.0769 15.5103 3.71793 16 6.99998 16C10.2821 16 11.923 15.5103 12.6615 15.1021C13.0717 14.8573 13.4 14.3674 13.4 13.796C13.4 11.347 11.4308 9.46942 9.05126 9.46942Z", fill: "currentColor" }));
 
@@ -356,6 +356,12 @@ const SvgAddFile = (props) => /* @__PURE__ */ React.createElement("svg", { width
 
 const SvgEyeClosed = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7651 6.07607C14.9992 6.22242 15.0704 6.5309 14.9241 6.76507C14.485 7.46755 13.9633 8.10658 13.3703 8.66318L14.5713 9.8642C14.7666 10.0595 14.7666 10.376 14.5713 10.5713C14.376 10.7666 14.0595 10.7666 13.8642 10.5713L12.6012 9.30831C11.8051 9.90297 10.909 10.3622 9.93383 10.6512L10.383 12.3278C10.4545 12.5946 10.2962 12.8687 10.0295 12.9402C9.76275 13.0116 9.48858 12.8534 9.41712 12.5866L8.95924 10.8777C8.4875 10.9581 8.00042 11.0001 7.50007 11.0001C6.9997 11.0001 6.51262 10.9581 6.04087 10.8777L5.58303 12.5866C5.51157 12.8533 5.23741 13.0116 4.97068 12.9402C4.70394 12.8687 4.54564 12.5946 4.6171 12.3278L5.06629 10.6512C4.09115 10.3622 3.19506 9.90296 2.39892 9.30829L1.13591 10.5713C0.940646 10.7666 0.624063 10.7666 0.428801 10.5713C0.233539 10.376 0.233539 10.0595 0.428801 9.86419L1.62984 8.66316C1.03683 8.10656 0.515117 7.46754 0.0760684 6.76507C-0.0702873 6.5309 0.000898553 6.22242 0.235066 6.07607C0.469234 5.92971 0.77771 6.0009 0.924065 6.23507C1.40355 7.00224 1.98901 7.68069 2.66235 8.24283C2.67317 8.25109 2.68373 8.25985 2.69399 8.26911C4.009 9.35541 5.65541 10.0001 7.50007 10.0001C10.3079 10.0001 12.6565 8.50643 14.0761 6.23507C14.2224 6.0009 14.5309 5.92971 14.7651 6.07607Z", fill: "currentColor" }));
 
+const SvgAttachmentIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12.4416 8.46804L7.40855 13.5092C6.74872 14.0956 5.88979 14.4077 5.00744 14.3818C4.1251 14.3558 3.28601 13.9937 2.66183 13.3695C2.03764 12.7453 1.67553 11.9062 1.64956 11.0239C1.62358 10.1415 1.93571 9.2826 2.5221 8.62278L9.03736 2.10752C9.42634 1.73802 9.94236 1.532 10.4789 1.532C11.0154 1.532 11.5314 1.73802 11.9204 2.10752C12.2994 2.49158 12.5118 3.00945 12.5118 3.54902C12.5118 4.08859 12.2994 4.60645 11.9204 4.99052L6.30095 10.6018C6.24534 10.6617 6.17847 10.71 6.10417 10.7441C6.02987 10.7781 5.94959 10.7972 5.86792 10.8002C5.78624 10.8033 5.70477 10.7902 5.62816 10.7617C5.55154 10.7333 5.48128 10.69 5.42139 10.6344C5.3615 10.5788 5.31315 10.5119 5.2791 10.4376C5.24505 10.3633 5.22596 10.283 5.22294 10.2013C5.21991 10.1197 5.23301 10.0382 5.26147 9.96157C5.28993 9.88496 5.3332 9.8147 5.38881 9.75481L9.56673 5.58504C9.72008 5.43168 9.80624 5.22369 9.80624 5.00681C9.80624 4.78993 9.72008 4.58193 9.56673 4.42858C9.41337 4.27522 9.20538 4.18907 8.9885 4.18907C8.77162 4.18907 8.56362 4.27522 8.41027 4.42858L4.23235 8.61464C4.0233 8.82207 3.85737 9.06883 3.74414 9.3407C3.63091 9.61256 3.57262 9.90415 3.57262 10.1987C3.57262 10.4932 3.63091 10.7848 3.74414 11.0566C3.85737 11.3285 4.0233 11.5752 4.23235 11.7827C4.65941 12.1895 5.22659 12.4164 5.81638 12.4164C6.40617 12.4164 6.97335 12.1895 7.4004 11.7827L13.0117 6.16327C13.659 5.46854 14.0115 4.54966 13.9947 3.60022C13.978 2.65077 13.5933 1.7449 12.9219 1.07344C12.2504 0.401975 11.3445 0.0173533 10.3951 0.000601484C9.44565 -0.0161503 8.52677 0.336276 7.83204 0.983633L1.31677 7.4989C0.43819 8.47198 -0.0310478 9.74654 0.00682632 11.057C0.0447004 12.3675 0.586766 13.6128 1.52008 14.5336C2.4534 15.4543 3.70598 15.9794 5.01686 15.9994C6.32774 16.0195 7.59581 15.533 8.55686 14.6413L13.598 9.60821C13.674 9.53228 13.7342 9.44213 13.7753 9.34292C13.8164 9.24371 13.8376 9.13737 13.8376 9.02998C13.8376 8.9226 13.8164 8.81626 13.7753 8.71705C13.7342 8.61783 13.674 8.52769 13.598 8.45175C13.5221 8.37582 13.432 8.31559 13.3328 8.27449C13.2335 8.23339 13.1272 8.21224 13.0198 8.21224C12.9124 8.21224 12.8061 8.23339 12.7069 8.27449C12.6077 8.31559 12.5175 8.37582 12.4416 8.45175V8.46804Z", fill: "currentColor" }));
+
+const SvgVariableIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10.5 4.5L8.40169 10.5H6.59831L4.5 4.5H6.03371L7.5 9.02991L8.97472 4.5H10.5Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.28395 1.28395C2.21109 0.356801 3.60069 0 5.4 0H9.6C11.3993 0 12.7889 0.356801 13.7161 1.28395C14.6432 2.21109 15 3.60069 15 5.4V9.6C15 11.3993 14.6432 12.7889 13.7161 13.7161C12.7889 14.6432 11.3993 15 9.6 15H5.4C3.60069 15 2.21109 14.6432 1.28395 13.7161C0.356801 12.7889 0 11.3993 0 9.6V5.4C0 3.60069 0.356801 2.21109 1.28395 1.28395ZM1.99105 1.99105C1.3432 2.63891 1 3.69931 1 5.4V9.6C1 11.3007 1.3432 12.3611 1.99105 13.0089C2.63891 13.6568 3.69931 14 5.4 14H9.6C11.3007 14 12.3611 13.6568 13.0089 13.0089C13.6568 12.3611 14 11.3007 14 9.6V5.4C14 3.69931 13.6568 2.63891 13.0089 1.99105C12.3611 1.3432 11.3007 1 9.6 1H5.4C3.69931 1 2.63891 1.3432 1.99105 1.99105Z", fill: "currentColor" }));
+
+const SvgAuthorizationIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.01996 1.20377C8.85437 1.81129 10.7372 2.52661 12.3472 3.151C12.4591 3.88383 12.6126 5.14073 12.6419 6.66013C12.6679 8.39079 12.5248 9.3455 12.4613 9.67831C12.3285 10.1368 12.0497 10.6349 11.6329 11.1587C11.1385 11.7793 10.4653 12.4246 9.6322 13.0762L9.63063 13.0774C8.44655 14.0068 7.35028 14.6059 7.01996 14.7784C6.68964 14.6062 5.59462 14.0084 4.41116 13.0796L4.40959 13.0784C3.57677 12.4271 2.90394 11.7821 2.41049 11.1618C2.01455 10.664 1.74329 10.1889 1.60329 9.74988C1.59954 9.73519 1.59548 9.7205 1.59079 9.7055C1.52829 9.49394 1.32735 8.64173 1.35766 6.54419C1.39079 5.20791 1.51329 4.01414 1.70454 3.14287C3.30957 2.5213 5.1868 1.80941 7.01996 1.20377ZM7.01996 0C6.92589 0 6.83152 0.0150003 6.73995 0.0453134C4.94273 0.63595 3.09926 1.32878 1.22453 2.05504C0.97234 2.15285 0.760773 2.3338 0.62327 2.5538C0.633896 2.55505 0.23795 3.79101 0.170449 6.52075C0.130448 9.25081 0.470455 10.0686 0.459205 10.0696C0.643271 10.6696 0.987652 11.2799 1.4811 11.9005C2.03267 12.5937 2.778 13.3096 3.67833 14.0134C5.16867 15.1831 6.56339 15.8822 6.62183 15.9069C6.74808 15.9688 6.88214 16 7.02027 16C7.15871 16 7.29309 15.9684 7.41934 15.9062C7.47809 15.8816 8.87437 15.1803 10.3641 14.0109C11.2647 13.3065 12.0101 12.5906 12.5619 11.8977C13.0907 11.233 13.4482 10.5808 13.621 9.9402C13.6141 9.93926 13.8642 8.93674 13.8295 6.6395C13.7854 4.34258 13.4654 2.64849 13.4698 2.64693C13.3366 2.38723 13.1032 2.17004 12.8176 2.0591C10.9425 1.33253 9.09875 0.63845 7.30121 0.0459384C7.20902 0.0156253 7.11434 0 7.01996 0Z", fill: "currentColor" }));
+
 const SvgCloneIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.86942 0.0111092H12.8728C13.7018 0.0123063 14.4965 0.342161 15.0828 0.928364C15.669 1.51457 15.9988 2.30928 16 3.1383V9.8924C15.9988 10.7214 15.669 11.5161 15.0828 12.1023C14.4965 12.6885 13.7018 13.0184 12.8728 13.0196H12.2586C12.2176 13.8104 11.8782 14.5578 11.3068 15.1097C10.7104 15.6858 9.90991 16.0018 9.08083 15.9885H3.18372C2.35443 16.0018 1.55368 15.6859 0.956918 15.1099C0.360155 14.5339 0.0160501 13.7448 0 12.9156V6.05293C0.0160501 5.22369 0.360155 4.43463 0.956918 3.85864C1.55368 3.28264 2.35443 2.96669 3.18372 2.98001H3.74183C3.76016 2.62314 3.83951 2.27164 3.97679 1.94088C4.13434 1.56131 4.3651 1.21649 4.6559 0.926106C4.94671 0.63572 5.29187 0.405455 5.67166 0.24846C6.05146 0.0914646 6.45846 0.010813 6.86942 0.0111092ZM3.73771 4.11059H3.18372C2.65408 4.0966 2.14051 4.29322 1.75562 4.65733C1.37074 5.02144 1.14596 5.52333 1.13058 6.05293V12.9065C1.14596 13.4361 1.37074 13.938 1.75562 14.3021C2.14051 14.6662 2.65408 14.8629 3.18372 14.8489H9.08083C9.61009 14.8622 10.1231 14.6654 10.5075 14.3013C10.8644 13.9633 11.0834 13.5067 11.1252 13.0196H6.86942C6.45846 13.0199 6.05146 12.9392 5.67166 12.7822C5.29187 12.6252 4.94671 12.395 4.6559 12.1046C4.3651 11.8142 4.13434 11.4694 3.97679 11.0898C3.81925 10.7102 3.73801 10.3034 3.73771 9.8924V4.11059ZM11.7002 11.889L11.697 11.889L11.6939 11.889H6.86942C6.34007 11.8884 5.83258 11.6779 5.45827 11.3036C5.08396 10.9292 4.87341 10.4217 4.87282 9.8924V3.1383C4.87341 2.60895 5.08396 2.10145 5.45827 1.72715C5.83258 1.35284 6.34007 1.14229 6.86942 1.14169H12.8728C13.4022 1.14229 13.9097 1.35284 14.284 1.72715C14.6583 2.10145 14.8688 2.60895 14.8694 3.1383V9.8924C14.8688 10.4217 14.6583 10.9292 14.284 11.3036C13.9097 11.6779 13.4022 11.8884 12.8728 11.889H11.7002ZM12.2962 4.58997H7.4415C7.29157 4.58997 7.14779 4.64952 7.04178 4.75554C6.93577 4.86155 6.87621 5.00533 6.87621 5.15526C6.87621 5.30518 6.93577 5.44897 7.04178 5.55498C7.14779 5.66099 7.29157 5.72055 7.4415 5.72055H12.2962C12.4461 5.72055 12.5899 5.66099 12.6959 5.55498C12.802 5.44897 12.8615 5.30518 12.8615 5.15526C12.8615 5.00533 12.802 4.86155 12.6959 4.75554C12.5899 4.64952 12.4461 4.58997 12.2962 4.58997ZM7.4415 7.32144H12.2962C12.4461 7.32144 12.5899 7.381 12.6959 7.48701C12.802 7.59303 12.8615 7.73681 12.8615 7.88673C12.8615 8.03666 12.802 8.18044 12.6959 8.28646C12.5899 8.39247 12.4461 8.45203 12.2962 8.45203H7.4415C7.29157 8.45203 7.14779 8.39247 7.04178 8.28646C6.93577 8.18044 6.87621 8.03666 6.87621 7.88673C6.87621 7.73681 6.93577 7.59303 7.04178 7.48701C7.14779 7.381 7.29157 7.32144 7.4415 7.32144Z", fill: "currentColor" }));
 
 const SvgMoveIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.3333 15.3334H11C10.0667 15.3334 9.33333 14.6 9.33333 13.6667V10.3334C9.33333 9.40002 10.0667 8.66669 11 8.66669H14.3333C15.2667 8.66669 16 9.40002 16 10.3334V13.6667C16 14.6 15.2667 15.3334 14.3333 15.3334ZM11 10C10.8 10 10.6667 10.1334 10.6667 10.3334V13.6667C10.6667 13.8667 10.8 14 11 14H14.3333C14.5333 14 14.6667 13.8667 14.6667 13.6667V10.3334C14.6667 10.1334 14.5333 10 14.3333 10H11Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M5 15.3334H1.66667C0.733333 15.3334 0 14.6 0 13.6667V10.3334C0 9.40002 0.733333 8.66669 1.66667 8.66669H5C5.93333 8.66669 6.66667 9.40002 6.66667 10.3334V13.6667C6.66667 14.6 5.93333 15.3334 5 15.3334Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.6667 7.33335C12.4667 7.33335 12.3333 7.26669 12.2 7.13335L10.8667 5.80002C10.6 5.53335 10.6 5.13335 10.8667 4.86669C11.1333 4.60002 11.5333 4.60002 11.8 4.86669L11.8667 4.93335C11.4 3.20002 9.80001 2.00002 8.00001 2.00002C5.80001 2.00002 4.00001 3.80002 4.00001 6.00002C4.00001 6.40002 3.73334 6.66669 3.33334 6.66669C2.93334 6.66669 2.66667 6.40002 2.66667 6.00002C2.66667 3.06669 5.06667 0.666687 8.00001 0.666687C10.6667 0.666687 12.8667 2.60002 13.2667 5.13335L13.5333 4.86669C13.8 4.60002 14.2 4.60002 14.4667 4.86669C14.7333 5.13335 14.7333 5.53335 14.4667 5.80002L13.1333 7.13335C13 7.26669 12.8667 7.33335 12.6667 7.33335Z", fill: "currentColor" }));
@@ -374,6 +380,14 @@ const SvgClientProfile = (props) => /* @__PURE__ */ React.createElement("svg", {
 
 const SvgLicenseExpired = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "path-1-inside-1_794_7546", fill: "white" }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z" })), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4674 0.217769C19.4684 -0.0725897 20.5315 -0.0725897 21.5326 0.217769C22.179 0.4053 22.7305 0.730828 23.2743 1.1273C23.7924 1.50514 24.382 2.00759 25.0836 2.60544L25.4439 2.9126C26.0716 3.44749 26.2431 3.58556 26.4193 3.68605C26.601 3.78954 26.7948 3.86986 26.9965 3.92509C27.1923 3.97875 27.411 4.00232 28.2332 4.06791L28.7051 4.10558C29.624 4.17888 30.3962 4.2405 31.0298 4.33971C31.6945 4.44384 32.3147 4.60362 32.9045 4.92817C33.8175 5.4307 34.5693 6.18235 35.0719 7.09554C35.3964 7.68528 35.5562 8.30544 35.6602 8.97024C35.7595 9.60384 35.8211 10.376 35.8943 11.2949L35.9321 11.7668C35.9977 12.5889 36.0211 12.8077 36.0749 13.0035C36.1301 13.2051 36.2104 13.399 36.3138 13.5806C36.4144 13.757 36.5525 13.9284 37.0874 14.556L37.3945 14.9165C37.9925 15.618 38.4948 16.2076 38.8727 16.7258C39.2692 17.2693 39.5947 17.8209 39.7821 18.4674C40.0726 19.4685 40.0726 20.5314 39.7821 21.5325C39.5947 22.179 39.2692 22.7306 38.8727 23.2743C38.4948 23.7925 37.9925 24.3818 37.3947 25.0834L37.0874 25.4439C36.5525 26.0715 36.4144 26.243 36.3138 26.4194C36.2104 26.601 36.1301 26.7949 36.0749 26.9966C36.0211 27.1922 35.9977 27.4111 35.9321 28.2331L35.8943 28.705C35.8211 29.6239 35.7595 30.3961 35.6602 31.0296C35.5562 31.6944 35.3964 32.3146 35.0719 32.9044C34.5693 33.8176 33.8175 34.5692 32.9045 35.0717C32.3147 35.3964 31.6945 35.5561 31.0298 35.6603C30.3962 35.7595 29.624 35.8211 28.7051 35.8944L28.2332 35.932C27.411 35.9976 27.1923 36.0212 26.9965 36.0748C26.7948 36.13 26.601 36.2105 26.4193 36.3139C26.2431 36.4143 26.0716 36.5525 25.4439 37.0873L25.0834 37.3946C24.382 37.9923 23.7924 38.4949 23.2743 38.8726C22.7305 39.2691 22.179 39.5946 21.5326 39.7822C20.5315 40.0725 19.4684 40.0725 18.4674 39.7822C17.821 39.5946 17.2694 39.2691 16.7257 38.8726C16.2076 38.4949 15.618 37.9923 14.9165 37.3946L14.556 37.0873C13.9283 36.5525 13.757 36.4143 13.5806 36.3139C13.399 36.2105 13.2051 36.13 13.0035 36.0748C12.8077 36.0212 12.5889 35.9976 11.7668 35.932L11.2949 35.8944C10.376 35.8211 9.60384 35.7595 8.97024 35.6603C8.30544 35.5561 7.68528 35.3964 7.09554 35.0717C6.18235 34.5692 5.4307 33.8176 4.92817 32.9044C4.6036 32.3146 4.44382 31.6944 4.33971 31.0296C4.24048 30.3961 4.17888 29.6241 4.10558 28.7052L4.06791 28.2331C4.00232 27.4111 3.97875 27.1922 3.9251 26.9966C3.86986 26.7949 3.78954 26.601 3.68605 26.4194C3.58554 26.243 3.44749 26.0715 2.91258 25.4439L2.6054 25.0834C2.00757 24.382 1.50512 23.7925 1.1273 23.2743C0.730829 22.7306 0.4053 22.179 0.217769 21.5325C-0.0725897 20.5314 -0.0725897 19.4685 0.217769 18.4674C0.4053 17.8209 0.730829 17.2693 1.1273 16.7258C1.50514 16.2076 2.00757 15.618 2.60542 14.9165L2.91258 14.556C3.44749 13.9284 3.58554 13.757 3.68605 13.5806C3.78954 13.399 3.86986 13.2051 3.9251 13.0035C3.97875 12.8077 4.00232 12.5889 4.06791 11.7668L4.10558 11.2947C4.17888 10.376 4.24048 9.6038 4.33971 8.97024C4.44382 8.30544 4.6036 7.68528 4.92817 7.09554C5.4307 6.18235 6.18235 5.43072 7.09554 4.92817C7.68528 4.60362 8.30544 4.44384 8.97024 4.33971C9.6038 4.2405 10.3759 4.17888 11.2947 4.10558L11.7668 4.06791C12.5889 4.00232 12.8077 3.97875 13.0035 3.92509C13.2051 3.86986 13.399 3.78954 13.5806 3.68605C13.757 3.58556 13.9283 3.44749 14.556 2.9126L14.9165 2.60544C15.618 2.00759 16.2076 1.50514 16.7257 1.1273C17.2694 0.730828 17.821 0.4053 18.4674 0.217769Z", fill: "url(#paint0_linear_794_7546)" }), /* @__PURE__ */ React.createElement("path", { d: "M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM25.0836 2.60544L25.7323 1.84445L25.7321 1.8443L25.0836 2.60544ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55493L26.4193 3.68605ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM26.4193 36.3139L25.9245 35.4449L25.9242 35.445L26.4193 36.3139ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM25.0834 37.3946L25.732 38.1557L25.7321 38.1556L25.0834 37.3946ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM16.7257 38.8726L17.3149 38.0646L17.3148 38.0645L16.7257 38.8726ZM14.9165 37.3946L14.2678 38.1556L14.2679 38.1557L14.9165 37.3946ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM13.0035 36.0748L13.2676 35.1103H13.2676L13.0035 36.0748ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM3.68605 26.4194L2.81713 26.9143L2.81717 26.9144L3.68605 26.4194ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM4.10558 11.2947L5.10242 11.3743L5.10242 11.3743L4.10558 11.2947ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM14.9165 2.60544L15.5651 3.36655L15.5651 3.36654L14.9165 2.60544ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319312L16.7257 1.1273ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM22.6851 1.93528C23.1659 2.2859 23.7233 2.76013 24.435 3.36658L25.7321 1.8443C25.0406 1.25505 24.4189 0.724374 23.8635 0.319312L22.6851 1.93528ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM25.9243 4.55493C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81717L25.9243 4.55493ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM34.1957 7.5776C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81564C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.5776ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5526 36.9289 11.6873L34.9353 11.8464ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.0648 22.6851C37.714 23.1659 37.2399 23.7231 36.6335 24.4349L38.1559 25.732C38.745 25.0405 39.2755 24.419 39.6806 23.8636L38.0648 22.6851ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1208 27.0232 37.1828 26.9142L35.4448 25.9246ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.8189 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.3541 34.4658 35.948 33.3865L34.1958 32.4223ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM25.9242 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7528 37.2859 26.84 37.2251 26.9144 37.1827L25.9242 35.445ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM24.4347 36.6335C23.7232 37.2399 23.1659 37.7141 22.6852 38.0645L23.8633 39.6807C24.4189 39.2757 25.0407 38.7448 25.732 38.1557L24.4347 36.6335ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM17.3148 38.0645C16.834 37.7141 16.2768 37.2399 15.5651 36.6334L14.2679 38.1557C14.9592 38.7448 15.5811 39.2757 16.1366 39.6807L17.3148 38.0645ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.2045 36.3261C14.6097 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.247 37.2857 13.9075 37.8485L15.2045 36.3261ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55493 25.9244L2.81717 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM4.55497 25.9244C4.39638 25.646 4.18096 25.3905 3.67364 24.7952L2.15152 26.0926C2.71401 26.7525 2.77471 26.8399 2.81713 26.9143L4.55497 25.9244ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319381 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM5.10242 11.3743C5.17677 10.4423 5.23559 9.71285 5.32766 9.12498L3.35175 8.81551C3.24537 9.49474 3.181 10.3096 3.10875 11.2152L5.10242 11.3743ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM9.12495 5.32767C9.71285 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM15.5651 3.36654C16.2766 2.76014 16.8341 2.28589 17.3149 1.93528L16.1365 0.319312C15.581 0.724382 14.9593 1.25505 14.2678 1.84433L15.5651 3.36654ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531Z", fill: "url(#paint1_linear_794_7546)", mask: "url(#path-1-inside-1_794_7546)" }), /* @__PURE__ */ React.createElement("path", { d: "M20 29.0405H11.5954C11.3154 29.0405 11.0402 28.9658 10.7977 28.8237C10.5552 28.6817 10.3538 28.4775 10.2138 28.2315C10.0737 27.9855 10 27.7065 10 27.4224C10 27.1384 10.0737 26.8594 10.2137 26.6134L14.416 19.2315L18.6183 11.8496C18.7583 11.6036 18.9597 11.3993 19.2023 11.2573C19.4448 11.1153 19.7199 11.0405 20 11.0405C20.2801 11.0405 20.5552 11.1153 20.7977 11.2573C21.0403 11.3993 21.2417 11.6036 21.3817 11.8496L25.584 19.2315L29.7863 26.6134C29.9263 26.8594 30 27.1384 30 27.4224C30 27.7065 29.9263 27.9855 29.7862 28.2315C29.6462 28.4775 29.4448 28.6817 29.2023 28.8237C28.9598 28.9658 28.6846 29.0405 28.4046 29.0405H20Z", fill: "white" }), /* @__PURE__ */ React.createElement("path", { d: "M21 16.8183C21 16.3888 20.5523 16.0405 20 16.0405C19.4477 16.0405 19 16.3888 19 16.8183V22.2627C19 22.6923 19.4477 23.0405 20 23.0405C20.5523 23.0405 21 22.6923 21 22.2627V16.8183Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M20 26.0405C20.5523 26.0405 21 25.5928 21 25.0405C21 24.4882 20.5523 24.0405 20 24.0405C19.4477 24.0405 19 24.4882 19 25.0405C19 25.5928 19.4477 26.0405 20 26.0405Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_794_7546", x1: 20, y1: 1.0899, x2: 20.6375, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#E42525" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#C90000" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint1_linear_794_7546", x1: 20, y1: 1.21631, x2: 20, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#A90707" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#E42525" }))));
 
+const SvgAddTestcase = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0666 0C12.2086 0 12.3507 0.017758 12.475 0.0355161C13.7358 0.0887902 15.9733 2.71698 15.9733 3.94229V13.7447C15.9733 14.9878 14.9611 16 13.7181 16H3.9689C2.72583 16 0.0621275 13.7092 0.0621275 12.4661C0.0443694 12.3241 0.0266113 12.182 0.0266113 12.04V10.2109V2.25527C0.0266113 1.70477 0.22195 1.20755 0.541595 0.81687C0.701417 0.621532 0.896756 0.461709 1.10985 0.319645C1.44726 0.124306 1.85569 0 2.28188 0H10.202H12.0311H12.0666ZM13.7358 15.6093C14.7658 15.6093 15.6182 14.7747 15.6182 13.727V3.96004C15.6182 3.48058 15.121 2.57492 14.4106 1.7758C14.3396 1.68701 14.2686 1.61598 14.1975 1.54495C14.2686 1.7758 14.3041 2.00666 14.3041 2.25527V12.0044C14.3041 13.2475 13.2919 14.2597 12.0488 14.2597H12.0133H2.26413C1.99775 14.2597 1.73138 14.2242 1.50053 14.1354C1.54492 14.1798 1.59376 14.2242 1.64259 14.2686C1.69143 14.313 1.74026 14.3574 1.78466 14.4018C2.58377 15.1121 3.48943 15.6093 3.9689 15.6093H13.7358ZM6.45599 3.30185H7.89315V6.44164H11.0329V7.8788H7.89315V11.0186H6.45599V7.8788H3.31621V6.44164H6.45599V3.30185Z", fill: "currentColor" }));
+
+const SvgAutomationTestcase = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.23636 5.52274H7.16533L6.40173 8.68367H7.94668L7.23636 5.52274Z", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M12.475 0.0355161C12.3507 0.017758 12.2086 0 12.0666 0H12.0311H10.202H2.28188C1.03882 0 0.0266113 1.01221 0.0266113 2.25527V10.2109V12.04C0.0266113 12.182 0.0443694 12.3241 0.0621275 12.4661C0.0621275 13.7092 2.72583 16 3.9689 16H13.7181C14.9611 16 15.9733 14.9878 15.9733 13.7447V3.94229C15.9733 2.71698 13.7358 0.0887902 12.475 0.0355161ZM6.47278 3.28524H7.9467L9.84681 11.01H8.47944L8.21307 9.83796H6.13538L5.85125 11.01H4.48388L6.47278 3.28524ZM15.6182 13.727C15.6182 14.7747 14.7658 15.6093 13.7358 15.6093H3.9689C3.48943 15.6093 2.58377 15.1121 1.78466 14.4018C1.69587 14.313 1.58932 14.2242 1.50053 14.1354C1.73138 14.2242 1.99775 14.2597 2.26413 14.2597H12.0133H12.0488C13.2919 14.2597 14.3041 13.2475 14.3041 12.0044V2.25527C14.3041 2.00666 14.2686 1.7758 14.1975 1.54495C14.2686 1.61598 14.3396 1.68701 14.4106 1.7758C15.121 2.57492 15.6182 3.48058 15.6182 3.96004V13.727Z", fill: "currentColor" }));
+
+const SvgManualTestcase = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12.4877 0.0354767C12.3636 0.0177383 12.2217 0 12.0797 0H12.0443H10.2172H2.30591C2.23496 0 2.14627 -1.71809e-08 2.07531 0.0177383C2.00436 0.0177383 1.9334 0.0354768 1.84471 0.0532151C1.73828 0.0709535 1.63185 0.10643 1.52542 0.141907C1.45447 0.159645 1.38352 0.195122 1.3303 0.230599C1.20613 0.301552 1.08196 0.372506 0.957795 0.461197C0.780411 0.585366 0.638505 0.745011 0.496598 0.922395C0.478859 0.957871 0.461121 0.97561 0.425644 1.01109C0.177307 1.36585 0.0354004 1.80931 0.0354004 2.27051V12.0443C0.0354004 12.1863 0.0531387 12.3282 0.0708771 12.4701C0.0708771 13.7118 2.73163 16 3.97332 16H13.7117C14.9534 16 15.9644 14.9889 15.9644 13.7472V3.93792C15.9822 2.71397 13.7472 0.0886918 12.4877 0.0354767ZM4.29261 3.2816H5.9068L7.13074 8.8337H7.2017C7.60968 6.98891 8.0354 5.12639 8.44338 3.2816H10.0576V10.98H8.94006V5.97783H8.8691C8.53207 7.64523 8.10635 9.33038 7.75159 10.98L6.5099 10.9978L5.46334 5.99557H5.39239V10.98H4.29261V3.2816ZM15.6274 13.7118C15.6274 14.7583 14.776 15.592 13.7472 15.592H3.99105C3.51212 15.592 2.6252 15.0953 1.80924 14.3858C1.72054 14.2971 1.61411 14.2084 1.52542 14.1197C1.75602 14.2084 2.0221 14.2439 2.28817 14.2439H12.0265H12.062C13.3037 14.2439 14.3148 13.2328 14.3148 11.9911V2.25277C14.3148 2.00443 14.2793 1.77384 14.2084 1.54324C14.2793 1.61419 14.3503 1.68514 14.4212 1.77384C15.1307 2.57206 15.6274 3.47672 15.6274 3.95565V13.7118Z", fill: "currentColor" }));
+
+const SvgBackIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M15.5308 13.9958C15.3039 13.9958 15.1068 13.8317 15.0689 13.6041C14.7306 11.629 12.8181 8.18188 7.96666 7.98044V10.5146C7.96666 10.6902 7.86853 10.8511 7.71241 10.9314C7.55625 11.0117 7.36831 10.9981 7.22544 10.896L0.196281 5.87519C0.0730938 5.78719 0 5.6451 0 5.49372C0 5.34232 0.0730938 5.20026 0.196281 5.11229L7.22547 0.0914741C7.36831 -0.0105884 7.55628 -0.0242446 7.71241 0.0560991C7.86853 0.136443 7.96666 0.297318 7.96666 0.472912V3.04526C10.9655 3.34438 16 5.50901 16 13.5271C16 13.771 15.813 13.9741 15.5699 13.9942C15.5568 13.9953 15.5438 13.9958 15.5308 13.9958Z", fill: "currentColor" }));
+
 let Components = {};
 Components['delete_info'] = SvgDeleteInfo;
 Components['success'] = SvgSuccess;
@@ -492,10 +506,17 @@ Components['no_access_icon'] = SvgNoAccessIcon;
 Components['full_access_icon'] = SvgFullAccessIcon;
 Components['view_access_icon'] = SvgViewAccessIcon;
 Components['eye_closed'] = SvgEyeClosed;
+Components['attachment_icon'] = SvgAttachmentIcon;
+Components['variable_icon'] = SvgVariableIcon;
+Components['authorization_icon'] = SvgAuthorizationIcon;
 Components['fireflink_platform_logo'] = SvgFireflinkPlatform;
 Components['fireflink_finder_logo'] = SvgFireflinkFinderLogo;
 Components['client_profile'] = SvgClientProfile;
 Components['license_expired'] = SvgLicenseExpired;
+Components['add_testcase'] = SvgAddTestcase;
+Components['automation_testcase'] = SvgAutomationTestcase;
+Components['manual_testcass'] = SvgManualTestcase;
+Components['back_icon'] = SvgBackIcon;
 
 var css_248z$X = ".ff-icon-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px;\n  box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-dark {\n  background-color: var(--brand-color);\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n\n.ff-icon-click {\n  cursor: pointer;\n  box-sizing: content-box;\n}\n.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n  color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n  cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n  color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n  box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n  color: var(--toggle-strip-color);\n}";
 styleInject(css_248z$X);
@@ -8333,15 +8354,15 @@ const RadioGroup = ({
   });
 };
 
-var css_248z$t = ".ff-mini-edit-modal-container {\n  width: fit-content;\n  padding: 0;\n  position: absolute;\n  visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n  visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n  animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  z-index: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n  bottom: 100%;\n  left: 30px;\n  border-width: 0 10px 10px 10px;\n  padding: 0 3px 0 0;\n  border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n  filter: drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 4px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -0.5px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n  left: -15px;\n  border-width: 10px 10px 10px 0;\n  border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n  filter: drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left::before {\n  content: \"\";\n  position: absolute;\n  width: 4px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n  top: 100%;\n  left: 30px;\n  border-width: 10px 10px 0 10px;\n  border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n  filter: drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 0 3px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -2px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n  right: -10px;\n  top: 66px;\n  border-width: 10px 0 10px 10px;\n  border-color: transparent transparent transparent var(--ff-mini-modal-border);\n  filter: drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: -2px;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n  top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n  top: 45%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n  width: 35px;\n  height: 35px;\n  background-color: transparent;\n  outline: 8px solid var(--ff-mini-modal-border);\n  outline-offset: -8px;\n  position: absolute;\n  top: -34px;\n  z-index: 10;\n  border-radius: 7px 7px 0 0;\n  box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n  position: absolute;\n  content: \"\";\n  width: 13px;\n  height: 13px;\n  background: transparent;\n  border-radius: 50%;\n  bottom: 0;\n  box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n  left: -13px;\n  clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n  right: -13px;\n  clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n  box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-height: fit-content;\n  z-index: 2;\n  padding: 4px;\n  width: 100%;\n  border-radius: 7px;\n  margin: 0 0 0 -5px;\n  height: 100%;\n  box-shadow: 0px 4px 8px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow {\n  box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow {\n  box-shadow: 0px 0px 16px 0px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n  border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n  border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .modal-content {\n  max-height: 250px;\n  overflow-y: auto;\n}\n.ff-mini-edit-modal-container .modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n  background-color: var(--ff-mini-modal-footer-background);\n  height: 24px;\n  padding: 0 10px 0 0;\n  transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-50px);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.ff-mini-modal-buttons-flex {\n  display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n  gap: 10px;\n}";
+var css_248z$t = ".ff-mini-edit-modal-container {\n  width: fit-content;\n  padding: 0;\n  position: absolute;\n  visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n  visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n  animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  z-index: 5;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n  bottom: 100%;\n  left: 30px;\n  border-width: 0 10px 10px 10px;\n  padding: 0 3px 0 0;\n  border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n  filter: drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 4px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -0.5px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n  left: -15px;\n  border-width: 10px 10px 10px 0;\n  border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n  filter: drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left::before {\n  content: \"\";\n  position: absolute;\n  width: 4px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n  top: 100%;\n  left: 30px;\n  border-width: 10px 10px 0 10px;\n  border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n  filter: drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 0 3px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -2px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n  right: -10px;\n  top: 66px;\n  border-width: 10px 0 10px 10px;\n  border-color: transparent transparent transparent var(--ff-mini-modal-border);\n  filter: drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: -2px;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n  top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n  top: 45%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n  width: 35px;\n  height: 35px;\n  background-color: transparent;\n  outline: 8px solid var(--ff-mini-modal-border);\n  outline-offset: -8px;\n  position: absolute;\n  top: -34px;\n  z-index: 10;\n  border-radius: 7px 7px 0 0;\n  box-shadow: 0px -3px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n  position: absolute;\n  content: \"\";\n  width: 13px;\n  height: 13px;\n  background: transparent;\n  border-radius: 50%;\n  bottom: 0;\n  box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n  left: -13px;\n  clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n  right: -13px;\n  clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n  box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-height: fit-content;\n  z-index: 2;\n  padding: 4px;\n  width: 100%;\n  border-radius: 7px;\n  margin: 0 0 0 -5px;\n  height: 100%;\n  box-shadow: 0px 4px 8px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow {\n  box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow {\n  box-shadow: 0px 0px 16px 0px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n  border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n  border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .modal-content {\n  max-height: 250px;\n  overflow-y: auto;\n}\n.ff-mini-edit-modal-container .modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n  background-color: var(--ff-mini-modal-footer-background);\n  height: 24px;\n  padding: 0 10px 0 0;\n  transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-50px);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.ff-mini-modal-buttons-flex {\n  display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n  gap: 10px;\n}\n\n.ff-mini-edit-model-icon {\n  color: var(--ff-mini-modal-box-shadow);\n  border: 2px solid var(--ff-mini-modal-box-shadow);\n  border-radius: 4px;\n}";
 styleInject(css_248z$t);
 
 const MiniModal = /*#__PURE__*/forwardRef(({
   anchorRef,
   headerProps,
   childContent,
-  cancelButtonProps,
-  proceedButtonProps,
+  cancelButtonProps = () => {},
+  proceedButtonProps = () => {},
   footerContent,
   isWrapped = false,
   isAnimated = false,
@@ -8354,7 +8375,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
   anchorLeftDistanceForWrapper = 170,
   extraTopSpace,
   extraRightSpace,
-  extraLeftSpace
+  extraLeftSpace,
+  isIconModel
 }, ref) => {
   const [modalPositionState, setModalPositionState] = useState({
     top: 0,
@@ -8451,8 +8473,8 @@ const MiniModal = /*#__PURE__*/forwardRef(({
   //specifying the modal's escape and enter functionality
   const handleEsc = useEscapeKey('Escape');
   const handleEnter = useEscapeKey('Enter');
-  handleEsc(cancelButtonProps.onClick);
-  handleEnter(proceedButtonProps.onClick);
+  handleEsc(cancelButtonProps?.onClick);
+  handleEnter(proceedButtonProps?.onClick);
   useClickOutside(modalRef, cancelButtonProps.onClick);
   //calculate the modal position
   const calculatePosition = useCallback(() => {
@@ -8520,7 +8542,7 @@ const MiniModal = /*#__PURE__*/forwardRef(({
       children: [headerProps ? jsx(Typography, {
         as: "div",
         children: headerProps
-      }) : jsxs(Typography, {
+      }) : isIconModel ? jsx(Fragment, {}) : jsxs(Typography, {
         as: "header",
         children: [jsx(Typography, {
           as: "h2",
@@ -8532,13 +8554,13 @@ const MiniModal = /*#__PURE__*/forwardRef(({
       }), footerContent ? jsx(Typography, {
         as: "footer",
         children: footerContent
-      }) : jsxs("footer", {
+      }) : isIconModel ? jsx(Fragment, {}) : jsxs("footer", {
         className: "modal-footer",
         children: [jsx(Button$1, {
           variant: "primary",
           className: "btn-cancel",
-          onClick: cancelButtonProps.onClick,
-          label: cancelButtonProps.text
+          onClick: cancelButtonProps?.onClick,
+          label: cancelButtonProps?.text
         }), jsx(Button$1, {
           variant: "secondary",
           className: "btn-proceed",
@@ -22324,7 +22346,7 @@ const VariableInput = ({
   });
 };
 
-var css_248z$k = ".ff-all-project {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n  background-color: var(--secondary-icon-color);\n  color: var(--expandable-menu-default-bg);\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 10px;\n  padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n  height: 16px;\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-all-project .ff-dropdown {\n  position: absolute;\n  top: 50px;\n  padding: 1px;\n  border: 0.5px solid var(--expandable-menu-default-bg);\n  border-radius: 4px;\n  background-color: var(--secondary-icon-color);\n  color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n  margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n  height: 30px;\n  width: inherit;\n  border-radius: 4px;\n  border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n  padding-left: 28px;\n  font-size: 8px;\n  line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n  position: absolute;\n  top: 15px;\n  left: 18px;\n}\n.ff-all-project .ff-dropdown .scroll {\n  max-height: 124px;\n  overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n  border-radius: 4px;\n}";
+var css_248z$k = ".ff-all-project {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n  background-color: var(--secondary-icon-color);\n  color: var(--expandable-menu-default-bg);\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 10px;\n  padding: 4px;\n}\n.ff-all-project .ff-all-project-dropdown .label-icon {\n  height: 16px;\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-all-project .ff-dropdown {\n  position: absolute;\n  top: 50px;\n  padding: 1px;\n  border: 0.5px solid var(--expandable-menu-default-bg);\n  border-radius: 4px;\n  background-color: var(--secondary-icon-color);\n  color: var(--primary-icon-color);\n}\n.ff-all-project .ff-dropdown .ff-search {\n  margin-bottom: 1px;\n}\n.ff-all-project .ff-dropdown .ff-search input {\n  height: 30px;\n  width: inherit;\n  border-radius: 4px;\n  border-style: none;\n}\n.ff-all-project .ff-dropdown .ff-search input::placeholder {\n  padding-left: 28px;\n  font-size: 8px;\n  line-height: 12px;\n}\n.ff-all-project .ff-dropdown .ff-search span {\n  position: absolute;\n  top: 11px;\n  left: 8px;\n}\n.ff-all-project .ff-dropdown .scroll {\n  max-height: 124px;\n  overflow-y: scroll;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n}\n.ff-all-project .ff-dropdown .option-card .projects-options .projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-dropdown .option-card .all-projects-option {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n  border-radius: 4px;\n}";
 styleInject(css_248z$k);
 
 const AllProjectsDropdown = ({
@@ -22345,6 +22367,7 @@ const AllProjectsDropdown = ({
   const handleSelectOption = option => {
     setSelectedOptions(option);
     setShowOptions(false);
+    onClick(option);
   };
   const handleInput = () => {
     setSearch(false);
@@ -56748,5 +56771,5 @@ const throttle = (func, limit) => {
   return throttled;
 };
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button$1 as Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LazyLoad, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table$1 as Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button$1 as Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LazyLoad, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table$1 as Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };
 //# sourceMappingURL=index.esm.js.map