abdul-react 0.0.25 → 0.0.27

package/lib/index.cjs

@@ -218,7 +218,7 @@ const SvgExportCollectionIcon = (props) => /* @__PURE__ */ React__namespace.crea
 
 const SvgRunIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_5151_106068)" }, /* @__PURE__ */ React__namespace.createElement("g", { filter: "url(#filter0_d_5151_106068)" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("filter", { id: "filter0_d_5151_106068", x: -0.129883, y: -3, width: 28, height: 28, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ React__namespace.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__namespace.createElement("feOffset", { dx: 1, dy: -1 }), /* @__PURE__ */ React__namespace.createElement("feGaussianBlur", { stdDeviation: 1 }), /* @__PURE__ */ React__namespace.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__namespace.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_5151_106068" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_5151_106068", result: "shape" })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_5151_106068", x1: 2.59783, y1: 2.34599, x2: 24.8701, y2: 24, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#2A6F09" }), /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#44B002" })), /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_5151_106068" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", transform: "translate(0.870117)" }))));
 
-const SvgBeautifyIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 16, height: 16, rx: 4.5, stroke: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10 15.2402H3V14.2402H10V15.2402ZM10 13.2402H3V12.2402H10V13.2402ZM14.7998 11.04H4.56055V9.75977H14.7998V11.04ZM12.2402 8.48047H4.56055V7.2002H12.2402V8.48047ZM14.4082 8.48047H12.5605V7.2002H14.4082V8.48047ZM10 6H3V5H10V6ZM10 4H3V3H10V4Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2786 2.22236C13.249 2.0923 13.1334 2 13 2C12.8666 2 12.751 2.0923 12.7214 2.22236L12.5633 2.91756C12.4902 3.23911 12.2391 3.4902 11.9176 3.56331L11.2224 3.7214C11.0923 3.75097 11 3.86661 11 4C11 4.13339 11.0923 4.24903 11.2224 4.2786L11.9176 4.43669C12.2391 4.5098 12.4902 4.76089 12.5633 5.08244L12.7214 5.77764C12.751 5.9077 12.8666 6 13 6C13.1334 6 13.249 5.9077 13.2786 5.77764L13.4367 5.08244C13.5098 4.76089 13.7609 4.5098 14.0824 4.43669L14.7776 4.2786C14.9077 4.24903 15 4.13339 15 4C15 3.86661 14.9077 3.75097 14.7776 3.7214L14.0824 3.56331C13.7609 3.4902 13.5098 3.23911 13.4367 2.91756L13.2786 2.22236ZM12.3769 4C12.6449 3.86324 12.8632 3.64489 13 3.37691C13.1368 3.64489 13.3551 3.86324 13.6231 4C13.3551 4.13676 13.1368 4.35511 13 4.62309C12.8632 4.35511 12.6449 4.13676 12.3769 4Z", fill: "currentColor" }));
+const SvgBeautifyIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 17, height: 17, rx: 4.5, stroke: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10 15.2402H3V14.2402H10V15.2402ZM10 13.2402H3V12.2402H10V13.2402ZM14.7998 11.04H4.56055V9.75977H14.7998V11.04ZM12.2402 8.48047H4.56055V7.2002H12.2402V8.48047ZM14.4082 8.48047H12.5605V7.2002H14.4082V8.48047ZM10 6H3V5H10V6ZM10 4H3V3H10V4Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2786 2.22236C13.249 2.0923 13.1334 2 13 2C12.8666 2 12.751 2.0923 12.7214 2.22236L12.5633 2.91756C12.4902 3.23911 12.2391 3.4902 11.9176 3.56331L11.2224 3.7214C11.0923 3.75097 11 3.86661 11 4C11 4.13339 11.0923 4.24903 11.2224 4.2786L11.9176 4.43669C12.2391 4.5098 12.4902 4.76089 12.5633 5.08244L12.7214 5.77764C12.751 5.9077 12.8666 6 13 6C13.1334 6 13.249 5.9077 13.2786 5.77764L13.4367 5.08244C13.5098 4.76089 13.7609 4.5098 14.0824 4.43669L14.7776 4.2786C14.9077 4.24903 15 4.13339 15 4C15 3.86661 14.9077 3.75097 14.7776 3.7214L14.0824 3.56331C13.7609 3.4902 13.5098 3.23911 13.4367 2.91756L13.2786 2.22236ZM12.3769 4C12.6449 3.86324 12.8632 3.64489 13 3.37691C13.1368 3.64489 13.3551 3.86324 13.6231 4C13.3551 4.13676 13.1368 4.35511 13 4.62309C12.8632 4.35511 12.6449 4.13676 12.3769 4Z", fill: "#71347B" }));
 
 const SvgAddVariableIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.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__namespace.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 }));
 
@@ -414,6 +414,8 @@ const SvgMobileIcon = (props) => /* @__PURE__ */ React__namespace.createElement(
 
 const SvgSalesForce = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.51031 6.07875C4.42699 6.06597 4.34293 6.05878 4.25868 6.05725C4.06937 6.0549 3.98884 6.1244 3.9894 6.12431C3.93356 6.16372 3.90649 6.2225 3.90649 6.30362C3.90649 6.35534 3.9159 6.39575 3.93431 6.42412C3.94637 6.443 3.95143 6.45012 3.98781 6.47915L3.98834 6.47947C3.98774 6.47928 4.07124 6.54497 4.25996 6.53359C4.39284 6.52559 4.51043 6.50028 4.51043 6.50028H4.51031V6.07875Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.0592 5.52728C9.93694 5.52728 9.85038 5.569 9.79347 5.65603C9.73619 5.74363 9.70703 5.86828 9.70703 6.027C9.70703 6.18575 9.73603 6.31156 9.79347 6.39975C9.8505 6.48713 9.9375 6.52969 10.0592 6.52969C10.1809 6.52969 10.2683 6.48678 10.3261 6.39916C10.3841 6.31044 10.4137 6.18531 10.4137 6.02672C10.4137 5.86813 10.3844 5.74353 10.3261 5.65603C10.2685 5.56944 10.1815 5.52728 10.0592 5.52728Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.33305 5.52026C6.21136 5.52026 6.1248 5.56786 6.06789 5.65489C6.02999 5.71189 6.00577 5.78536 5.99268 5.87348L6.65408 5.87361C6.6478 5.78833 6.63108 5.71223 6.59293 5.65489C6.5353 5.56811 6.45474 5.52026 6.33305 5.52026Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.5488 2.28872C12.0687 2.28847 11.5938 2.38966 11.1554 2.58563C10.6616 1.70963 9.74441 1.12169 8.68612 1.12169C7.89241 1.12169 7.17397 1.45444 6.65775 1.99182L6.65834 1.99488C6.09394 1.25116 5.19441 0.771973 4.18903 0.771973C2.47228 0.771973 1.07887 2.1595 1.07887 3.87629C1.07844 4.30104 1.1655 4.72132 1.33463 5.11094C0.537375 5.58125 0 6.45141 0 7.45088C0 8.93838 1.1935 10.1495 2.66922 10.1495C2.85375 10.1496 3.03778 10.1304 3.21834 10.0923C3.624 11.1918 4.67641 11.9737 5.91694 11.9737C7.10456 11.9737 8.12463 11.2505 8.56262 10.2217C8.90687 10.3896 9.28494 10.4764 9.66794 10.4757C10.6086 10.4757 11.4347 9.95244 11.8668 9.18222C12.0891 9.22644 12.316 9.24982 12.5488 9.24982C14.4538 9.24982 16 7.69182 16 5.76929C16 3.84675 14.4537 2.28872 12.5488 2.28872ZM3.43916 6.32532C3.43916 6.60632 3.23516 6.78094 2.90709 6.78094C2.746 6.78094 2.59197 6.75566 2.42853 6.66925C2.39797 6.65157 2.36744 6.63582 2.33741 6.61403C2.33416 6.60941 2.32053 6.60391 2.33059 6.57769L2.33034 6.57722L2.39503 6.39732C2.40525 6.3665 2.42878 6.37679 2.43819 6.38247C2.456 6.39335 2.46919 6.40304 2.49228 6.41654C2.68337 6.53729 2.85969 6.53825 2.915 6.53825C3.05728 6.53825 3.14606 6.46238 3.14606 6.36066V6.35513C3.14606 6.2446 3.00966 6.2025 2.85209 6.15407L2.81728 6.14322C2.60094 6.08147 2.36928 5.99213 2.36928 5.71813V5.71253C2.36928 5.45269 2.57919 5.271 2.87959 5.271L2.91234 5.27088C3.08872 5.27088 3.25922 5.32203 3.38269 5.39728C3.39391 5.404 3.40484 5.41697 3.39862 5.43422C3.39275 5.45066 3.33791 5.5975 3.33159 5.61413C3.32 5.64488 3.28816 5.62429 3.28816 5.62429C3.18056 5.56488 3.01241 5.51788 2.87131 5.51788C2.74431 5.51788 2.662 5.5855 2.662 5.67722V5.68269C2.662 5.78972 2.8025 5.83569 2.96537 5.88847L2.99353 5.8976C3.20872 5.96522 3.43919 6.05985 3.43919 6.31972L3.43916 6.32532ZM4.785 6.68688C4.785 6.68688 4.75066 6.69622 4.71975 6.70332C4.64228 6.7201 4.56447 6.73522 4.48634 6.74869C4.39463 6.76416 4.29997 6.77216 4.20472 6.77216C4.11419 6.77216 4.03187 6.76375 3.95897 6.7471C3.88547 6.73066 3.82181 6.70291 3.77025 6.66541C3.71841 6.62785 3.67678 6.57791 3.64913 6.52019C3.62091 6.462 3.60663 6.39085 3.60663 6.30854C3.60663 6.22741 3.62337 6.15569 3.65625 6.09453C3.68881 6.03394 3.73487 5.98163 3.79087 5.94166C3.84672 5.90144 3.912 5.87122 3.98431 5.85169C4.05603 5.83232 4.13306 5.82241 4.21244 5.82241C4.27066 5.82241 4.31944 5.82375 4.35706 5.82654L4.35794 5.82869C4.35794 5.82869 4.43144 5.83535 4.51081 5.84685V5.80763C4.51081 5.68419 4.485 5.62544 4.43437 5.58657C4.38262 5.54688 4.30503 5.5266 4.20509 5.5266C4.20509 5.5266 3.97934 5.52366 3.80119 5.62069C3.79297 5.62557 3.78597 5.62832 3.78597 5.62832C3.78597 5.62832 3.76369 5.63616 3.7555 5.61329L3.68966 5.43691C3.67966 5.41135 3.698 5.40003 3.698 5.40003C3.78147 5.33463 3.98372 5.29535 3.98372 5.29535C4.05075 5.28188 4.16303 5.2725 4.23241 5.2725C4.41759 5.2725 4.56047 5.31541 4.65806 5.40069C4.756 5.48594 4.80562 5.6241 4.80562 5.80991L4.80616 6.65654C4.80619 6.65654 4.80794 6.68104 4.785 6.68688ZM5.40703 6.71672C5.40703 6.73225 5.39597 6.74488 5.38047 6.74488H5.13453C5.11894 6.74488 5.10791 6.73225 5.10791 6.71672V4.73729C5.10791 4.72182 5.11897 4.70929 5.13453 4.70929H5.38047C5.396 4.70929 5.40703 4.72179 5.40703 4.73729V6.71672ZM6.94413 6.07894C6.94159 6.10285 6.91713 6.10303 6.91713 6.10303L5.98819 6.10235C5.99347 6.24347 6.02756 6.34282 6.09578 6.411C6.16281 6.47763 6.26981 6.52013 6.41328 6.52038C6.63375 6.52097 6.72781 6.47641 6.79425 6.4516C6.79425 6.4516 6.81987 6.44241 6.82925 6.46778L6.88981 6.63769C6.90197 6.66635 6.89222 6.67625 6.882 6.68204C6.82438 6.71435 6.68328 6.77403 6.41519 6.77494C6.28466 6.77535 6.17178 6.7566 6.07831 6.72044C5.98425 6.68397 5.90606 6.63225 5.84491 6.56582C5.78434 6.49997 5.73897 6.42063 5.71084 6.33007C5.68281 6.2401 5.66875 6.14072 5.66875 6.03375C5.66875 5.9291 5.68234 5.82916 5.70931 5.738C5.73634 5.64572 5.77887 5.56516 5.83512 5.49697C5.89156 5.42875 5.96331 5.37419 6.04856 5.3341C6.13381 5.29432 6.23906 5.27472 6.35488 5.27472C6.44619 5.27457 6.53659 5.29291 6.62063 5.32866C6.67884 5.35335 6.73703 5.39863 6.797 5.46269C6.83462 5.50328 6.89247 5.59207 6.91575 5.67963L6.91641 5.67982C6.97594 5.88844 6.94513 6.06907 6.94413 6.07894ZM7.71037 6.78047C7.54928 6.78047 7.39525 6.75516 7.23178 6.66875C7.20122 6.65107 7.17059 6.63532 7.14066 6.61353C7.13731 6.60891 7.12366 6.60344 7.13372 6.57722L7.133 6.57672L7.19769 6.39682C7.20716 6.36744 7.23484 6.37822 7.24078 6.382C7.25831 6.39328 7.27181 6.40257 7.29494 6.41603C7.48544 6.53678 7.66222 6.53775 7.71766 6.53775C7.85994 6.53775 7.94872 6.46191 7.94872 6.36019V6.35466C7.94872 6.24413 7.81291 6.20203 7.65475 6.15357L7.62 6.14275C7.40366 6.081 7.172 5.99163 7.172 5.71766V5.71207C7.172 5.45219 7.38188 5.2705 7.68231 5.2705L7.71513 5.27041C7.8915 5.27041 8.062 5.32157 8.18547 5.39682C8.19662 5.4035 8.20762 5.4165 8.20134 5.43375C8.19606 5.45019 8.14112 5.59703 8.13491 5.61366C8.12325 5.64438 8.09141 5.62382 8.09141 5.62382C7.98322 5.56438 7.81566 5.51741 7.67456 5.51741C7.54756 5.51741 7.46525 5.585 7.46525 5.67675V5.68222C7.46525 5.78922 7.60575 5.83522 7.76862 5.888L7.79678 5.89713C8.01256 5.96472 8.24244 6.05938 8.24244 6.31925V6.32479C8.24247 6.60585 8.03844 6.78047 7.71037 6.78047ZM9.33372 5.52654C9.32837 5.55447 9.30262 5.5535 9.30262 5.5535H8.99712L8.78819 6.73579C8.76625 6.858 8.73888 6.96291 8.70669 7.04738C8.67416 7.13266 8.64019 7.19516 8.58616 7.25482C8.53619 7.31016 8.47969 7.351 8.41478 7.37447C8.35028 7.39775 8.2725 7.40975 8.18713 7.40975C8.14638 7.40975 8.10288 7.409 8.05125 7.39682C8.01409 7.38807 7.99381 7.38182 7.96653 7.37207C7.95491 7.36788 7.94566 7.35341 7.95225 7.33507C7.95872 7.31647 8.01334 7.16629 8.02103 7.14657C8.0305 7.12247 8.05453 7.13163 8.05453 7.13163C8.07106 7.13857 8.08253 7.1435 8.10456 7.14788C8.12663 7.15229 8.15647 7.15607 8.17894 7.15607C8.21928 7.15607 8.25606 7.15113 8.28806 7.14035C8.32681 7.12735 8.34925 7.10507 8.37297 7.07479C8.39744 7.0435 8.41731 7.00041 8.43766 6.94291C8.45828 6.88466 8.47694 6.80775 8.49322 6.71428L8.70119 5.5535H8.49622C8.47153 5.55363 8.46359 5.5421 8.466 5.52363L8.50056 5.33079C8.50597 5.30275 8.53166 5.30382 8.53166 5.30382H8.74219L8.75353 5.24094C8.785 5.05475 8.84772 4.91325 8.93991 4.82035C9.03275 4.72675 9.16497 4.67935 9.33272 4.67935C9.37494 4.67888 9.41712 4.68216 9.45878 4.6891C9.48975 4.6945 9.52034 4.70175 9.55044 4.71085C9.55703 4.71344 9.57478 4.72222 9.5675 4.74316L9.49659 4.93788C9.49066 4.95253 9.48659 4.96147 9.45638 4.95222C9.44884 4.95 9.43769 4.94675 9.40894 4.94066C9.38806 4.93629 9.36066 4.93294 9.33275 4.93294C9.29903 4.93247 9.26544 4.93735 9.23322 4.94729C9.20381 4.95694 9.17719 4.9735 9.15556 4.99563C9.13241 5.01885 9.10506 5.05266 9.09053 5.09457C9.0565 5.19279 9.04303 5.29704 9.04156 5.30375H9.33806C9.36287 5.30363 9.37075 5.31516 9.36834 5.33363L9.33372 5.52654ZM10.6871 6.32157C10.6601 6.41269 10.6182 6.49266 10.5624 6.55969C10.5066 6.62672 10.4354 6.68032 10.352 6.71841C10.2685 6.75654 10.1697 6.77591 10.0586 6.77591C9.94747 6.77591 9.84869 6.75654 9.76462 6.71841C9.68112 6.68019 9.61006 6.62669 9.55416 6.55969C9.49831 6.49263 9.45637 6.41269 9.4295 6.32157C9.40275 6.23103 9.38916 6.13225 9.38916 6.027C9.38916 5.92178 9.40275 5.823 9.4295 5.73244C9.45653 5.64132 9.49841 5.56135 9.55416 5.49435C9.61 5.42732 9.68116 5.37347 9.76462 5.33444C9.84869 5.29544 9.94687 5.27563 10.0586 5.27563C10.1703 5.27563 10.2691 5.29532 10.3526 5.33444C10.4366 5.37322 10.5071 5.42735 10.563 5.49435C10.6189 5.56138 10.6607 5.64132 10.6877 5.73244H10.6871C10.7138 5.82297 10.7274 5.92235 10.7274 6.027C10.7274 6.13229 10.7138 6.23103 10.6871 6.32157ZM11.8238 5.34857L11.8244 5.34475C11.8156 5.37004 11.7704 5.49697 11.7544 5.53938C11.7484 5.5555 11.7384 5.56641 11.7206 5.56441C11.7206 5.56441 11.6673 5.55197 11.6188 5.55197C11.5767 5.55197 11.5347 5.55785 11.4942 5.5695C11.451 5.58291 11.4117 5.6065 11.3795 5.63829C11.3458 5.67122 11.3185 5.71713 11.2984 5.77469C11.278 5.83288 11.2678 5.92519 11.2678 6.0181V6.71185C11.2678 6.72738 11.2552 6.73994 11.2397 6.73997H10.9963C10.9808 6.73994 10.9682 6.72738 10.9681 6.71185V5.33019C10.9681 5.31466 10.9793 5.30216 10.9947 5.30216H11.2322C11.2478 5.30216 11.2588 5.31466 11.2588 5.33019L11.259 5.44307C11.2942 5.39485 11.3578 5.35316 11.4153 5.32725C11.4736 5.30113 11.5382 5.2815 11.6546 5.28882C11.7152 5.29257 11.794 5.30919 11.8098 5.31522C11.8101 5.31532 11.8104 5.31544 11.8106 5.31554C11.8234 5.321 11.8293 5.33579 11.8238 5.34857ZM12.9955 6.70338C12.8921 6.74438 12.748 6.77275 12.6075 6.77275C12.37 6.77275 12.1877 6.70457 12.0666 6.56935C11.9455 6.43469 11.8843 6.25069 11.8843 6.02372C11.8843 5.9185 11.8993 5.81913 11.929 5.7286C11.959 5.63747 12.0037 5.5575 12.0625 5.4905C12.1213 5.42344 12.1954 5.36957 12.283 5.33057C12.3706 5.29154 12.4729 5.27185 12.5881 5.27185C12.6657 5.27185 12.7345 5.27654 12.7939 5.2856C12.8574 5.29519 12.9412 5.31791 12.9767 5.33182C12.9833 5.33435 13.0011 5.34316 12.9938 5.36404C12.968 5.43694 12.9503 5.48453 12.9262 5.55097C12.9159 5.57925 12.8945 5.56988 12.8945 5.56988C12.8039 5.54157 12.7175 5.52844 12.6046 5.52844C12.4694 5.52844 12.3671 5.57432 12.3007 5.6625C12.2333 5.75185 12.1958 5.86829 12.1954 6.0235C12.1948 6.194 12.2372 6.31978 12.313 6.398C12.3882 6.47613 12.4941 6.5156 12.6264 6.5156C12.6799 6.5156 12.7307 6.512 12.7763 6.50482C12.8216 6.49775 12.8641 6.48366 12.9039 6.46844C12.9039 6.46844 12.9299 6.45838 12.9388 6.485H12.9391L13.0067 6.67078C13.0153 6.69385 12.9955 6.70338 12.9955 6.70338ZM14.3702 6.07894C14.3677 6.10285 14.3433 6.10303 14.3433 6.10303L13.4143 6.10235C13.4196 6.24347 13.4537 6.34282 13.5219 6.411C13.5889 6.47763 13.6953 6.52013 13.8394 6.52038C14.0598 6.52097 14.1539 6.47641 14.2203 6.4516C14.2203 6.4516 14.246 6.44241 14.2553 6.46778L14.3158 6.63769C14.328 6.66635 14.3183 6.67625 14.308 6.68204C14.2503 6.71435 14.1093 6.77403 13.8412 6.77494C13.7112 6.77535 13.5977 6.7566 13.5043 6.72044C13.4102 6.68397 13.332 6.63225 13.2709 6.56582C13.2097 6.49997 13.1644 6.42063 13.1362 6.33007C13.1084 6.2401 13.0942 6.14072 13.0942 6.03375C13.0942 5.9291 13.1079 5.82916 13.1349 5.738C13.1619 5.64572 13.2043 5.56516 13.2607 5.49697C13.3172 5.42875 13.3889 5.37419 13.4741 5.3341C13.5594 5.29432 13.6646 5.27472 13.7804 5.27472C13.8717 5.27457 13.9622 5.29291 14.0462 5.32866C14.1044 5.35335 14.1626 5.39863 14.2226 5.46269C14.2602 5.50328 14.318 5.59207 14.3413 5.67963L14.3426 5.67982C14.4021 5.88844 14.3713 6.06907 14.3702 6.07894Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.7587 5.52026C13.637 5.52026 13.5504 5.56786 13.4936 5.65489C13.4556 5.71189 13.4314 5.78536 13.4183 5.87348L14.0797 5.87361C14.0735 5.78833 14.0568 5.71223 14.0186 5.65489C13.961 5.56811 13.8804 5.52026 13.7587 5.52026Z", fill: "currentColor" }));
 
+const SvgSalesforceProduct = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 66 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.30815 2.94586C8.00129 3.13411 7.75562 3.25272 7.509 3.37602C6.58748 3.86737 5.7272 4.29754 4.80568 4.78795C4.74167 4.82431 4.68966 4.87863 4.6562 4.94421C4.62274 5.0098 4.60923 5.08376 4.61736 5.15693V23.7755C4.61736 24.0212 4.55624 24.2057 4.31057 24.2669C3.85464 24.4552 3.36009 24.5312 2.86866 24.4884C2.37722 24.4457 1.90328 24.2854 1.48672 24.0212C1.18046 23.8059 0.919692 23.5323 0.7194 23.216C0.519108 22.8997 0.383245 22.547 0.319539 22.1782C0.16509 21.182 0.102006 20.1737 0.131213 19.166C0.0700298 14.2497 0.00884184 9.27315 0.00884184 4.35683C-0.0391441 3.57511 0.108741 2.79379 0.439038 2.08366C0.717224 1.49016 1.19816 1.01548 1.79523 0.745067C2.39231 0.474657 3.06627 0.42627 3.69584 0.608649C4.56928 0.871444 5.39798 1.26499 6.15361 1.77586C6.82945 2.14484 7.50528 2.51287 8.11994 2.88186C8.18583 2.82255 8.24697 2.88373 8.30815 2.94586Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.42562 21.8722V16.5257C8.42418 16.4535 8.44058 16.382 8.47342 16.3176C8.50627 16.2532 8.55449 16.198 8.61384 16.1568C10.7035 14.9886 12.7931 13.8214 14.8206 12.6542C15.3732 12.3464 15.9267 12.0396 16.5404 11.6706C16.1852 11.4424 15.8157 11.2371 15.4343 11.0559C14.5128 10.5025 13.5914 10.0111 12.6699 9.45577C12.6245 9.42494 12.5708 9.40843 12.5159 9.40843C12.461 9.40843 12.4075 9.42494 12.3621 9.45577C11.1949 10.1928 10.0889 10.8677 8.92074 11.6066C8.85956 11.6066 8.85957 11.6678 8.79745 11.6678V7.73511C8.7957 7.65403 8.81159 7.57356 8.8441 7.49927C8.87661 7.42498 8.92492 7.35866 8.98566 7.30494C10.0305 6.56791 11.0744 5.89301 12.058 5.1541C12.1147 5.12386 12.1778 5.10806 12.242 5.10806C12.3062 5.10806 12.3695 5.12386 12.4261 5.1541C13.838 5.95325 15.3139 6.81358 16.7277 7.61179C17.7104 8.16432 18.6941 8.71779 19.7399 9.27032C20.4878 9.65971 21.1069 10.2573 21.5226 10.991C21.7844 11.4684 21.8896 12.016 21.8234 12.5565C21.7572 13.097 21.5229 13.603 21.1536 14.0031C20.6679 14.5555 20.0846 15.0137 19.433 15.3548C18.021 16.1539 16.6675 17.0143 15.2546 17.8125C13.4728 18.8573 11.7521 19.84 9.97026 20.8848C9.40926 21.2576 8.91697 21.5607 8.42562 21.8722Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M27.4988 4.11411V5.22235H29.7801V6.3294H27.4988V8.05733H26.0251V3.00706H30.0847V4.11411H27.4988Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M30.7439 3.02145H32.2175V8.04298H30.7439V3.02145Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M35.1578 6.7201H34.3501V8.04329H32.8765V3.02115H35.2398C36.6579 3.02115 37.5476 3.72286 37.5476 4.8838C37.5622 5.21576 37.4748 5.54445 37.2967 5.82812C37.1185 6.11179 36.8575 6.33764 36.5469 6.47701L37.6567 8.04269H36.1018L35.1578 6.7201ZM35.1855 4.1282H34.3778V5.58611H35.1843C35.7959 5.58611 36.1018 5.31608 36.1018 4.85685C36.074 4.42517 35.7959 4.1282 35.1843 4.1282H35.1855Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.4588 6.93624V8.04329H38.316V3.02115H42.3755V4.1282H39.7619V4.96642H42.0697V6.01958H39.7619V6.93744L42.4588 6.93624Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M44.5914 4.11406V5.22231H46.8727V6.32936H44.5914V8.05729H43.1178V3.00701H47.1773V4.11406H44.5914Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.8364 3.02115H49.31V6.90929H51.7825V8.04329H47.8623V3.02115H47.8364Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.4415 3.02145H53.9151V8.04298H52.4415V3.02145Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M59.4959 3.02145V8.04298H58.3004L56.0191 5.37026V8.04298H54.5745V3.02145H55.77L58.0513 5.69417V3.02145H59.4959Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.1569 6.22067L61.602 6.78766V8.05637H60.1549V3.00789H61.6008V5.08667L63.6028 3.00789H65.2151L63.1021 5.22318L65.3267 8.03122H63.6305L62.1569 6.22067Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M28.2005 15.079V16.852H31.8502V18.6231H28.2005V21.3876H25.8429V13.3078H32.3375V15.079H28.2005Z", fill: "#00A5E3" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M37.5793 21.5176C36.8137 21.5176 36.11 21.3398 35.4682 20.9841C34.8341 20.6284 34.3276 20.1335 33.9487 19.4994C33.5776 18.8576 33.392 18.1384 33.392 17.3419C33.392 16.5454 33.5776 15.8302 33.9487 15.1961C34.3276 14.562 34.8341 14.0671 35.4682 13.7114C36.11 13.3557 36.8137 13.1778 37.5793 13.1778C38.3448 13.1778 39.0446 13.3557 39.6787 13.7114C40.3206 14.0671 40.8232 14.562 41.1866 15.1961C41.5578 15.8302 41.7434 16.5454 41.7434 17.3419C41.7434 18.1384 41.5578 18.8576 41.1866 19.4994C40.8155 20.1335 40.3128 20.6284 39.6787 20.9841C39.0446 21.3398 38.3448 21.5176 37.5793 21.5176ZM37.5793 19.7082C38.2288 19.7082 38.7469 19.4916 39.1336 19.0586C39.5279 18.6256 39.7251 18.0533 39.7251 17.3419C39.7251 16.6228 39.5279 16.0505 39.1336 15.6252C38.7469 15.1922 38.2288 14.9757 37.5793 14.9757C36.922 14.9757 36.3962 15.1883 36.0018 15.6136C35.6151 16.0389 35.4218 16.615 35.4218 17.3419C35.4218 18.0611 35.6151 18.6372 36.0018 19.0702C36.3962 19.4955 36.922 19.7082 37.5793 19.7082Z", fill: "#00A5E3" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.9504 21.419L45.2569 18.3453H44.7813V21.419H42.7979V13.2764H46.1268C46.7686 13.2764 47.3138 13.3885 47.7623 13.6128C48.2185 13.837 48.5588 14.1463 48.783 14.5407C49.0073 14.9274 49.1194 15.3604 49.1194 15.8398C49.1194 16.3811 48.9648 16.8644 48.6554 17.2897C48.3539 17.715 47.9054 18.0166 47.3099 18.1945L49.189 21.419H46.9504ZM44.7813 16.9417H46.0108C46.3743 16.9417 46.6449 16.8528 46.8228 16.675C47.0084 16.4971 47.1012 16.2458 47.1012 15.921C47.1012 15.6117 47.0084 15.3681 46.8228 15.1903C46.6449 15.0124 46.3743 14.9235 46.0108 14.9235H44.7813V16.9417Z", fill: "#00A5E3" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M50.2434 17.3535C50.2434 16.5493 50.4174 15.834 50.7654 15.2077C51.1133 14.5736 51.5966 14.0825 52.2153 13.7346C52.8416 13.3789 53.5492 13.201 54.3379 13.201C55.3045 13.201 56.1319 13.4562 56.8202 13.9666C57.5084 14.4769 57.9685 15.1729 58.2005 16.0544H56.0198C55.8574 15.7142 55.6254 15.4551 55.3239 15.2773C55.03 15.0994 54.6936 15.0105 54.3147 15.0105C53.7038 15.0105 53.2089 15.2231 52.83 15.6484C52.4511 16.0737 52.2617 16.6421 52.2617 17.3535C52.2617 18.0649 52.4511 18.6333 52.83 19.0586C53.2089 19.4839 53.7038 19.6966 54.3147 19.6966C54.6936 19.6966 55.03 19.6076 55.3239 19.4298C55.6254 19.2519 55.8574 18.9929 56.0198 18.6526H58.2005C57.9685 19.5342 57.5084 20.2301 56.8202 20.7405C56.1319 21.2431 55.3045 21.4944 54.3379 21.4944C53.5492 21.4944 52.8416 21.3204 52.2153 20.9725C51.5966 20.6168 51.1133 20.1257 50.7654 19.4994C50.4174 18.873 50.2434 18.1577 50.2434 17.3535Z", fill: "#00A5E3" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.2383 14.8655V16.5126H63.8946V18.0437H61.2383V19.83H64.2425V21.419H59.2549V13.2764H64.2425V14.8655H61.2383Z", fill: "#00A5E3" }));
+
 const SvgMsDynamic = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.0318604 16V5.16323L3.06376 7.08443L0.272016 15.5797L9.96808 5.58349V10.5066L0.0318604 16Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.36583 7.32458L0.0318604 4.23265V0L9.45776 5.01313L6.36583 7.32458Z", fill: "currentColor" }));
 
 const SvgAllProjects = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.45455 15.6364C1.05455 15.6364 0.712121 15.4939 0.427273 15.2091C0.142424 14.9243 0 14.5818 0 14.1818V6.18183H1.45455V14.1818H13.8182V15.6364H1.45455ZM4.36364 12.7273C3.96364 12.7273 3.62121 12.5849 3.33636 12.3C3.05152 12.0152 2.90909 11.6727 2.90909 11.2727V3.27274H6.54545V1.81819C6.54545 1.41819 6.68788 1.07577 6.97273 0.79092C7.25758 0.506072 7.6 0.363647 8 0.363647H10.9091C11.3091 0.363647 11.6515 0.506072 11.9364 0.79092C12.2212 1.07577 12.3636 1.41819 12.3636 1.81819V3.27274H16V11.2727C16 11.6727 15.8576 12.0152 15.5727 12.3C15.2879 12.5849 14.9455 12.7273 14.5455 12.7273H4.36364ZM4.36364 11.2727H14.5455V4.72728H4.36364V11.2727ZM8 3.27274H10.9091V1.81819H8V3.27274Z", fill: "currentColor" }));
@@ -440,6 +442,8 @@ const SvgSwitchLicenseIcon = (props) => /* @__PURE__ */ React__namespace.createE
 
 const SvgFireflinkLogo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 238 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.4537 17.8485V22.8928H71.6263V27.9317H61.4537V35.7966H54.8828V12.8096H72.9844V17.8485H61.4537Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.4541 12.8095H83.025V35.6658H76.4541V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9099 29.6458H94.3082V35.6685H87.7373V12.8095H98.2755C104.599 12.8095 108.566 16.0035 108.566 21.2876C108.631 22.7986 108.242 24.2947 107.447 25.5858C106.653 26.877 105.489 27.905 104.104 28.5394L109.053 35.6658H102.119L97.9099 29.6458ZM98.0336 17.8484H94.4319V24.4843H98.0281C100.755 24.4843 102.119 23.2552 102.119 21.165C101.995 19.2001 100.755 17.8484 98.0281 17.8484H98.0336Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M131.006 30.6296V35.6685H112.533V12.8095H130.635V17.8484H118.98V21.6637H129.271V26.4573H118.98V30.6351L131.006 30.6296Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M141.421 17.8484V22.8928H151.593V27.9317H141.421V35.7966H134.85V12.8095H152.951V17.8484H141.421Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M156.298 12.8095H162.869V30.507H173.894V35.6685H156.413V12.8095H156.298Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M176.752 12.8095H183.323V35.6658H176.752V12.8095Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M210.104 12.8095V35.6658H204.773L194.601 23.5005V35.6658H188.159V12.8095H193.49L203.663 24.9748V12.8095H210.104Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M223.866 27.4329L221.391 30.0137V35.7884H214.938V12.8095H221.386V22.2714L230.313 12.8095H237.502L228.08 22.8928L238 35.6739H230.436L223.866 27.4329Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.7502 4.88842C16.1316 5.25632 15.6341 5.50162 15.1392 5.74961C13.2807 6.7334 11.5431 7.59181 9.68453 8.5756C9.5558 8.64839 9.45159 8.75748 9.3855 8.88897C9.31942 9.02047 9.29442 9.16842 9.31335 9.31412V46.5486C9.31335 47.0391 9.18969 47.4097 8.69481 47.5323C7.77434 47.9098 6.7758 48.0623 5.78338 47.9769C4.79096 47.8916 3.83353 47.5709 2.99243 47.0418C2.37431 46.6111 1.84823 46.0636 1.44391 45.4309C1.0396 44.7982 0.765171 44.0926 0.636432 43.3546C0.327663 41.3625 0.203398 39.3465 0.265245 37.3319C0.141525 27.4994 0.0178993 17.547 0.0178993 7.7145C-0.0791099 6.15032 0.219297 4.58688 0.886463 3.16613C1.44789 1.9794 2.41841 1.03032 3.62304 0.489747C4.82768 -0.050828 6.18734 -0.147392 7.45741 0.217461C9.21628 0.744425 10.8848 1.5318 12.4063 2.55294C13.781 3.29147 15.1337 4.0273 16.3736 4.76583C16.5028 4.64047 16.6265 4.76306 16.7502 4.88842Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.9984 42.736V32.0423C16.9942 31.8984 17.026 31.7558 17.0907 31.6269C17.1555 31.4981 17.2512 31.3871 17.3696 31.3038C21.5843 28.9683 25.7989 26.6328 29.8926 24.3001C31.0089 23.6869 32.1253 23.071 33.3625 22.3324C32.6455 21.8761 31.8998 21.4656 31.13 21.1034C29.2715 19.997 27.41 19.0132 25.5515 17.9095C25.46 17.8474 25.3516 17.8141 25.2407 17.8141C25.1298 17.8141 25.0218 17.8474 24.9303 17.9095C22.5741 19.3838 20.3443 20.7354 17.9881 22.2098C17.8644 22.2098 17.8645 22.3324 17.7408 22.3324V14.4676C17.7361 14.3059 17.7667 14.1452 17.8307 13.9965C17.8948 13.8478 17.9909 13.7147 18.112 13.6064C20.2207 12.132 22.3267 10.7803 24.3117 9.306C24.4263 9.24517 24.5543 9.21335 24.6843 9.21335C24.8142 9.21335 24.9422 9.24517 25.0568 9.306C27.9079 10.903 30.8853 12.6253 33.7364 14.2113C35.7187 15.3177 37.7036 16.4242 39.8096 17.5279C41.3189 18.3064 42.568 19.502 43.4057 20.9698C43.934 21.9245 44.1462 23.0195 44.0125 24.1002C43.8788 25.1809 43.406 26.1927 42.6607 26.9925C41.681 28.0979 40.5036 29.0144 39.1881 29.6959C36.337 31.2929 33.6099 33.0152 30.7588 34.6013C27.1627 36.6915 23.6929 38.6563 20.0968 40.7466C18.9806 41.5069 17.9909 42.1255 16.9984 42.736Z", fill: "currentColor" }));
 
+const SvgFireflinkPlatformProduct = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 77 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { filter: "url(#filter0_d_2095_21463)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.3081 2.44586C12.0013 2.63411 11.7556 2.75272 11.509 2.87602C10.5875 3.36737 9.7272 3.79754 8.80568 4.28795C8.74167 4.32431 8.68966 4.37863 8.6562 4.44421C8.62274 4.5098 8.60923 4.58376 8.61736 4.65693V23.2755C8.61736 23.5212 8.55624 23.7057 8.31057 23.7669C7.85464 23.9552 7.36009 24.0312 6.86866 23.9884C6.37722 23.9457 5.90328 23.7854 5.48672 23.5212C5.18046 23.3059 4.91969 23.0323 4.7194 22.716C4.51911 22.3997 4.38324 22.047 4.31954 21.6782C4.16509 20.682 4.10201 19.6737 4.13121 18.666C4.07003 13.7497 4.00884 8.77315 4.00884 3.85683C3.96086 3.07511 4.10874 2.29379 4.43904 1.58366C4.71722 0.990161 5.19816 0.515478 5.79523 0.245067C6.39231 -0.0253429 7.06627 -0.0737303 7.69584 0.108649C8.56928 0.371444 9.39798 0.764987 10.1536 1.27586C10.8294 1.64484 11.5053 2.01287 12.1199 2.38186C12.1858 2.32255 12.247 2.38373 12.3081 2.44586Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.4256 21.3723V16.0258C12.4242 15.9536 12.4406 15.8821 12.4734 15.8177C12.5063 15.7533 12.5545 15.6981 12.6138 15.6569C14.7035 14.4887 16.7931 13.3215 18.8206 12.1543C19.3732 11.8465 19.9267 11.5397 20.5404 11.1707C20.1852 10.9425 19.8157 10.7372 19.4343 10.556C18.5128 10.0026 17.5914 9.51123 16.6699 8.95587C16.6245 8.92503 16.5708 8.90853 16.5159 8.90853C16.461 8.90853 16.4075 8.92503 16.3621 8.95587C15.1949 9.6929 14.0889 10.3678 12.9207 11.1067C12.8596 11.1067 12.8596 11.1679 12.7974 11.1679V7.2352C12.7957 7.15413 12.8116 7.07365 12.8441 6.99937C12.8766 6.92508 12.9249 6.85876 12.9857 6.80504C14.0305 6.06801 15.0744 5.39311 16.058 4.6542C16.1147 4.62396 16.1778 4.60815 16.242 4.60815C16.3062 4.60815 16.3695 4.62396 16.4261 4.6542C17.838 5.45335 19.3139 6.31368 20.7277 7.11188C21.7104 7.66442 22.6941 8.21789 23.7399 8.77042C24.4878 9.15981 25.1069 9.75743 25.5226 10.4911C25.7844 10.9685 25.8896 11.5161 25.8234 12.0566C25.7572 12.5971 25.5229 13.1031 25.1536 13.5032C24.6679 14.0556 24.0846 14.5138 23.433 14.8549C22.021 15.654 20.6675 16.5144 19.2546 17.3126C17.4728 18.3574 15.7521 19.3401 13.9703 20.3849C13.4093 20.7577 12.917 21.0607 12.4256 21.3723Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("g", { filter: "url(#filter1_d_2095_21463)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M31.6878 5.84978V6.8041H33.6522V7.75739H31.6878V9.24533H30.4188V4.89648H33.9145V5.84978H31.6878Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M34.4146 4.90894H35.6835V9.23304H34.4146V4.90894Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M38.1479 8.09389H37.4524V9.23331H36.1835V4.90869H38.2186C39.4397 4.90869 40.2058 5.51294 40.2058 6.51263C40.2184 6.7985 40.1432 7.08153 39.9898 7.3258C39.8363 7.57007 39.6116 7.76456 39.3441 7.88457L40.2998 9.23279H38.9608L38.1479 8.09389ZM38.1718 5.86198H37.4763V7.1174H38.1708C38.6975 7.1174 38.9608 6.88488 38.9608 6.48943C38.9369 6.11771 38.6975 5.86198 38.1708 5.86198H38.1718Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M44.3672 8.28001V9.23331H40.7998V4.90869H44.2955V5.86198H42.0449V6.58378H44.0321V7.49067H42.0449V8.28105L44.3672 8.28001Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.1361 5.84978V6.8041H48.1006V7.75739H46.1361V9.24533H44.8672V4.89648H48.3629V5.84978H46.1361Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.8628 4.90869H50.1317V8.25681H52.2608V9.23331H48.8851V4.90869H48.8628Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.7609 4.90894H54.0298V9.23304H52.7609V4.90894Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M58.7677 4.90894V9.23304H57.7382L55.7738 6.93152V9.23304H54.5298V4.90894H55.5593L57.5237 7.21045V4.90894H58.7677Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M60.9917 7.66377L60.5138 8.15202V9.24452H59.2677V4.89722H60.5127V6.68728L62.2367 4.89722H63.6251L61.8056 6.80483L63.7212 9.22286H62.2606L60.9917 7.66377Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M69.8173 8.47762H68.1378L67.8686 9.246H66.7212L68.3493 4.896H69.6185L71.2467 9.246H70.0865L69.8173 8.47762ZM69.5352 7.65967L68.9775 6.06715L68.4263 7.65967H69.5352Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.8428 4.896V9.246H71.7467V4.896H72.8428Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("g", { filter: "url(#filter2_d_2095_21463)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M34.7599 15.1687C34.7599 15.5001 34.6839 15.8042 34.5318 16.0813C34.3797 16.3528 34.1461 16.5728 33.8311 16.7412C33.516 16.9096 33.1249 16.9938 32.6578 16.9938H31.7941V19.047H30.4009V13.3273H32.6578C33.1141 13.3273 33.4997 13.4061 33.8148 13.5636C34.1298 13.7211 34.3661 13.9384 34.5236 14.2154C34.6811 14.4925 34.7599 14.8102 34.7599 15.1687ZM32.5519 15.8857C32.818 15.8857 33.0163 15.8232 33.1467 15.6983C33.277 15.5734 33.3422 15.3968 33.3422 15.1687C33.3422 14.9406 33.277 14.764 33.1467 14.6391C33.0163 14.5142 32.818 14.4517 32.5519 14.4517H31.7941V15.8857H32.5519Z", fill: "url(#paint0_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M36.8785 17.9715H38.7036V19.047H35.4852V13.3273H36.8785V17.9715Z", fill: "url(#paint1_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.9287 18.0367H40.794L40.4518 19.047H38.9934L41.0629 13.3273H42.6761L44.7456 19.047H43.2709L42.9287 18.0367ZM42.5702 16.9612L41.8614 14.8672L41.1606 16.9612H42.5702Z", fill: "url(#paint2_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M49.4901 13.3273V14.4436H47.9746V19.047H46.5814V14.4436H45.0659V13.3273H49.4901Z", fill: "url(#paint3_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M53.9129 13.3273V14.4436H51.5826V15.6494H53.3262V16.7331H51.5826V19.047H50.1893V13.3273H53.9129Z", fill: "url(#paint4_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M57.3502 19.1041C56.8124 19.1041 56.3181 18.9791 55.8673 18.7293C55.4219 18.4794 55.0661 18.1318 54.7999 17.6864C54.5392 17.2355 54.4088 16.7304 54.4088 16.1709C54.4088 15.6114 54.5392 15.109 54.7999 14.6636C55.0661 14.2181 55.4219 13.8705 55.8673 13.6206C56.3181 13.3708 56.8124 13.2458 57.3502 13.2458C57.8879 13.2458 58.3795 13.3708 58.8249 13.6206C59.2758 13.8705 59.6288 14.2181 59.8841 14.6636C60.1448 15.109 60.2752 15.6114 60.2752 16.1709C60.2752 16.7304 60.1448 17.2355 59.8841 17.6864C59.6234 18.1318 59.2703 18.4794 58.8249 18.7293C58.3795 18.9791 57.8879 19.1041 57.3502 19.1041ZM57.3502 17.833C57.8064 17.833 58.1704 17.6809 58.442 17.3767C58.719 17.0726 58.8575 16.6706 58.8575 16.1709C58.8575 15.6657 58.719 15.2638 58.442 14.965C58.1704 14.6608 57.8064 14.5087 57.3502 14.5087C56.8885 14.5087 56.5191 14.6581 56.2421 14.9569C55.9705 15.2556 55.8347 15.6603 55.8347 16.1709C55.8347 16.676 55.9705 17.0807 56.2421 17.3849C56.5191 17.6836 56.8885 17.833 57.3502 17.833Z", fill: "url(#paint5_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M63.9672 19.047L62.7776 16.8879H62.4436V19.047H61.0503V13.3273H63.3887C63.8396 13.3273 64.2225 13.4061 64.5376 13.5636C64.858 13.7211 65.097 13.9384 65.2546 14.2154C65.4121 14.487 65.4908 14.7912 65.4908 15.128C65.4908 15.5082 65.3822 15.8477 65.1649 16.1464C64.9531 16.4452 64.638 16.657 64.2198 16.782L65.5397 19.047H63.9672ZM62.4436 15.902H63.3072C63.5625 15.902 63.7527 15.8395 63.8776 15.7146C64.0079 15.5897 64.0731 15.4131 64.0731 15.185C64.0731 14.9677 64.0079 14.7966 63.8776 14.6717C63.7527 14.5468 63.5625 14.4843 63.3072 14.4843H62.4436V15.902Z", fill: "url(#paint6_linear_2095_21463)", shapeRendering: "crispEdges" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.8429 13.3273V19.047H71.4496V15.6168L70.1704 19.047H69.046L67.7587 15.6087V19.047H66.3654V13.3273H68.0113L69.6164 17.2871L71.2052 13.3273H72.8429Z", fill: "url(#paint7_linear_2095_21463)", shapeRendering: "crispEdges" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("filter", { id: "filter0_d_2095_21463", x: 0, y: 0, width: 29.8427, height: 32, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ React__namespace.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__namespace.createElement("feOffset", { dy: 4 }), /* @__PURE__ */ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }), /* @__PURE__ */ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React__namespace.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2095_21463" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2095_21463", result: "shape" })), /* @__PURE__ */ React__namespace.createElement("filter", { id: "filter1_d_2095_21463", x: 26.4188, y: 4.896, width: 50.4241, height: 12.3501, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ React__namespace.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__namespace.createElement("feOffset", { dy: 4 }), /* @__PURE__ */ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }), /* @__PURE__ */ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React__namespace.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2095_21463" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2095_21463", result: "shape" })), /* @__PURE__ */ React__namespace.createElement("filter", { id: "filter2_d_2095_21463", x: 26.4009, y: 13.2458, width: 50.442, height: 13.8582, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React__namespace.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ React__namespace.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__namespace.createElement("feOffset", { dy: 4 }), /* @__PURE__ */ React__namespace.createElement("feGaussianBlur", { stdDeviation: 2 }), /* @__PURE__ */ React__namespace.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ React__namespace.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2095_21463" }), /* @__PURE__ */ React__namespace.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2095_21463", result: "shape" })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint1_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint2_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint3_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint4_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint5_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint6_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint7_linear_2095_21463", x1: 72.8429, y1: 16.175, x2: 30.4009, y2: 16.175, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#F7EBFF" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#ECD7FD", stopOpacity: 0.9 }))));
+
 const SvgWswbDeleteIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.77783 17.4447C7.77783 17.8571 7.94168 18.2527 8.23333 18.5443C8.52498 18.836 8.92054 18.9998 9.333 18.9998H15.556C15.9685 18.9998 16.364 18.836 16.6557 18.5443C16.9473 18.2527 17.1112 17.8571 17.1112 17.4447V8.11133H7.77783V17.4447Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.1667 5.77817L14.3897 5H10.5L9.723 5.77817H7V7.33333H17.8885V5.77817H15.1667Z", fill: "currentColor" }));
 
 const SvgWswbPlusIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { opacity: 0.4 }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.25 5.25C12.6796 5.25 13.0278 5.59822 13.0278 6.02778V11.4722H18.4722C18.9018 11.4722 19.25 11.8204 19.25 12.25C19.25 12.6796 18.9018 13.0278 18.4722 13.0278H13.0278V18.4722C13.0278 18.9018 12.6796 19.25 12.25 19.25C11.8204 19.25 11.4722 18.9018 11.4722 18.4722V13.0278H6.02778C5.59822 13.0278 5.25 12.6796 5.25 12.25C5.25 11.8204 5.59822 11.4722 6.02778 11.4722H11.4722V6.02778C11.4722 5.59822 11.8204 5.25 12.25 5.25Z", fill: "currentColor" })));
@@ -1244,6 +1248,7 @@ Components['web_icon'] = SvgWebIcon;
 Components['web&mobile_icon'] = SvgWebmobileIcon;
 Components['mobile_icon'] = SvgMobileIcon;
 Components['sales_force'] = SvgSalesForce;
+Components['salesforce_product'] = SvgSalesforceProduct;
 Components['ms_dynamic'] = SvgMsDynamic;
 Components['all_projects'] = SvgAllProjects;
 Components['android_icon'] = SvgAndroidIcon;
@@ -1254,6 +1259,7 @@ Components['ios_icon'] = SvgIosIcon;
 Components['help_icon'] = SvgHelpIcon;
 Components['select_license'] = SvgSwitchLicenseIcon;
 Components['fireflink-logo'] = SvgFireflinkLogo;
+Components['fireflink_product_logo'] = SvgFireflinkPlatformProduct;
 Components['wswb_delete_icon'] = SvgWswbDeleteIcon;
 Components['wswb_plus_icon'] = SvgWswbPlusIcon;
 Components['local_variable_icon'] = SvgLocalVariableIcon;
@@ -1609,6 +1615,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
   y,
   chartIcon = false,
   tabIndex = -1,
+  cursorType,
   ...props
 }, ref) => {
   const IconComponent = Components[name];
@@ -1635,7 +1642,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
     style: {
       height: `${iconHeight}px`,
       width: `${iconWidth}px`,
-      cursor: disabled ? 'not-allowed' : hoverEffect ? 'pointer' : 'default'
+      cursor: disabled ? 'not-allowed' : hoverEffect && cursorType ? cursorType : hoverEffect ? 'pointer' : 'default'
     },
     className: classNames('ff-icon-container', {
       'ff-icon-click': hoverEffect,
@@ -1974,15 +1981,19 @@ const Tooltip = ({
       width: titleWidth
     });
   };
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     if (isVisible) {
       calculateDim();
     }
   }, [isVisible]);
+  const showTooltip = () => {
+    calculateDim();
+    setIsVisible(true);
+  };
   return jsxRuntime.jsxs(Element, {
     ref: tooltipContainerRef,
     className: classNames('ff-tooltip-container', currentTheme),
-    onMouseEnter: () => setIsVisible(true),
+    onMouseEnter: showTooltip,
     onMouseLeave: () => setIsVisible(false),
     style: style,
     children: [children, isVisible && !disabled && !isTitleEmpty(title) && /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsx(Element, {
@@ -3715,6 +3726,7 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   disableAfterMaxValueReached = false,
   pattern,
   background,
+  helperTextWidth,
   ...props
 }, ref) => {
   const isValueFilled = !checkEmpty(value) || type === 'password' && value?.length > 0;
@@ -3948,10 +3960,13 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
         }),
         children: (displayErrorImmediately || touched) && (error || isHelperTextRequired) ? helperText : ''
       }), !reserveHelperTextSpace && (displayErrorImmediately || touched) && helperText && (error || isHelperTextRequired) && jsxRuntime.jsx("span", {
-        className: classNames('ff-input-message', {
+        className: classNames(helperTextWidth ? 'ff-input-width' : 'ff-input-message', {
           'ff-input-message--showHelperText': !!isHelperTextRequired,
           'ff-input-message--danger': !!error
         }),
+        style: {
+          width: typeof helperTextWidth === 'number' ? `${helperTextWidth}px` : helperTextWidth || ''
+        },
         children: helperText
       })]
     })
@@ -6096,7 +6111,8 @@ const Dropdown$1 = /*#__PURE__*/React.forwardRef(({
   showArrowIcon = true,
   showClearIcon = false,
   noResultsMessage,
-  searchedIcon = ''
+  searchedIcon = '',
+  dropDownHeight = 160
 }, ref) => {
   const themeContext = React.useContext(ThemeContext);
   const currentTheme = themeContext?.currentTheme;
@@ -6190,10 +6206,9 @@ const Dropdown$1 = /*#__PURE__*/React.forwardRef(({
   // Calculate height for virtualization
   const listHeight = React.useMemo(() => {
     if (checkEmpty(options)) return 32;
-    if (options.length > 5) return 160;
+    if (options.length > 5) return dropDownHeight;
     return options.length * optionHeight;
   }, [options]);
-  // Render function for virtualized items
   const renderOptionRow = ({
     index,
     style
@@ -6350,7 +6365,8 @@ const Select$1 = ({
   background = '',
   borderRadius = '0px',
   noResultsMessage,
-  dropDownRef
+  dropDownRef,
+  dropDownHeight = 160
 }) => {
   const selectWidth = typeof width === 'number' ? `${width}px` : width;
   const memoizedOptionsList = React.useMemo(() => optionsList, [optionsList]);
@@ -6630,7 +6646,8 @@ const Select$1 = ({
         showClearIcon: showClearIcon,
         noResultsMessage: noResultsMessage,
         ref: dropDownRef,
-        searchedIcon: searchedIcon
+        searchedIcon: searchedIcon,
+        dropDownHeight: dropDownHeight
       }), document.body)
     }), showClearIcon && jsxRuntime.jsx(Tooltip, {
       title: "Cancel",
@@ -6910,7 +6927,8 @@ const OptionCard = ({
   dropdownPlacement,
   variant,
   isAddResourceButton,
-  alignOption
+  alignOption,
+  ownerId
 }) => {
   const themeContext = React.useContext(ThemeContext);
   const currentTheme = themeContext?.currentTheme;
@@ -6931,6 +6949,7 @@ const OptionCard = ({
     }, {
       'ff-option-card--default': variant === 'default'
     }, currentTheme),
+    "data-owner-id": ownerId,
     style: {
       ...style,
       zIndex,
@@ -6968,9 +6987,12 @@ const MenuOption = ({
   isAddResourceButton,
   disabled,
   alignOption = 'left',
-  displayCard = true
+  displayCard = true,
+  didMouseEntered,
+  tableMenu = false
 }) => {
   const [isClicked, setIsClicked] = React.useState(false);
+  const [isHovered, setIsHovered] = React.useState(false);
   const menuRef = React.useRef(null);
   const menuIconRef = React.useRef(null);
   const [menuPosition, setMenuPosition] = React.useState({
@@ -6980,19 +7002,19 @@ const MenuOption = ({
     right: 0,
     width: 0
   });
+  const getTargetElement = React.useCallback(() => {
+    if (!targetRef) return null;
+    return typeof targetRef === 'string' ? document.getElementById(targetRef) : getAnchorElement(targetRef);
+  }, [targetRef]);
   const closeDropDown = () => setIsClicked(false);
   React.useEffect(() => {
-    if (targetRef && !checkEmpty(options)) {
-      const parentDom = getAnchorElement(targetRef);
-      parentDom?.classList.toggle('menu-hover-active', isClicked);
-    }
+    const targetElement = getTargetElement();
+    if (!targetElement || checkEmpty(options)) return;
+    targetElement.classList.toggle('menu-hover-active', isHovered || isClicked);
     return () => {
-      if (targetRef) {
-        const parentDom = getAnchorElement(targetRef);
-        parentDom?.classList.remove('menu-hover-active');
-      }
+      targetElement.classList.remove('menu-hover-active');
     };
-  }, [isClicked, targetRef, options]);
+  }, [isHovered, isClicked, targetRef, options, getTargetElement]);
   const getScrollableParent = element => {
     if (!element) return null;
     let parent = element.parentElement;
@@ -7031,6 +7053,9 @@ const MenuOption = ({
   }, []);
   const onIconClickHandler = () => {
     if (disabled) return;
+    if (didMouseEntered) {
+      didMouseEntered();
+    }
     onClick();
     calculateDims();
     setIsClicked(prev => !prev);
@@ -7068,6 +7093,8 @@ const MenuOption = ({
           }),
           ref: menuIconRef,
           onClick: onIconClickHandler,
+          onMouseEnter: () => tableMenu && !disabled && setIsHovered(true),
+          onMouseLeave: () => tableMenu && setIsHovered(false),
           style: {
             width: `${iconButtonSize}px`,
             height: `${iconButtonSize}px`,
@@ -7095,7 +7122,8 @@ const MenuOption = ({
       dropdownPlacement: dropdownPlacement,
       variant: optionCardVariant,
       isAddResourceButton: isAddResourceButton,
-      alignOption: alignOption
+      alignOption: alignOption,
+      ownerId: typeof targetRef !== 'string' && targetRef?.current?.id || treeRowRef?.current?.id
     })]
   });
 };
@@ -13234,13 +13262,14 @@ const FileDropzone = ({
   }, [acceptedFiles, setSelectedFile]);
   const rejectedFilesList = React.useMemo(() => rejectedFiles.map(rejectedFile => jsxRuntime.jsx(FilePreview, {
     file: rejectedFile.file,
-    error: rejectedFile.errors[0]?.message,
+    error: invalidFileMessage ? invalidFileMessage : rejectedFile.errors[0]?.message,
     onRemoveClick: handleRemoveClick,
     onReplaceClick: handleReplaceClick,
     onUploadFile: onUploadFile,
     isUploadIcon: isUploadIcon,
     isRemoveDisabled: isRemoveDisabled,
-    isReplaceDisabled: isReplaceDisabled
+    isReplaceDisabled: isReplaceDisabled,
+    isError: rejectedFile.errors[0]?.message ? true : false
   }, rejectedFile.file.name)), [rejectedFiles, handleRemoveClick, handleReplaceClick, isUploadIcon, onUploadFile]);
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-file-dropzone-wrapper'),
@@ -16059,6 +16088,19 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
       setTimeout(() => input.focus(), 0);
     }
   };
+  const handleOnKeyDown = e => {
+    const {
+      type,
+      value
+    } = e.currentTarget;
+    const parsedValue = parseInt(value);
+    if (type === 'number') {
+      if (['Subtract', '-'].includes(e.key) || e.key === 'ArrowDown' && parsedValue <= 0) {
+        e.preventDefault();
+      }
+    }
+    onKeyDown?.(e);
+  };
   return jsxRuntime.jsxs("div", {
     className: classNames('ff-input-with-dropdown-container', {
       'ff-input-with-dropdown-container--filled': isValueFilled
@@ -16119,7 +16161,7 @@ const InputWithDropdown = /*#__PURE__*/React.forwardRef(({
           disabled: disabled,
           onClick: onClick,
           onKeyUp: onKeyUp,
-          onKeyDown: onKeyDown,
+          onKeyDown: handleOnKeyDown,
           onWheel: handleWheel,
           onFocus: onFocus,
           className: classNames('ff-floating-input', {
@@ -17650,6 +17692,9 @@ const Tabs = ({
   noBorder = false,
   noPadding = false,
   titleSize = '12px',
+  isBorderBottomLine = false,
+  isHoverBackground = false,
+  isBorderRadius = false,
   tabFlexSpacing = 'flex-start'
 }) => {
   return jsxRuntime.jsxs("div", {
@@ -17657,14 +17702,16 @@ const Tabs = ({
     children: [jsxRuntime.jsx("div", {
       className: classNames(`ff-tab-row--${variant} ff-tab-row-spacing--${tabFlexSpacing}`, {
         'ff-tab-row--no-border': noBorder,
-        'ff-tab-row--no-padding': noPadding
+        'ff-tab-row--no-padding': noPadding,
+        'ff-tab-row--borderBottomLine': isBorderBottomLine
       }),
       children: tabsData.map(tab => jsxRuntime.jsxs("button", {
         onClick: () => !tab.disabled && onTabClick(tab.id),
         disabled: tab.disabled,
         className: classNames(`ff-tab-button--${variant}`, {
           disabled: tab.disabled,
-          active: activeTabId === tab.id
+          active: activeTabId === tab.id,
+          'ff-tab-button-bg': isHoverBackground
         }),
         children: [jsxRuntime.jsxs("div", {
           className: "label-count-section",
@@ -17690,7 +17737,9 @@ const Tabs = ({
           })]
         }), jsxRuntime.jsx("div", {
           className: classNames('ff-tab-bar', {
-            'ff-tab-bar--active': activeTabId === tab.id
+            'ff-tab-bar--active': activeTabId === tab.id,
+            'ff-tab-bar--radius-4': isBorderRadius,
+            'ff-tab-bar--radius-2': !isBorderRadius
           })
         }), jsxRuntime.jsx("span", {
           className: `ff-defaultStatus ${tab.status === 'success' ? 'ff-successStatus' : tab.status === 'error' ? 'ff-dangerStatus' : ''}`
@@ -30494,7 +30543,8 @@ const clearStore = () => {
 };
 
 const AppHeader = ({
-  logoIconName = 'fireflink_icon',
+  logo,
+  profileContent,
   width,
   borderRadius,
   leftContent,
@@ -30661,20 +30711,12 @@ const AppHeader = ({
         borderStartStartRadius: borderRadius,
         borderStartEndRadius: borderRadius
       },
-      children: [jsxRuntime.jsxs("div", {
-        className: "ff-app-header-left-container",
-        children: [jsxRuntime.jsx("div", {
-          className: "ff-app-header-logo-icon",
-          children: jsxRuntime.jsx(Icon, {
-            color: "",
-            name: logoIconName,
-            height: 24,
-            width: 21
-          })
-        }), leftContent && jsxRuntime.jsx("div", {
-          className: "ff-app-header-left-content",
-          children: leftContent
-        })]
+      children: [jsxRuntime.jsx("div", {
+        className: "ff-app-header-logo-icon",
+        children: logo
+      }), leftContent && jsxRuntime.jsx("div", {
+        className: "ff-app-header-left-content",
+        children: leftContent
       }), jsxRuntime.jsxs("div", {
         className: "ff-app-header-nav-bar",
         style: {
@@ -30808,6 +30850,9 @@ const AppHeader = ({
       }), rightContent && jsxRuntime.jsx("div", {
         className: "ff-app-header-right-content",
         children: rightContent
+      }), profileContent && jsxRuntime.jsx("div", {
+        className: "ff-app-header-profile-content",
+        children: profileContent
       })]
     })
   });
@@ -34674,7 +34719,7 @@ const MachineInputField = ({
   const getIcon = {
     local: 'local',
     browserstack: 'browserstack_icon',
-    saucelabs: 'sause_lab',
+    saucelabs: 'sause_lab_icon',
     lambdatest: 'lambda_icon',
     mac: 'mac_icon',
     mac_icon: 'mac_icon',
@@ -34872,11 +34917,11 @@ const Branches = ({
       type: browserName
     }];
     // Mobile-specific options
-    const mobileOptions = deviceInfo?.reduce((acc, device, index) => {
+    const mobileOptions = deviceInfo?.reduce((acc, device) => {
       if (device?.name) {
         acc.push({
           label: device?.name,
-          type: index === 0 ? 'android' : 'mac',
+          type: device?.platform,
           version: scriptType?.toLowerCase() === 'manual' ? device?.version : ''
         });
       }
@@ -36885,8 +36930,8 @@ function getOffsetRect(element) {
   return {
     width: element.offsetWidth,
     height: element.offsetHeight,
-    left: element.offsetLeft - 1,
-    top: element.offsetTop - 1
+    left: element.offsetLeft,
+    top: element.offsetTop
   };
 }
 /** Write given data to clipboard with given event */
@@ -37035,20 +37080,16 @@ function deleteColumnDimension(columns, deleteIndex) {
   return updated;
 }
 /** Get the dimensions of cell at point from state */
-function getCellDimensions(point, rowDimensions, columnDimensions, visibleRange) {
+function getCellDimensions(point, rowDimensions, columnDimensions) {
   const DEFAULT_ROW_HEIGHT = 32;
-  const DEFAULT_COLUMN_WIDTH = 100;
-  const HEADER_HEIGHT = 32;
-  const ROW_INDICATOR_WIDTH = 60;
+  const DEFAULT_COLUMN_WIDTH = 100; // Use your minimumColumnWidth or a default value; adjust based on props if needed
+  const HEADER_HEIGHT = 32; // Adjust based on your header row height (e.g., from CSS or measured)
+  const ROW_INDICATOR_WIDTH = 60; // From your RowIndicator minWidth style
   let top = HEADER_HEIGHT;
   for (let r = 0; r < point.row; r++) {
     top += (rowDimensions?.[r] ? rowDimensions?.[r]?.height : DEFAULT_ROW_HEIGHT) || DEFAULT_ROW_HEIGHT;
   }
   const height = (rowDimensions?.[point.row] ? rowDimensions?.[point.row]?.height : DEFAULT_ROW_HEIGHT) || DEFAULT_ROW_HEIGHT;
-  if (visibleRange && rowDimensions && rowDimensions[visibleRange.start]) {
-    const visibleTop = rowDimensions[visibleRange.start]?.top || HEADER_HEIGHT;
-    top = top - visibleTop + HEADER_HEIGHT;
-  }
   let left = ROW_INDICATOR_WIDTH;
   for (let c = 0; c < point.column; c++) {
     left += (columnDimensions?.[c] ? columnDimensions?.[c]?.width : DEFAULT_COLUMN_WIDTH) || DEFAULT_COLUMN_WIDTH;
@@ -37062,20 +37103,16 @@ function getCellDimensions(point, rowDimensions, columnDimensions, visibleRange)
   };
 }
 /** Get the dimensions of customized cell at point from state */
-function getScrollCellDimensions(point, rowDimensions, columnDimensions, visibleRange) {
+function getScrollCellDimensions(point, rowDimensions, columnDimensions) {
   const DEFAULT_ROW_HEIGHT = 32;
-  const DEFAULT_COLUMN_WIDTH = 100;
-  const HEADER_HEIGHT = 32;
+  const DEFAULT_COLUMN_WIDTH = 100; // Use your minimumColumnWidth or a default value
+  const HEADER_HEIGHT = 32; // Adjust as needed
   const ROW_INDICATOR_WIDTH = 60;
-  let top = HEADER_HEIGHT;
+  let top = HEADER_HEIGHT + 4000; // Preserve your fixed top for scrolling, but add header offset
   for (let r = 0; r < point.row; r++) {
     top += (rowDimensions?.[r] ? rowDimensions?.[r]?.height : DEFAULT_ROW_HEIGHT) || DEFAULT_ROW_HEIGHT;
   }
   const height = (rowDimensions?.[point.row] ? rowDimensions?.[point.row]?.height : DEFAULT_ROW_HEIGHT) || DEFAULT_ROW_HEIGHT;
-  if (visibleRange && rowDimensions && rowDimensions[visibleRange.start]) {
-    const visibleTop = rowDimensions[visibleRange.start]?.top || HEADER_HEIGHT;
-    top = top - visibleTop + HEADER_HEIGHT;
-  }
   let left = ROW_INDICATOR_WIDTH;
   for (let c = 0; c < point.column; c++) {
     left += (columnDimensions?.[c] ? columnDimensions?.[c]?.width : DEFAULT_COLUMN_WIDTH) || DEFAULT_COLUMN_WIDTH;
@@ -37099,24 +37136,14 @@ function getRangeDimensions(rowDimensions, columnDimensions, range) {
     width: endDimensions.left + endDimensions.width - startDimensions.left,
     height: endDimensions.top + endDimensions.height - startDimensions.top,
     top: startDimensions.top + 1,
-    left: startDimensions.left + 1
+    // Note: +1 Because of Active cell width is 2px
+    left: startDimensions.left + 1 // Note: +1 Because of Active cell width is 2px
   };
 }
 /** Get the dimensions of selected */
-function getSelectedDimensions(rowDimensions, columnDimensions, data, selected, visibleRange) {
+function getSelectedDimensions(rowDimensions, columnDimensions, data, selected) {
   const range = selected.toRange(data);
-  if (!range) return undefined;
-  let startDimensions = getCellDimensions(range.start, rowDimensions, columnDimensions, visibleRange);
-  let endDimensions = getCellDimensions(range.end, rowDimensions, columnDimensions, visibleRange);
-  if (endDimensions === undefined) {
-    endDimensions = getScrollCellDimensions(range.end, rowDimensions, columnDimensions, visibleRange);
-  }
-  return startDimensions && endDimensions && {
-    width: endDimensions.left + endDimensions.width - startDimensions.left,
-    height: endDimensions.top + endDimensions.height - startDimensions.top,
-    top: startDimensions.top + 1,
-    left: startDimensions.left + 1
-  };
+  return range ? getRangeDimensions(rowDimensions, columnDimensions, range) : undefined;
 }
 /** Get given data as CSV */
 function getCSV(data) {
@@ -38111,7 +38138,7 @@ function dragEndFormatePainter(currentData, selectedRange, formattedStyle) {
   }
   return updatedData;
 }
-function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell) {
+function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell, control) {
   if (!selectedRange) {
     return currentData;
   }
@@ -38129,26 +38156,30 @@ function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell) {
     row: 0,
     column: 0
   };
-  if (rowCount > columnCount) {
+  if (Math.abs(rowCount) > Math.abs(columnCount)) {
+    // vertical drag
     startPoint = {
-      row: activeCell?.row ?? 0,
-      column: start.column
+      row: Math.min(start.row, end.row),
+      column: activeCell?.column ?? start.column
     };
     endPoint = {
-      row: activeCell?.row ?? 0,
-      column: end.column
+      row: Math.max(start.row, end.row),
+      column: activeCell?.column ?? start.column
     };
   } else {
+    // horizontal drag
     startPoint = {
-      row: start.row,
-      column: activeCell?.column ?? 0
+      row: activeCell?.row ?? start.row,
+      column: Math.min(start.column, end.column)
     };
     endPoint = {
-      row: end.row,
-      column: activeCell?.column ?? 0
+      row: activeCell?.row ?? start.row,
+      column: Math.max(start.column, end.column)
     };
   }
   let updatedData = currentData;
+  const baseValue = String(cellValue.value ?? '');
+  const matches = [...baseValue.matchAll(/(\d+)/g)];
   for (let row = startPoint.row; row <= endPoint.row; row++) {
     for (let col = startPoint.column; col <= endPoint.column; col++) {
       const currentCell = get$1({
@@ -38158,10 +38189,26 @@ function dragEndAutoFill(currentData, selectedRange, cellValue, activeCell) {
       if (!currentCell || currentCell.readOnly || ['file'].includes(currentCell?.inputType?.type || '')) {
         continue;
       }
+      let newValue = baseValue;
+      if (!control && matches.length > 0) {
+        let step = 0;
+        if (Math.abs(rowCount) > Math.abs(columnCount)) {
+          step = row - (activeCell?.row ?? startPoint.row);
+        } else {
+          step = col - (activeCell?.column ?? startPoint.column);
+        }
+        let index = 0;
+        newValue = newValue.replace(/(\d+)/g, () => {
+          const match = matches[index++];
+          if (!match) return '';
+          const originalNum = parseInt(match[0], 10);
+          return (originalNum + step).toString();
+        });
+      }
       const updatedCell = {
         ...currentCell,
         style: cellValue.style,
-        value: cellValue.value,
+        value: newValue,
         inputType: cellValue.inputType
       };
       updatedData = set$1({
@@ -38502,7 +38549,8 @@ const INITIAL_STATE = {
     open: false,
     style: undefined
   },
-  editable: false
+  editable: false,
+  ctrl: true
 };
 function reducer(state, action) {
   switch (action.type) {
@@ -39157,6 +39205,12 @@ function reducer(state, action) {
         const {
           event
         } = action.payload;
+        if (event.ctrlKey) {
+          return {
+            ...state,
+            ctrl: !state.ctrl
+          };
+        }
         if (isActiveReadOnly(state) || event.metaKey || !state.editable) {
           return state;
         }
@@ -39243,7 +39297,7 @@ function reducer(state, action) {
           updatedData = dragEndFormatePainter(state.model.data, selectedRange, state.formattedStyle);
         }
         if (state.autoFill.open && state.editable && selectedRange) {
-          updatedData = dragEndAutoFill(state.model.data, selectedRange, state.autoFill.cellValue, activeCell);
+          updatedData = dragEndAutoFill(state.model.data, selectedRange, state.autoFill.cellValue, activeCell, state.ctrl);
           let {
             start,
             end
@@ -40819,7 +40873,8 @@ const RowIndicator = ({
   cell,
   maxRowLimit,
   disableDeleteOption,
-  contextMenu
+  contextMenu,
+  setVisibleRange
 }) => {
   const dispatch = useDispatch();
   const rowHeight = useSelector(state => state.rowDimensions[row]?.height || 32);
@@ -40827,12 +40882,21 @@ const RowIndicator = ({
   const {
     rowCount
   } = getMatrixDimensions(matrixData);
+  const updateVisibleRangeEnd = action => {
+    setVisibleRange(prev => ({
+      ...prev,
+      end: action === 'increment' ? prev.end + 1 : prev.end - 1
+    }));
+  };
   const options = React__namespace.useMemo(() => {
     return [{
       label: 'Add Row Top',
       value: 'Add Row Top',
       iconName: 'plus_icon',
-      action: () => addRowTop(),
+      action: () => {
+        updateVisibleRangeEnd('increment');
+        addRowTop();
+      },
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Top'] ?? false,
       disable: rowCount >= maxRowLimit
@@ -40840,7 +40904,10 @@ const RowIndicator = ({
       label: 'Add Row Bottom',
       value: 'Add Row Bottom',
       iconName: 'plus_icon',
-      action: () => addRowBottom(),
+      action: () => {
+        updateVisibleRangeEnd('increment');
+        addRowBottom();
+      },
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Bottom'] ?? false,
       disable: rowCount >= maxRowLimit
@@ -40848,7 +40915,10 @@ const RowIndicator = ({
       label: 'Delete Row',
       value: 'Delete Row',
       iconName: 'delete',
-      action: () => deleteRow(),
+      action: () => {
+        updateVisibleRangeEnd('decrement');
+        deleteRow();
+      },
       disableTooltip: '',
       visible: cell?.contextDisable?.['Delete Row'] ?? false,
       disable: false
@@ -41158,22 +41228,36 @@ const ActiveCell = props => {
   const view = React__namespace.useCallback(() => {
     dispatch(view$1());
   }, [dispatch]);
+  const rowDimensions = useSelector(state => state.rowDimensions);
   const active = useSelector(state => state.active);
   const mode = useSelector(state => state.mode);
   const cell = useSelector(state => state.active ? get$1(state.active, state.model.data) : undefined);
   const dimensions = useSelector(state => {
-    let dimensionValue = active ? getCellDimensions(active, state.rowDimensions, state.columnDimensions, props.visibleRange) : undefined;
+    let dimensionValue = active ? getCellDimensions(active, state.rowDimensions, state.columnDimensions) : undefined;
     dimensionValue = {
-      top: (dimensionValue?.top ?? 0) + 1,
+      top: dimensionValue?.top ? dimensionValue?.top : 0,
+      height: dimensionValue?.height ? dimensionValue?.height : 0,
+      left: dimensionValue?.left ? dimensionValue?.left : 0,
       // Note: +1 Because of Active cell width is 2px
-      height: (dimensionValue?.height ?? 0) + 1,
-      // Note: +1 Because of Active cell width is 2px
-      left: (dimensionValue?.left ?? 0) + 1,
-      // Note: +1 Because of Active cell width is 2px
-      width: (dimensionValue?.width ?? 0) + 1 // Note: +1 Because of Active cell width is 2px
+      width: dimensionValue?.width ? dimensionValue?.width : 0
     };
     return dimensionValue;
   });
+  const offset = React__namespace.useMemo(() => {
+    let sum = 0;
+    const DEFAULT_ROW_HEIGHT = 32;
+    for (let r = 0; r < props.visibleRange.start; r++) {
+      sum += rowDimensions[r]?.height || DEFAULT_ROW_HEIGHT;
+    }
+    return sum;
+  }, [rowDimensions, props.visibleRange.start]);
+  const adjustedDimensions = React__namespace.useMemo(() => {
+    if (!dimensions) return undefined;
+    return {
+      ...dimensions,
+      top: dimensions.top - offset
+    };
+  }, [dimensions, offset]);
   const hidden = React__namespace.useMemo(() => !active || !dimensions, [active, dimensions]);
   const initialCellRef = React__namespace.useRef(undefined);
   const prevActiveRef = React__namespace.useRef(null);
@@ -41534,7 +41618,7 @@ const ActiveCell = props => {
   return jsxRuntime.jsxs("div", {
     ref: rootRef,
     className: classNames('ff-spreadsheet-active-cell', `ff-spreadsheet-active-cell--${mode}`),
-    style: dimensions,
+    style: adjustedDimensions,
     onContextMenu: contextClick,
     onClick: mode === 'view' && !readOnly ? edit : undefined,
     tabIndex: 0,
@@ -41588,6 +41672,7 @@ const ActiveCell = props => {
       style: {
         ...cell?.style,
         textDecoration: 'normal',
+        pointerEvents: 'none',
         borderTop: '',
         borderBottom: '',
         borderLeft: '',
@@ -41649,14 +41734,33 @@ const Selected = ({
   visibleRange
 }) => {
   const selected = useSelector(state => state.selected);
-  const dimensions = useSelector(state => {
-    return selected && getSelectedDimensions(state.rowDimensions, state.columnDimensions, state.model.data, state.selected, visibleRange);
-  });
+  const rowDimensions = useSelector(state => state.rowDimensions);
   const dragging = useSelector(state => state.dragging);
   const hidden = useSelector(state => state.selected.size(state.model.data) < 2);
+  const dimensions = useSelector(state => {
+    return selected && getSelectedDimensions(state.rowDimensions, state.columnDimensions, state.model.data, state.selected);
+  });
+  const offset = React__namespace.useMemo(() => {
+    let sum = 0;
+    const DEFAULT_ROW_HEIGHT = 32;
+    for (let r = 0; r < visibleRange.start; r++) {
+      sum += rowDimensions[r]?.height || DEFAULT_ROW_HEIGHT;
+    }
+    return sum;
+  }, [rowDimensions, visibleRange.start]);
+  const adjustedDimensions = React__namespace.useMemo(() => {
+    if (!dimensions) return undefined;
+    return {
+      ...dimensions,
+      top: dimensions.top - offset - 1,
+      left: dimensions.left - 1,
+      height: dimensions.height + 2,
+      width: dimensions.width + 2
+    };
+  }, [dimensions, offset]);
   return jsxRuntime.jsx(FloatingRect, {
     variant: "selected",
-    dimensions: dimensions,
+    dimensions: adjustedDimensions,
     dragging: dragging,
     hidden: hidden
   });
@@ -42309,19 +42413,6 @@ const Spreadsheet = props => {
     }
     prevEvaluatedDataRef.current = state.model.evaluatedData;
   }, [state?.model?.evaluatedData, onEvaluatedDataChange]);
-  React__namespace.useEffect(() => {
-    if (size.rows < 100) {
-      setVisibleRange({
-        start: 0,
-        end: size.rows
-      });
-    } else {
-      setVisibleRange({
-        start: 0,
-        end: 100
-      });
-    }
-  }, [sheetChange, size.rows]);
   const prevSelectedRef = React__namespace.useRef(state.selected);
   React__namespace.useEffect(() => {
     if (!state.selected.equals(prevSelectedRef.current)) {
@@ -42347,7 +42438,7 @@ const Spreadsheet = props => {
       setData$1(props.data);
     }
     prevDataPropRef.current = props.data;
-  }, [props.data, setData$1]);
+  }, [props.data, setData$1, editable$1]);
   const prevCreateFormulaParserPropRef = React__namespace.useRef(props.createFormulaParser);
   React__namespace.useEffect(() => {
     if (props.createFormulaParser !== prevCreateFormulaParserPropRef.current && props.createFormulaParser) setCreateFormulaParser$1(props.createFormulaParser);
@@ -42435,7 +42526,7 @@ const Spreadsheet = props => {
   const Cell$1 = React__namespace.useMemo(() => {
     // @ts-ignore
     return enhance(props.Cell || Cell);
-  }, [props.Cell, sheetChange]);
+  }, [props.Cell, sheetChange, editable$1]);
   const CornerIndicator$1 = React__namespace.useMemo(() => enhance$3(props.CornerIndicator || CornerIndicator), [props.CornerIndicator, sheetChange]);
   const RowIndicator$1 = React__namespace.useMemo(() => enhance$1(props.RowIndicator || RowIndicator), [props.RowIndicator, sheetChange]);
   const ColumnIndicator = React__namespace.useMemo(() => enhance$2(props.ColumnIndicator || EnhancedColumnIndicator), [props.ColumnIndicator, sheetChange]);
@@ -42466,12 +42557,14 @@ const Spreadsheet = props => {
       end: newEnd
     });
     // Wait until next frame to scroll
-    requestAnimationFrame(() => {
-      rootRef.current?.scrollTo({
-        top: 1300,
-        behavior: 'instant'
+    if (size.rows > 100) {
+      requestAnimationFrame(() => {
+        rootRef.current?.scrollTo({
+          top: 1300,
+          behavior: 'instant'
+        });
       });
-    });
+    }
     removeSelection();
   };
   const throttledHandleScroll = React__namespace.useMemo(() => throttle(e => {
@@ -42486,7 +42579,7 @@ const Spreadsheet = props => {
       const rowHeight = 50;
       const totalScroll = Math.ceil((size.rows - visibleRows) / rowHeight);
       const dynamicScroll = scrollHeight - offsetHeight;
-      if (size.rows < 100) {
+      if (size.rows < visibleRows) {
         updateVisibleRange(0, size.rows, 0);
         setScrollCount(0);
       } else if (scrollTop === 0 && scrollCount !== 0) {
@@ -42565,7 +42658,8 @@ const Spreadsheet = props => {
         rowContextEnable: props.rowContextEnable,
         maxRowLimit: maxRowLimit,
         disableDeleteOption: disableDeleteOption,
-        contextMenu: contextMenu
+        contextMenu: contextMenu,
+        setVisibleRange: setVisibleRange
       }, rowNumber) : jsxRuntime.jsx(RowIndicator$1, {
         row: rowNumber,
         addRowTop: addRowTop$1,
@@ -42575,7 +42669,8 @@ const Spreadsheet = props => {
         rowContextEnable: props.rowContextEnable,
         maxRowLimit: maxRowLimit,
         disableDeleteOption: disableDeleteOption,
-        contextMenu: contextMenu
+        contextMenu: contextMenu,
+        setVisibleRange: setVisibleRange
       }, rowNumber), range(size.columns).map(columnNumber => jsxRuntime.jsx(Cell$1, {
         row: rowNumber,
         column: columnNumber,
@@ -42761,7 +42856,9 @@ const ExcelFile = ({
   showHider = true,
   maxRowLimit = Infinity,
   maxColLimit = Infinity,
-  maxSheetLimit = Infinity
+  maxSheetLimit = Infinity,
+  selectedSheetName,
+  onSheetChange
 }) => {
   const [sheetNames, setSheetNames] = React.useState([]);
   const [saveInfo, setSaveInfo] = React.useState('');
@@ -42804,12 +42901,20 @@ const ExcelFile = ({
     if (payload) {
       const sheetNames = payload.map(e => e.sheetName);
       setSheetNames(sheetNames);
+      let initialIndex = 0;
+      let initialName = sheetNames[0] || '';
+      if (selectedSheetName) {
+        const foundIndex = sheetNames.findIndex(name => name === selectedSheetName);
+        if (foundIndex !== -1) {
+          initialIndex = foundIndex;
+          initialName = selectedSheetName;
+        }
+      }
       if (!checkEmpty(sheetNames.length)) {
-        pageRef.current = sheetNames[0] || ''; // Ternary is required, must use ''
+        pageRef.current = initialName;
         setSelectedSheet({
-          name: sheetNames[0] || '',
-          // Ternary is required, must use ''
-          index: 0
+          name: initialName,
+          index: initialIndex
         });
       }
       const newWorksheetsData = {};
@@ -43071,6 +43176,9 @@ const ExcelFile = ({
       setSelectedSheetData([[EmptyCell]]);
     }
     pageRef.current = name;
+    if (onSheetChange) {
+      onSheetChange(name);
+    }
   };
   const setCursorToEnd = element => {
     const range = document.createRange();
@@ -43109,7 +43217,7 @@ const ExcelFile = ({
     document.addEventListener('click', e => handleClickOutside(e, true));
     return () => {
       document.removeEventListener('contextmenu', handleClickOutside);
-      document.addEventListener('click', e => handleClickOutside(e, true));
+      document.removeEventListener('click', e => handleClickOutside(e, true));
     };
   }, [handleClickOutside]);
   const contextClick = (event, name, index) => {
@@ -46903,7 +47011,7 @@ const VariableDropdown = ({
       overscan: 10,
       fixedItemHeight: itemHeight
     }) : jsxRuntime.jsx("div", {
-      className: "ff-variable-option",
+      className: "ff-variable-option ff-variable-option-no-data",
       children: jsxRuntime.jsx(Typography, {
         as: "span",
         fontSize: 12,
@@ -47548,7 +47656,7 @@ const OptionsDropdown$1 = ({
         })
       }, option?.id);
     }) : jsxRuntime.jsx("div", {
-      className: "ff-variable-option",
+      className: "ff-variable-option no-data",
       children: jsxRuntime.jsx(Typography, {
         as: "div",
         children: "No Option",
@@ -47588,6 +47696,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
   clearIcon = true,
   inputTitle = '',
   onBlur,
+  helperTextWidth,
   ...props
 }, ref) => {
   const [showDropdown, setShowDropdown] = React.useState(false);
@@ -47751,12 +47860,12 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
     children: [jsxRuntime.jsxs("div", {
       className: "ff-add-variable-input",
       ref: containerRef,
-      children: [jsxRuntime.jsx(Tooltip, {
+      children: [jsxRuntime.jsxs(Tooltip, {
         title: inputTitle,
         style: {
           width: '100%'
         },
-        children: jsxRuntime.jsx(Input$1, {
+        children: [jsxRuntime.jsx(Input$1, {
           ...props,
           name: "add_variable",
           ref: inputRef,
@@ -47781,8 +47890,18 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           helperText: helperText,
           error: error,
           required: required,
+          helperTextWidth: helperTextWidth,
           ...formProps
-        })
+        }), !checkEmpty(value) && showCreateVariableIcon && showAddVariableIcon && jsxRuntime.jsx("div", {
+          className: "ff-create-variable-container",
+          onClick: onCreateVariableClick,
+          children: jsxRuntime.jsx(Typography, {
+            fontWeight: "regular",
+            fontSize: "10px",
+            color: 'var(--brand-color)',
+            children: "Create Variable"
+          })
+        })]
       }), !checkEmpty(value) && !isOnlyHash && jsxRuntime.jsx("div", {
         className: "ff-cancel-icon-container",
         children: clearIcon && jsxRuntime.jsx(Tooltip, {
@@ -47799,13 +47918,6 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           })
         })
       })]
-    }), !checkEmpty(value) && showCreateVariableIcon && showAddVariableIcon && jsxRuntime.jsx("div", {
-      className: "ff-create-variable-container",
-      onClick: onCreateVariableClick,
-      children: jsxRuntime.jsx(Tooltip, {
-        title: "Create as Variable",
-        children: "Create Variable"
-      })
     }), result?.showDropdown && isFocused && jsxRuntime.jsx(VariableDropdown, {
       position: "absolute",
       zIndex: zIndex,
@@ -65304,7 +65416,7 @@ const OptionsDropdown = ({
         })
       }, option?.id);
     }), filteredOptions?.length === 0 && jsxRuntime.jsx("div", {
-      className: "ff-variable-option",
+      className: "ff-variable-option .ff-variable-option-no-data ",
       children: jsxRuntime.jsx(Typography, {
         as: "span",
         fontSize: 14,
@@ -121013,7 +121125,8 @@ const ScriptGenerationLoader = ({
   }],
   width,
   height,
-  path
+  path,
+  DynamicHeight = 500
 }) => {
   const [currentIndex, setCurrentIndex] = React.useState(0);
   const [visibleChars, setVisibleChars] = React.useState('');
@@ -121045,7 +121158,10 @@ const ScriptGenerationLoader = ({
     children: [jsxRuntime.jsx("div", {
       className: "ff-moving-sections-container",
       children: numberOfDivs?.map(order => jsxRuntime.jsx("div", {
-        className: `ff-moving-section${order}`
+        className: `ff-moving-section${order}`,
+        style: {
+          height: `${DynamicHeight + 'px'}`
+        }
       }, order))
     }), jsxRuntime.jsxs("div", {
       className: "ff-gif-container",