pixel-react 1.14.42 → 1.14.44

package/lib/index.cjs

@@ -222,7 +222,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 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 0.439941H0V1.71995H6V0.439941ZM0 3.00001H6V4.28001H0V3.00001ZM6 10.6801H0V11.9601H6V10.6801ZM6 13.2401H0V14.5201H6V13.2401ZM2.56001 5.56002H10.2401V6.84003H2.56001V5.56002ZM12.4084 5.56002H10.5601V6.84003H12.4084V5.56002ZM2.56001 8.12003H12.8V9.40004H2.56001V8.12003ZM16 8.12003H13.44V9.40004H16V8.12003Z", fill: "currentColor" }));
+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 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 }));
 
@@ -856,6 +856,12 @@ const SvgHideScripts = (props) => /* @__PURE__ */ React__namespace.createElement
 
 const SvgFiaIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 16, cy: 17, r: 8, fill: "#F2D7FE" }), /* @__PURE__ */ React__namespace.createElement("rect", { x: 0.5, y: 0.5, width: 31, height: 31, rx: 15.5, fill: "url(#paint0_linear_175_15917)", stroke: "url(#paint1_linear_175_15917)" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M25.0585 16.7819C25.0585 19.7902 23.9858 21.7593 22.2647 22.9703C20.3982 24.2141 18.2799 24.5817 16 24.5817C10.9988 24.5817 6.9415 22.6318 6.9415 16.7819C6.9415 11.3181 10.9988 7.41821 16 7.41821C21.0013 7.41821 25.0585 11.3181 25.0585 16.7819Z", fill: "#F5F5F5" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.7067 23.6157L22.6985 23.6212C20.653 24.9843 18.3597 25.3639 16 25.3639C13.4186 25.3639 10.9594 24.8642 9.12864 23.5033C7.25646 22.1116 6.1593 19.9083 6.1593 16.7819C6.1593 10.8945 10.5585 6.63605 16 6.63605C21.4415 6.63605 25.8407 10.8945 25.8407 16.7819C25.8407 20.0008 24.6777 22.2289 22.7148 23.61L22.7067 23.6157ZM22.2647 22.9703C23.9858 21.7593 25.0585 19.7903 25.0585 16.7819C25.0585 11.3182 21.0013 7.41824 16 7.41824C10.9988 7.41824 6.94149 11.3182 6.94149 16.7819C6.94149 22.6318 10.9988 24.5817 16 24.5817C18.2799 24.5817 20.3982 24.2142 22.2647 22.9703Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16 7.41821C15.7588 7.41821 15.5233 7.43538 15.2849 7.45302C19.951 7.8063 23.6283 11.5818 23.6283 16.7819C23.6283 19.7902 22.5555 21.7593 20.8344 22.9703C19.5495 23.8284 17.9428 24.4573 15.304 24.5641C15.5342 24.5731 15.765 24.5817 16 24.5817C18.2823 24.5817 20.3991 24.2137 22.2647 22.9703C23.9858 21.7593 25.0585 19.7902 25.0585 16.7819C25.0585 11.3181 21.0013 7.41821 16 7.41821Z", fill: "#CFD8DC" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.8606 13.1394H13.1394C10.7696 13.1394 8.84856 15.0605 8.84856 17.4303C8.84856 19.8001 10.7696 21.7212 13.1394 21.7212H18.8606C21.2304 21.7212 23.1515 19.8001 23.1515 17.4303C23.1515 15.0605 21.2304 13.1394 18.8606 13.1394Z", fill: "#607D8B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.8606 13.1394H17.4303C19.8001 13.1394 21.7212 15.0605 21.7212 17.4303C21.7212 19.8001 19.8001 21.7212 17.4303 21.7212H18.8606C21.2304 21.7212 23.1515 19.8001 23.1515 17.4303C23.1515 15.0605 21.2304 13.1394 18.8606 13.1394Z", fill: "#37474F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.89503 9.32527C8.42165 9.32527 8.84855 8.89836 8.84855 8.37174C8.84855 7.84512 8.42165 7.41821 7.89503 7.41821C7.36841 7.41821 6.9415 7.84512 6.9415 8.37174C6.9415 8.89836 7.36841 9.32527 7.89503 9.32527Z", fill: "#D156E5" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.40727 8.37179C9.40727 9.20698 8.73022 9.88403 7.89503 9.88403C7.05985 9.88403 6.3828 9.20698 6.3828 8.37179C6.3828 7.53661 7.05985 6.85956 7.89503 6.85956C8.73022 6.85956 9.40727 7.53661 9.40727 8.37179ZM8.84856 8.37179C8.84856 8.89841 8.42165 9.32532 7.89503 9.32532C7.36841 9.32532 6.94151 8.89841 6.94151 8.37179C6.94151 7.84518 7.36841 7.41827 7.89503 7.41827C8.42165 7.41827 8.84856 7.84518 8.84856 8.37179Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.1859 17.9071C12.7125 17.9071 13.1394 17.4801 13.1394 16.9535C13.1394 16.4269 12.7125 16 12.1859 16C11.6593 16 11.2324 16.4269 11.2324 16.9535C11.2324 17.4801 11.6593 17.9071 12.1859 17.9071Z", fill: "#00BCD4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M19.8141 17.9071C20.3407 17.9071 20.7677 17.4801 20.7677 16.9535C20.7677 16.4269 20.3407 16 19.8141 16C19.2875 16 18.8606 16.4269 18.8606 16.9535C18.8606 17.4801 19.2875 17.9071 19.8141 17.9071Z", fill: "#00BCD4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M24.105 9.32527C24.6317 9.32527 25.0586 8.89836 25.0586 8.37174C25.0586 7.84512 24.6317 7.41821 24.105 7.41821C23.5784 7.41821 23.1515 7.84512 23.1515 8.37174C23.1515 8.89836 23.5784 9.32527 24.105 9.32527Z", fill: "#D156E5" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M25.6172 8.37179C25.6172 9.20698 24.9402 9.88403 24.105 9.88403C23.2698 9.88403 22.5927 9.20698 22.5927 8.37179C22.5927 7.53661 23.2698 6.85956 24.105 6.85956C24.9402 6.85956 25.6172 7.53661 25.6172 8.37179ZM25.0585 8.37179C25.0585 8.89841 24.6316 9.32532 24.105 9.32532C23.5784 9.32532 23.1515 8.89841 23.1515 8.37179C23.1515 7.84518 23.5784 7.41827 24.105 7.41827C24.6316 7.41827 25.0585 7.84518 25.0585 8.37179Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.4768 10.7556H15.5233C15.2599 10.7556 15.0465 10.5421 15.0465 10.2788C15.0465 10.0155 15.2599 9.80206 15.5233 9.80206H16.4768C16.7401 9.80206 16.9535 10.0155 16.9535 10.2788C16.9535 10.5421 16.7401 10.7556 16.4768 10.7556ZM15.0465 12.1859H16.9536C17.2169 12.1859 17.4303 11.9724 17.4303 11.7091C17.4303 11.4458 17.2169 11.2324 16.9536 11.2324H15.0465C14.7832 11.2324 14.5697 11.4458 14.5697 11.7091C14.5697 11.9724 14.7832 12.1859 15.0465 12.1859ZM23.6282 17.4303C23.6254 14.7984 21.4925 12.6655 18.8606 12.6626H13.1394C10.5063 12.6626 8.3718 14.7972 8.3718 17.4303C8.3718 20.0634 10.5063 22.1979 13.1394 22.1979H18.8606C21.4925 22.195 23.6254 20.0622 23.6282 17.4303ZM9.32532 17.4303C9.32769 15.3248 11.0339 13.6185 13.1394 13.6162H18.8606C20.9671 13.6162 22.6747 15.3238 22.6747 17.4303C22.6747 19.5368 20.9671 21.2444 18.8606 21.2444H13.1394C11.0339 21.242 9.32769 19.5358 9.32532 17.4303ZM10.7556 16.9535C10.7556 16.1636 11.396 15.5232 12.1859 15.5232C12.9758 15.5232 13.6162 16.1636 13.6162 16.9535C13.6162 17.7435 12.9758 18.3838 12.1859 18.3838C11.396 18.3838 10.7556 17.7435 10.7556 16.9535ZM11.7091 16.9535C11.7091 17.2168 11.9226 17.4303 12.1859 17.4303C12.4492 17.4303 12.6627 17.2168 12.6627 16.9535C12.6627 16.6902 12.4492 16.4768 12.1859 16.4768C11.9226 16.4768 11.7091 16.6902 11.7091 16.9535ZM19.8141 15.5232C20.6041 15.5232 21.2444 16.1636 21.2444 16.9535C21.2444 17.7435 20.6041 18.3838 19.8141 18.3838C19.0242 18.3838 18.3838 17.7435 18.3838 16.9535C18.3838 16.1636 19.0242 15.5232 19.8141 15.5232ZM19.8141 16.4768C19.5508 16.4768 19.3374 16.6902 19.3374 16.9535C19.3374 17.2168 19.5508 17.4303 19.8141 17.4303C20.0774 17.4303 20.2909 17.2168 20.2909 16.9535C20.2909 16.6902 20.0774 16.4768 19.8141 16.4768ZM16 18.8606C16.3955 18.8817 16.7855 18.7603 17.099 18.5183C17.2887 18.3389 17.587 18.3442 17.7702 18.5302C17.953 18.7156 17.9517 19.0138 17.7674 19.1977C17.2786 19.6213 16.6463 19.8419 16 19.8141C15.3549 19.841 14.7239 19.6205 14.236 19.1977C14.0656 19.0105 14.0711 18.7229 14.2485 18.5424C14.426 18.362 14.7135 18.3516 14.9035 18.5187C15.2164 18.76 15.6054 18.8812 16 18.8606Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.1394 13.5603H18.8606C20.9979 13.5603 22.7306 15.293 22.7306 17.4303C22.7306 19.5676 20.9979 21.3003 18.8606 21.3003H13.1394C11.0031 21.2979 9.27185 19.5667 9.26945 17.4304L9.26945 17.4302C9.27185 15.2939 11.0031 13.5627 13.1394 13.5603ZM17.1353 18.5608L17.1331 18.5625C16.8098 18.8121 16.4078 18.9376 16 18.9165C15.5931 18.9371 15.1921 18.8118 14.8694 18.563L14.8679 18.5619L14.8666 18.5607C14.6988 18.4131 14.445 18.4223 14.2884 18.5816C14.1325 18.7401 14.1269 18.9924 14.2751 19.1576C14.7519 19.5697 15.368 19.7846 15.9977 19.7583L16.0001 19.7582L16.0024 19.7583C16.6337 19.7854 17.2515 19.5702 17.7293 19.1568C17.8905 18.9945 17.8912 18.7325 17.7305 18.5694C17.5686 18.405 17.305 18.4003 17.1374 18.5589L17.1353 18.5608ZM17.7674 19.1977C17.2786 19.6213 16.6463 19.8419 16 19.8141C15.3549 19.841 14.7239 19.6205 14.236 19.1977C14.0656 19.0105 14.0711 18.7229 14.2485 18.5424C14.426 18.362 14.7135 18.3516 14.9035 18.5187C15.2164 18.76 15.6054 18.8812 16 18.8606C16.3955 18.8817 16.7855 18.7603 17.099 18.5183C17.2887 18.3389 17.587 18.3442 17.7702 18.5302C17.953 18.7156 17.9517 19.0138 17.7674 19.1977ZM15.5233 10.6997H16.4768C16.7092 10.6997 16.8977 10.5113 16.8977 10.2788C16.8977 10.0464 16.7092 9.85793 16.4768 9.85793H15.5233C15.2908 9.85793 15.1024 10.0464 15.1024 10.2788C15.1024 10.5113 15.2908 10.6997 15.5233 10.6997ZM15.0465 12.13H16.9536C17.186 12.13 17.3744 11.9416 17.3744 11.7091C17.3744 11.4767 17.186 11.2882 16.9536 11.2882H15.0465C14.814 11.2882 14.6256 11.4767 14.6256 11.7091C14.6256 11.9416 14.814 12.13 15.0465 12.13ZM23.5724 17.4303C23.5695 14.8292 21.4616 12.7214 18.8605 12.7185H13.1394C10.5372 12.7185 8.42767 14.8281 8.42767 17.4303C8.42767 20.0325 10.5372 22.1421 13.1394 22.1421H18.8605C21.4616 22.1392 23.5695 20.0314 23.5724 17.4303ZM23.6282 17.4303C23.6254 14.7984 21.4925 12.6655 18.8606 12.6626H13.1394C10.5063 12.6626 8.3718 14.7972 8.3718 17.4303C8.3718 20.0634 10.5063 22.1979 13.1394 22.1979H18.8606C21.4925 22.195 23.6254 20.0622 23.6282 17.4303ZM12.1859 15.5791C11.4268 15.5791 10.8115 16.1945 10.8115 16.9535C10.8115 17.7126 11.4268 18.3279 12.1859 18.3279C12.945 18.3279 13.5603 17.7126 13.5603 16.9535C13.5603 16.1945 12.945 15.5791 12.1859 15.5791ZM12.1859 17.4862C11.8917 17.4862 11.6533 17.2477 11.6533 16.9535C11.6533 16.6594 11.8917 16.4209 12.1859 16.4209C12.4801 16.4209 12.7185 16.6594 12.7185 16.9535C12.7185 17.2477 12.4801 17.4862 12.1859 17.4862ZM21.1886 16.9535C21.1886 16.1945 20.5732 15.5791 19.8141 15.5791C19.0551 15.5791 18.4397 16.1945 18.4397 16.9535C18.4397 17.7126 19.0551 18.3279 19.8141 18.3279C20.5732 18.3279 21.1886 17.7126 21.1886 16.9535ZM19.2815 16.9535C19.2815 16.6594 19.52 16.4209 19.8141 16.4209C20.1083 16.4209 20.3468 16.6594 20.3468 16.9535C20.3468 17.2477 20.1083 17.4862 19.8141 17.4862C19.52 17.4862 19.2815 17.2477 19.2815 16.9535ZM15.5233 10.7556H16.4768C16.7401 10.7556 16.9535 10.5421 16.9535 10.2788C16.9535 10.0155 16.7401 9.80206 16.4768 9.80206H15.5233C15.2599 9.80206 15.0465 10.0155 15.0465 10.2788C15.0465 10.5421 15.2599 10.7556 15.5233 10.7556ZM16.9536 12.1859H15.0465C14.7832 12.1859 14.5697 11.9724 14.5697 11.7091C14.5697 11.4458 14.7832 11.2324 15.0465 11.2324H16.9536C17.2169 11.2324 17.4303 11.4458 17.4303 11.7091C17.4303 11.9724 17.2169 12.1859 16.9536 12.1859ZM13.1394 13.6162C11.0339 13.6185 9.32769 15.3248 9.32532 17.4303C9.32769 19.5358 11.0339 21.242 13.1394 21.2444H18.8606C20.9671 21.2444 22.6747 19.5368 22.6747 17.4303C22.6747 15.3238 20.9671 13.6162 18.8606 13.6162H13.1394ZM12.1859 15.5232C11.396 15.5232 10.7556 16.1636 10.7556 16.9535C10.7556 17.7435 11.396 18.3838 12.1859 18.3838C12.9758 18.3838 13.6162 17.7435 13.6162 16.9535C13.6162 16.1636 12.9758 15.5232 12.1859 15.5232ZM12.1859 17.4303C11.9226 17.4303 11.7091 17.2168 11.7091 16.9535C11.7091 16.6902 11.9226 16.4768 12.1859 16.4768C12.4492 16.4768 12.6627 16.6902 12.6627 16.9535C12.6627 17.2168 12.4492 17.4303 12.1859 17.4303ZM21.2444 16.9535C21.2444 16.1636 20.6041 15.5232 19.8141 15.5232C19.0242 15.5232 18.3838 16.1636 18.3838 16.9535C18.3838 17.7435 19.0242 18.3838 19.8141 18.3838C20.6041 18.3838 21.2444 17.7435 21.2444 16.9535ZM19.3374 16.9535C19.3374 16.6902 19.5508 16.4768 19.8141 16.4768C20.0774 16.4768 20.2909 16.6902 20.2909 16.9535C20.2909 17.2168 20.0774 17.4303 19.8141 17.4303C19.5508 17.4303 19.3374 17.2168 19.3374 16.9535Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.895 9.53558C8.08014 9.53558 8.23022 9.68567 8.23022 9.87081L8.23022 11.3757C8.23022 11.5608 8.08014 11.7109 7.895 11.7109C7.70986 11.7109 7.55978 11.5608 7.55978 11.3757L7.55978 9.87081C7.55978 9.68567 7.70986 9.53558 7.895 9.53558Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.105 9.53558C24.2901 9.53558 24.4402 9.68567 24.4402 9.87081L24.4402 11.3757C24.4402 11.5608 24.2901 11.7109 24.105 11.7109C23.9199 11.7109 23.7698 11.5608 23.7698 11.3757L23.7698 9.87081C23.7698 9.68567 23.9199 9.53558 24.105 9.53558Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_175_15917", x1: 16, y1: 0, x2: 16, y2: 32, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#E14BEE" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#71347B" })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint1_linear_175_15917", x1: 16, y1: 0, x2: 16, y2: 32, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#E14BEE" }))));
 
+const SvgFiaQueries = (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("g", { clipPath: "url(#clip0_300_28244)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.3438 13.625C10.3438 14.9188 9.29375 16 8 16C6.70625 16 5.65625 14.9188 5.65625 13.625C5.65625 13.3625 5.86247 13.1562 6.125 13.1562H9.875C10.1375 13.1562 10.3438 13.3625 10.3438 13.625Z", fill: "#AEADB3" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.3438 13.625C10.3438 14.9188 9.29375 16 8 16V13.1562H9.875C10.1375 13.1562 10.3438 13.3625 10.3438 13.625Z", fill: "#8B8892" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.2812 12.2188V12.6875C11.2812 13.4656 10.6532 14.0938 9.875 14.0938H6.125C5.34684 14.0938 4.71875 13.4656 4.71875 12.6875V12.2188L5.60938 11.25H10.3906L11.2812 12.2188Z", fill: "#D9D9D9" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.3906 11.25L11.2812 12.2188V12.6875C11.2812 13.4656 10.6532 14.0938 9.875 14.0938H8V11.25H10.3906Z", fill: "#C8C6CD" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.625 5.625C13.625 6.98438 13.1281 8.30625 12.2281 9.32812C11.7312 9.9 11.4312 10.5656 11.3281 11.25C11.3094 11.4093 11.2812 11.5906 11.2812 11.75V12.2188H4.71874V11.75C4.71874 11.5906 4.69996 11.4093 4.67186 11.25C4.57808 10.5656 4.27814 9.9 3.79061 9.35622C2.59058 8.00622 2.12183 6.19684 2.50624 4.39687C2.95624 2.2875 4.67186 0.571875 6.79064 0.121875C7.19374 0.0374688 7.59686 0 7.99999 0C9.28436 0 10.5406 0.440594 11.5438 1.25622C12.8656 2.33437 13.625 3.92812 13.625 5.625Z", fill: "#FEDB41" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.625 5.625C13.625 6.98438 13.1281 8.30625 12.2281 9.32812C11.7312 9.9 11.4312 10.5656 11.3281 11.25C11.3094 11.4093 11.2812 11.5906 11.2812 11.75V12.2188H8V0C9.28437 0 10.5407 0.440594 11.5438 1.25622C12.8656 2.33437 13.625 3.92812 13.625 5.625Z", fill: "#FCBF29" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.75 5.625C11.75 5.88747 11.5438 6.09375 11.2812 6.09375C11.0187 6.09375 10.8125 5.88747 10.8125 5.625C10.8125 4.07809 9.54691 2.8125 8 2.8125C7.73747 2.8125 7.53125 2.60622 7.53125 2.34375C7.53125 2.08122 7.73747 1.875 8 1.875C10.0719 1.875 11.75 3.55309 11.75 5.625Z", fill: "#FEA832" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.40625 6.5625H0.46875C0.209656 6.5625 0 6.35284 0 6.09375C0 5.83466 0.209656 5.625 0.46875 5.625H1.40625C1.66534 5.625 1.875 5.83466 1.875 6.09375C1.875 6.35284 1.66534 6.5625 1.40625 6.5625Z", fill: "#FEA832" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.2689 4.08152C1.14896 4.08152 1.02902 4.03574 0.937493 3.94418L0.274649 3.28137C0.0915557 3.09827 0.0915557 2.80162 0.274649 2.61852C0.457743 2.43543 0.754399 2.43543 0.937493 2.61852L1.60034 3.28137C1.78343 3.46446 1.78343 3.76112 1.60034 3.94421C1.50877 4.03577 1.38884 4.08152 1.2689 4.08152Z", fill: "#FEA832" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.274649 9.56921C0.0915557 9.38612 0.0915557 9.08946 0.274649 8.90637L0.937493 8.24352C1.12059 8.06043 1.41724 8.06043 1.60034 8.24352C1.78343 8.42662 1.78343 8.72327 1.60034 8.90637L0.937493 9.56921C0.754399 9.7523 0.457774 9.7523 0.274649 9.56921Z", fill: "#FEA832" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.5312 6.5625H14.5938C14.3347 6.5625 14.125 6.35284 14.125 6.09375C14.125 5.83466 14.3347 5.625 14.5938 5.625H15.5312C15.7903 5.625 16 5.83466 16 6.09375C16 6.35284 15.7903 6.5625 15.5312 6.5625Z", fill: "#FE9923" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.3996 3.94421C14.2166 3.76112 14.2166 3.46446 14.3996 3.28137L15.0625 2.61852C15.2456 2.43543 15.5422 2.43543 15.7253 2.61852C15.9084 2.80162 15.9084 3.09827 15.7253 3.28137L15.0625 3.94421C14.8794 4.1273 14.5828 4.1273 14.3996 3.94421Z", fill: "#FE9923" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.0625 9.56921L14.3996 8.90637C14.2166 8.72327 14.2166 8.42662 14.3996 8.24352C14.5827 8.06043 14.8794 8.06043 15.0625 8.24352L15.7253 8.90637C15.9084 9.08946 15.9084 9.38612 15.7253 9.56921C15.5422 9.7523 15.2456 9.7523 15.0625 9.56921Z", fill: "#FE9923" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M11.75 5.625C11.75 5.88747 11.5438 6.09375 11.2812 6.09375C11.0187 6.09375 10.8125 5.88747 10.8125 5.625C10.8125 4.07809 9.54691 2.8125 8 2.8125V1.875C10.0719 1.875 11.75 3.55309 11.75 5.625Z", fill: "#FE9923" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_300_28244" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, fill: "white" }))));
+
+const SvgFiaMagic = (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("g", { clipPath: "url(#clip0_704_11368)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.67062 10.6706L2.31875 15.5481C1.81344 16.1256 0.927188 16.1521 0.3875 15.6124C-0.15375 15.0712 -0.124062 14.1853 0.451875 13.6812L5.32937 9.32932C5.32937 9.32932 5.75 9.24994 6.25 9.74994C6.75 10.2499 6.67062 10.6706 6.67062 10.6706Z", fill: "#0052BE" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.67064 10.6706L2.31876 15.5481C1.81345 16.1256 0.9272 16.1522 0.387512 15.6125L6.25001 9.75C6.75001 10.25 6.67064 10.6706 6.67064 10.6706Z", fill: "#00429B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.49997 7.5L6.6706 10.6706C6.20194 10.202 5.79803 9.79806 5.32935 9.32937L8.49997 6.5L9.49997 7.5Z", fill: "#00429B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.5 7.5L6.67063 10.6706L6 10L9 7L9.5 7.5Z", fill: "#00337A" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.5 8.7189H10.4875L9.16032 10.5273C8.91407 10.8628 8.38457 10.7338 8.31938 10.3236L7.95813 8.04202L5.67657 7.68077C5.26598 7.61555 5.1377 7.08571 5.47282 6.83983L7.28126 5.51265V3.50015C7.28126 3.11965 7.71242 2.89736 8.02251 3.11858L9.5897 4.23827L11.8059 3.6164C12.1575 3.5174 12.4827 3.8428 12.3838 4.19421L11.7619 6.41046L12.8816 7.97765C13.1025 8.28743 12.8809 8.7189 12.5 8.7189Z", fill: "#FFDD54" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.8816 7.9774C13.1025 8.28718 12.8809 8.71865 12.5 8.71865H10.4875L9.16032 10.5271C8.91422 10.8623 8.3846 10.7338 8.31938 10.3233L7.95813 8.04178L12.2641 3.73584C12.3838 3.85584 12.4297 4.03084 12.3838 4.19396L11.7619 6.41021L12.8816 7.9774Z", fill: "#FFB454" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16 1.21875C16 1.4775 15.79 1.6875 15.5312 1.6875H15.25V1.96875C15.25 2.2275 15.04 2.4375 14.7812 2.4375C14.5225 2.4375 14.3125 2.2275 14.3125 1.96875V1.6875H14.0312C13.7725 1.6875 13.5625 1.4775 13.5625 1.21875C13.5625 0.96 13.7725 0.75 14.0312 0.75H14.3125V0.46875C14.3125 0.21 14.5225 0 14.7812 0C15.04 0 15.25 0.21 15.25 0.46875V0.75H15.5312C15.79 0.75 16 0.959969 16 1.21875Z", fill: "#BEE75E" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16 1.21875C16 1.4775 15.79 1.6875 15.5312 1.6875H15.25V1.96875C15.25 2.2275 15.04 2.4375 14.7812 2.4375C14.5225 2.4375 14.3125 2.2275 14.3125 1.96875V1.6875L15.25 0.75H15.5312C15.79 0.75 16 0.959969 16 1.21875Z", fill: "#00CB75" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.5 1.28125H10.2188V1C10.2188 0.741125 10.0089 0.53125 9.75 0.53125C9.49112 0.53125 9.28125 0.741125 9.28125 1V1.28125H9C8.74112 1.28125 8.53125 1.49112 8.53125 1.75C8.53125 2.00888 8.74112 2.21875 9 2.21875H9.28125V2.5C9.28125 2.75887 9.49112 2.96875 9.75 2.96875C10.0089 2.96875 10.2188 2.75887 10.2188 2.5V2.21875H10.5C10.7589 2.21875 10.9688 2.00888 10.9688 1.75C10.9688 1.49112 10.7589 1.28125 10.5 1.28125Z", fill: "#F6F9F9" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.7812 7C13.7812 7.25887 13.9911 7.46875 14.25 7.46875C14.5089 7.46875 14.7188 7.25887 14.7188 7V6.71875H15C15.2589 6.71875 15.4688 6.50888 15.4688 6.25C15.4688 5.99112 15.2589 5.78125 15 5.78125H14.7188V5.5C14.7188 5.24112 14.5089 5.03125 14.25 5.03125C13.9911 5.03125 13.7812 5.24112 13.7812 5.5V5.78125H13.5C13.2411 5.78125 13.0312 5.99112 13.0312 6.25C13.0312 6.50888 13.2411 6.71875 13.5 6.71875H13.7812V7Z", fill: "#E2DFF4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.5312 10.2812H15.25V10C15.25 9.74112 15.0401 9.53125 14.7812 9.53125C14.5224 9.53125 14.3125 9.74112 14.3125 10V10.2812H14.0312C13.7724 10.2812 13.5625 10.4911 13.5625 10.75C13.5625 11.0089 13.7724 11.2188 14.0312 11.2188H14.3125V11.5C14.3125 11.7589 14.5224 11.9688 14.7812 11.9688C15.0401 11.9688 15.25 11.7589 15.25 11.5V11.2188H15.5312C15.7901 11.2188 16 11.0089 16 10.75C16 10.4911 15.7901 10.2812 15.5312 10.2812Z", fill: "#FF4A4A" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6 0.75H5.71875V0.46875C5.71875 0.209875 5.50888 0 5.25 0C4.99112 0 4.78125 0.209875 4.78125 0.46875V0.75H4.5C4.24112 0.75 4.03125 0.959875 4.03125 1.21875C4.03125 1.47763 4.24112 1.6875 4.5 1.6875H4.78125V1.96875C4.78125 2.22762 4.99112 2.4375 5.25 2.4375C5.50888 2.4375 5.71875 2.22762 5.71875 1.96875V1.6875H6C6.25887 1.6875 6.46875 1.47763 6.46875 1.21875C6.46875 0.959875 6.25887 0.75 6 0.75Z", fill: "#FF8659" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.98259 3.84307L3.23259 2.84307C3.00787 2.71467 2.7215 2.79273 2.59303 3.01748C2.46459 3.24226 2.54268 3.52857 2.76743 3.65704L4.51743 4.65704C4.74118 4.78495 5.02796 4.70842 5.157 4.48264C5.28546 4.25786 5.20737 3.97154 4.98259 3.84307Z", fill: "#F6F9F9" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.6919 5.28499L1.6919 5.53499C1.43499 5.56708 1.25277 5.80136 1.28493 6.05824C1.31702 6.31505 1.55127 6.49743 1.80818 6.46521L3.80818 6.21521C4.06508 6.18311 4.2473 5.94883 4.21515 5.69196C4.18302 5.43508 3.94868 5.25252 3.6919 5.28499Z", fill: "#ACCEFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.157 11.0175C12.0285 10.7927 11.7422 10.7146 11.5174 10.8431C11.2927 10.9716 11.2146 11.2579 11.343 11.4827L12.343 13.2327C12.4296 13.3841 12.5877 13.469 12.7504 13.469C13.1042 13.469 13.3374 13.0833 13.157 12.7676L12.157 11.0175Z", fill: "#E2DFF4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.3081 11.7849C10.0512 11.7527 9.81697 11.9351 9.78488 12.1919L9.53488 14.1919C9.49997 14.4708 9.71719 14.7188 10.0006 14.7188C10.2335 14.7188 10.4355 14.5453 10.4651 14.3082L10.7151 12.3082C10.7473 12.0513 10.565 11.817 10.3081 11.7849Z", fill: "#6BA7FF" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_704_11368" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, fill: "white" }))));
+
+const SvgFiaClear = (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: "M2.89523 6.0971C3.32481 6.0971 3.67305 5.74793 3.67305 5.31721C3.67305 4.88652 3.32481 4.53735 2.89523 4.53735C2.46567 4.53735 2.11743 4.88652 2.11743 5.31721C2.11743 5.74793 2.46567 6.0971 2.89523 6.0971Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.777799 8.49407C1.20738 8.49407 1.55562 8.14491 1.55562 7.71419C1.55562 7.28349 1.20738 6.93433 0.777799 6.93433C0.34824 6.93433 0 7.28349 0 7.71419C0 8.14491 0.34824 8.49407 0.777799 8.49407Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.2301 0.202053C13.3497 -0.255167 12.2663 0.0897742 11.8103 0.97249L9.81862 4.8279C9.80795 4.84857 9.79874 4.86962 9.79095 4.89091C8.81537 4.85737 7.84895 5.28947 7.19718 6.0543C6.42925 6.95541 5.48448 7.93878 4.67715 8.44093C3.52614 9.15685 2.57459 9.41487 1.98368 9.50645C1.63808 9.56001 1.35757 9.7831 1.22093 10.0724C1.0782 10.3746 1.08896 10.7706 1.36633 11.077C1.9693 11.7433 3.1449 12.8345 5.30117 14.2095C6.79465 15.1619 8.13363 15.6887 8.85427 15.9327C9.40656 16.1197 9.99677 15.9058 10.3137 15.4299C10.7143 14.8283 11.4179 13.6938 12.0221 12.3132C12.469 11.2919 12.854 10.2392 13.2225 9.18836C13.5334 8.30189 13.3936 7.36679 12.921 6.6277L14.9966 2.63184C15.4553 1.74875 15.1119 0.659995 14.2301 0.202053ZM12.1382 5.80392L14.0443 2.1345C14.2286 1.77962 14.0906 1.34209 13.7362 1.15807C13.3824 0.974333 12.947 1.11295 12.7638 1.46768L10.8717 5.13019C10.9351 5.15715 10.998 5.18642 11.0603 5.2181L11.7516 5.56956C11.8878 5.63878 12.0168 5.71727 12.1382 5.80392ZM12.2095 8.83125C12.133 9.04941 12.0524 9.27634 11.9688 9.5074L7.61133 7.21465C7.75161 7.05783 7.88618 6.90315 8.01353 6.7537C8.6621 5.99266 9.72665 5.74725 10.5747 6.17836L11.266 6.52985C12.1178 6.96286 12.5206 7.94412 12.2095 8.83125ZM5.2432 9.35582C5.77304 9.02629 6.32592 8.54468 6.84471 8.0271L6.85167 8.03083L11.5905 10.5242C11.4082 10.9995 11.2209 11.4645 11.0388 11.8806C10.4683 13.1842 9.80047 14.2617 9.42064 14.8321C9.36652 14.9134 9.27859 14.94 9.19787 14.9126C8.88095 14.8053 8.42816 14.6365 7.88841 14.3916C8.13894 14.1267 8.50232 13.6938 8.85054 13.0989C9.00101 12.8419 8.91405 12.5156 8.6563 12.3701C8.39855 12.2246 8.06762 12.3151 7.91716 12.5721C7.63725 13.0503 7.29537 13.5212 6.87618 13.8886C6.55648 13.7156 6.22135 13.5204 5.87742 13.3011C5.59778 13.1227 5.3359 12.9498 5.09076 12.7826C5.21832 12.6966 5.35818 12.5912 5.50833 12.4621C5.73415 12.2679 5.75658 11.9322 5.55842 11.7124C5.36027 11.4925 5.01659 11.4717 4.79078 11.6658C4.45842 11.9516 4.22632 12.0604 4.13275 12.097C3.27781 11.453 2.705 10.9242 2.33429 10.5386C3.05249 10.4046 4.06702 10.0874 5.2432 9.35582Z", fill: "#71347B" }));
+
 const SvgArrowLeft = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.95155 11.8082L7.34736 11.4151C7.47097 11.2914 7.53907 11.1268 7.53907 10.9509C7.53907 10.7751 7.47097 10.6103 7.34736 10.4866C4.87086 8.01023 4.87589 3.99002 7.35233 1.51357C7.47594 1.39006 7.54395 1.22528 7.54395 1.04947C7.54395 0.873666 7.47594 0.708786 7.35233 0.585176L6.95896 0.192002C6.70316 -0.0640005 6.28647 -0.0640005 6.03066 0.192002L0.666621 5.53683C0.543108 5.66034 0.456083 5.82493 0.456083 6.00229V6.00434C0.456083 6.18025 0.543206 6.34483 0.666621 6.46835L6.01613 11.8082C6.13964 11.9319 6.3092 11.9998 6.48501 12C6.66091 12 6.82813 11.9319 6.95155 11.8082Z", fill: "currentColor" }));
 
 const SvgAccordionBack = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 8 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M7 13L1 7L7 1", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
@@ -1458,6 +1464,9 @@ Components['link'] = SvgLink;
 Components['arrow_left'] = SvgArrowLeft;
 Components['accordion_back'] = SvgAccordionBack;
 Components['fia_icon'] = SvgFiaIcon;
+Components['fia_queries'] = SvgFiaQueries;
+Components['fia_magic'] = SvgFiaMagic;
+Components['fia_clear'] = SvgFiaClear;
 Components['record_pause_icon'] = SvgRecordPauseIcon;
 Components['record_stop_icon'] = SvgRecordStopIcon;
 Components['add_setting'] = SvgAddSetting;
@@ -2792,6 +2801,8 @@ const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
     action: () => {
       if (focusedIndex !== null) {
         handleOptionChange(filteredOptions[focusedIndex], !filteredOptions[focusedIndex]?.isChecked);
+      } else {
+        withSelectButton && !selectDisable && handleOptionChange({}, false);
       }
     }
   }]);
@@ -25621,6 +25632,498 @@ function DayPicker(initialProps) {
   }, props.footer))));
 }
 
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param argument - The value to convert
+ *
+ * @returns The parsed date in the local time zone
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate$1(argument) {
+  const argStr = Object.prototype.toString.call(argument);
+
+  // Clone the date
+  if (
+    argument instanceof Date ||
+    (typeof argument === "object" && argStr === "[object Date]")
+  ) {
+    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+    return new argument.constructor(+argument);
+  } else if (
+    typeof argument === "number" ||
+    argStr === "[object Number]" ||
+    typeof argument === "string" ||
+    argStr === "[object String]"
+  ) {
+    // TODO: Can we get rid of as?
+    return new Date(argument);
+  } else {
+    // TODO: Can we get rid of as?
+    return new Date(NaN);
+  }
+}
+
+/**
+ * @name constructFrom
+ * @category Generic Helpers
+ * @summary Constructs a date using the reference date and the value
+ *
+ * @description
+ * The function constructs a new date using the constructor from the reference
+ * date and the given value. It helps to build generic functions that accept
+ * date extensions.
+ *
+ * It defaults to `Date` if the passed reference date is a number or a string.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The reference date to take constructor from
+ * @param value - The value to create the date
+ *
+ * @returns Date initialized using the given date and value
+ *
+ * @example
+ * import { constructFrom } from 'date-fns'
+ *
+ * // A function that clones a date preserving the original type
+ * function cloneDate<DateType extends Date(date: DateType): DateType {
+ *   return constructFrom(
+ *     date, // Use contrustor from the given date
+ *     date.getTime() // Use the date value to create a new date
+ *   )
+ * }
+ */
+function constructFrom(date, value) {
+  if (date instanceof Date) {
+    return new date.constructor(value);
+  } else {
+    return new Date(value);
+  }
+}
+
+/**
+ * @module constants
+ * @summary Useful constants
+ * @description
+ * Collection of useful date constants.
+ *
+ * The constants could be imported from `date-fns/constants`:
+ *
+ * ```ts
+ * import { maxTime, minTime } from "./constants/date-fns/constants";
+ *
+ * function isAllowedTime(time) {
+ *   return time <= maxTime && time >= minTime;
+ * }
+ * ```
+ */
+
+
+/**
+ * @constant
+ * @name millisecondsInWeek
+ * @summary Milliseconds in 1 week.
+ */
+const millisecondsInWeek = 604800000;
+
+/**
+ * @constant
+ * @name millisecondsInDay
+ * @summary Milliseconds in 1 day.
+ */
+const millisecondsInDay = 86400000;
+
+let defaultOptions = {};
+
+function getDefaultOptions$1() {
+  return defaultOptions;
+}
+
+/**
+ * The {@link startOfWeek} function options.
+ */
+
+/**
+ * @name startOfWeek
+ * @category Week Helpers
+ * @summary Return the start of a week for the given date.
+ *
+ * @description
+ * Return the start of a week for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ * @param options - An object with options
+ *
+ * @returns The start of a week
+ *
+ * @example
+ * // The start of a week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Sun Aug 31 2014 00:00:00
+ *
+ * @example
+ * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
+ * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfWeek(date, options) {
+  const defaultOptions = getDefaultOptions$1();
+  const weekStartsOn =
+    options?.weekStartsOn ??
+    options?.locale?.options?.weekStartsOn ??
+    defaultOptions.weekStartsOn ??
+    defaultOptions.locale?.options?.weekStartsOn ??
+    0;
+
+  const _date = toDate$1(date);
+  const day = _date.getDay();
+  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+
+  _date.setDate(_date.getDate() - diff);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+/**
+ * @name startOfISOWeek
+ * @category ISO Week Helpers
+ * @summary Return the start of an ISO week for the given date.
+ *
+ * @description
+ * Return the start of an ISO week for the given date.
+ * The result will be in the local timezone.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ *
+ * @returns The start of an ISO week
+ *
+ * @example
+ * // The start of an ISO week for 2 September 2014 11:55:00:
+ * const result = startOfISOWeek(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+function startOfISOWeek(date) {
+  return startOfWeek(date, { weekStartsOn: 1 });
+}
+
+/**
+ * @name getISOWeekYear
+ * @category ISO Week-Numbering Year Helpers
+ * @summary Get the ISO week-numbering year of the given date.
+ *
+ * @description
+ * Get the ISO week-numbering year of the given date,
+ * which always starts 3 days before the year's first Thursday.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The given date
+ *
+ * @returns The ISO week-numbering year
+ *
+ * @example
+ * // Which ISO-week numbering year is 2 January 2005?
+ * const result = getISOWeekYear(new Date(2005, 0, 2))
+ * //=> 2004
+ */
+function getISOWeekYear(date) {
+  const _date = toDate$1(date);
+  const year = _date.getFullYear();
+
+  const fourthOfJanuaryOfNextYear = constructFrom(date, 0);
+  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
+  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
+  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
+
+  const fourthOfJanuaryOfThisYear = constructFrom(date, 0);
+  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
+  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
+  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
+
+  if (_date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (_date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
+  }
+}
+
+/**
+ * @name startOfDay
+ * @category Day Helpers
+ * @summary Return the start of a day for the given date.
+ *
+ * @description
+ * Return the start of a day for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ *
+ * @returns The start of a day
+ *
+ * @example
+ * // The start of a day for 2 September 2014 11:55:00:
+ * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 02 2014 00:00:00
+ */
+function startOfDay(date) {
+  const _date = toDate$1(date);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
+/**
+ * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
+ * They usually appear for dates that denote time before the timezones were introduced
+ * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
+ * and GMT+01:00:00 after that date)
+ *
+ * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
+ * which would lead to incorrect calculations.
+ *
+ * This function returns the timezone offset in milliseconds that takes seconds in account.
+ */
+function getTimezoneOffsetInMilliseconds$1(date) {
+  const _date = toDate$1(date);
+  const utcDate = new Date(
+    Date.UTC(
+      _date.getFullYear(),
+      _date.getMonth(),
+      _date.getDate(),
+      _date.getHours(),
+      _date.getMinutes(),
+      _date.getSeconds(),
+      _date.getMilliseconds(),
+    ),
+  );
+  utcDate.setUTCFullYear(_date.getFullYear());
+  return +date - +utcDate;
+}
+
+/**
+ * @name differenceInCalendarDays
+ * @category Day Helpers
+ * @summary Get the number of calendar days between the given dates.
+ *
+ * @description
+ * Get the number of calendar days between the given dates. This means that the times are removed
+ * from the dates and then the difference in days is calculated.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param dateLeft - The later date
+ * @param dateRight - The earlier date
+ *
+ * @returns The number of calendar days
+ *
+ * @example
+ * // How many calendar days are between
+ * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
+ * const result = differenceInCalendarDays(
+ *   new Date(2012, 6, 2, 0, 0),
+ *   new Date(2011, 6, 2, 23, 0)
+ * )
+ * //=> 366
+ * // How many calendar days are between
+ * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
+ * const result = differenceInCalendarDays(
+ *   new Date(2011, 6, 3, 0, 1),
+ *   new Date(2011, 6, 2, 23, 59)
+ * )
+ * //=> 1
+ */
+function differenceInCalendarDays(dateLeft, dateRight) {
+  const startOfDayLeft = startOfDay(dateLeft);
+  const startOfDayRight = startOfDay(dateRight);
+
+  const timestampLeft =
+    +startOfDayLeft - getTimezoneOffsetInMilliseconds$1(startOfDayLeft);
+  const timestampRight =
+    +startOfDayRight - getTimezoneOffsetInMilliseconds$1(startOfDayRight);
+
+  // Round the number of days to the nearest integer because the number of
+  // milliseconds in a day is not constant (e.g. it's different in the week of
+  // the daylight saving time clock shift).
+  return Math.round((timestampLeft - timestampRight) / millisecondsInDay);
+}
+
+/**
+ * @name startOfISOWeekYear
+ * @category ISO Week-Numbering Year Helpers
+ * @summary Return the start of an ISO week-numbering year for the given date.
+ *
+ * @description
+ * Return the start of an ISO week-numbering year,
+ * which always starts 3 days before the year's first Thursday.
+ * The result will be in the local timezone.
+ *
+ * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ *
+ * @returns The start of an ISO week-numbering year
+ *
+ * @example
+ * // The start of an ISO week-numbering year for 2 July 2005:
+ * const result = startOfISOWeekYear(new Date(2005, 6, 2))
+ * //=> Mon Jan 03 2005 00:00:00
+ */
+function startOfISOWeekYear(date) {
+  const year = getISOWeekYear(date);
+  const fourthOfJanuary = constructFrom(date, 0);
+  fourthOfJanuary.setFullYear(year, 0, 4);
+  fourthOfJanuary.setHours(0, 0, 0, 0);
+  return startOfISOWeek(fourthOfJanuary);
+}
+
+/**
+ * @name isDate
+ * @category Common Helpers
+ * @summary Is the given value a date?
+ *
+ * @description
+ * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
+ *
+ * @param value - The value to check
+ *
+ * @returns True if the given value is a date
+ *
+ * @example
+ * // For a valid date:
+ * const result = isDate(new Date())
+ * //=> true
+ *
+ * @example
+ * // For an invalid date:
+ * const result = isDate(new Date(NaN))
+ * //=> true
+ *
+ * @example
+ * // For some value:
+ * const result = isDate('2014-02-31')
+ * //=> false
+ *
+ * @example
+ * // For an object:
+ * const result = isDate({})
+ * //=> false
+ */
+function isDate(value) {
+  return (
+    value instanceof Date ||
+    (typeof value === "object" &&
+      Object.prototype.toString.call(value) === "[object Date]")
+  );
+}
+
+/**
+ * @name isValid
+ * @category Common Helpers
+ * @summary Is the given date valid?
+ *
+ * @description
+ * Returns false if argument is Invalid Date and true otherwise.
+ * Argument is converted to Date using `toDate`. See [toDate](https://date-fns.org/docs/toDate)
+ * Invalid Date is a Date, whose time value is NaN.
+ *
+ * Time value of Date: http://es5.github.io/#x15.9.1.1
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The date to check
+ *
+ * @returns The date is valid
+ *
+ * @example
+ * // For the valid date:
+ * const result = isValid(new Date(2014, 1, 31))
+ * //=> true
+ *
+ * @example
+ * // For the value, convertable into a date:
+ * const result = isValid(1393804800000)
+ * //=> true
+ *
+ * @example
+ * // For the invalid date:
+ * const result = isValid(new Date(''))
+ * //=> false
+ */
+function isValid(date) {
+  if (!isDate(date) && typeof date !== "number") {
+    return false;
+  }
+  const _date = toDate$1(date);
+  return !isNaN(Number(_date));
+}
+
+/**
+ * @name startOfYear
+ * @category Year Helpers
+ * @summary Return the start of a year for the given date.
+ *
+ * @description
+ * Return the start of a year for the given date.
+ * The result will be in the local timezone.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The original date
+ *
+ * @returns The start of a year
+ *
+ * @example
+ * // The start of a year for 2 September 2014 11:55:00:
+ * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
+ * //=> Wed Jan 01 2014 00:00:00
+ */
+function startOfYear(date) {
+  const cleanDate = toDate$1(date);
+  const _date = constructFrom(date, 0);
+  _date.setFullYear(cleanDate.getFullYear(), 0, 1);
+  _date.setHours(0, 0, 0, 0);
+  return _date;
+}
+
 const formatDistanceLocale = {
   lessThanXSeconds: {
     one: "less than a second",
@@ -26263,267 +26766,6 @@ const enUS = {
   },
 };
 
-let defaultOptions = {};
-
-function getDefaultOptions$1() {
-  return defaultOptions;
-}
-
-/**
- * @module constants
- * @summary Useful constants
- * @description
- * Collection of useful date constants.
- *
- * The constants could be imported from `date-fns/constants`:
- *
- * ```ts
- * import { maxTime, minTime } from "./constants/date-fns/constants";
- *
- * function isAllowedTime(time) {
- *   return time <= maxTime && time >= minTime;
- * }
- * ```
- */
-
-
-/**
- * @constant
- * @name millisecondsInWeek
- * @summary Milliseconds in 1 week.
- */
-const millisecondsInWeek = 604800000;
-
-/**
- * @constant
- * @name millisecondsInDay
- * @summary Milliseconds in 1 day.
- */
-const millisecondsInDay = 86400000;
-
-/**
- * @name toDate
- * @category Common Helpers
- * @summary Convert the given argument to an instance of Date.
- *
- * @description
- * Convert the given argument to an instance of Date.
- *
- * If the argument is an instance of Date, the function returns its clone.
- *
- * If the argument is a number, it is treated as a timestamp.
- *
- * If the argument is none of the above, the function returns Invalid Date.
- *
- * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param argument - The value to convert
- *
- * @returns The parsed date in the local time zone
- *
- * @example
- * // Clone the date:
- * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
- * //=> Tue Feb 11 2014 11:30:30
- *
- * @example
- * // Convert the timestamp to date:
- * const result = toDate(1392098430000)
- * //=> Tue Feb 11 2014 11:30:30
- */
-function toDate$1(argument) {
-  const argStr = Object.prototype.toString.call(argument);
-
-  // Clone the date
-  if (
-    argument instanceof Date ||
-    (typeof argument === "object" && argStr === "[object Date]")
-  ) {
-    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
-    return new argument.constructor(+argument);
-  } else if (
-    typeof argument === "number" ||
-    argStr === "[object Number]" ||
-    typeof argument === "string" ||
-    argStr === "[object String]"
-  ) {
-    // TODO: Can we get rid of as?
-    return new Date(argument);
-  } else {
-    // TODO: Can we get rid of as?
-    return new Date(NaN);
-  }
-}
-
-/**
- * @name startOfDay
- * @category Day Helpers
- * @summary Return the start of a day for the given date.
- *
- * @description
- * Return the start of a day for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- *
- * @returns The start of a day
- *
- * @example
- * // The start of a day for 2 September 2014 11:55:00:
- * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Tue Sep 02 2014 00:00:00
- */
-function startOfDay(date) {
-  const _date = toDate$1(date);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-/**
- * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
- * They usually appear for dates that denote time before the timezones were introduced
- * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
- * and GMT+01:00:00 after that date)
- *
- * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
- * which would lead to incorrect calculations.
- *
- * This function returns the timezone offset in milliseconds that takes seconds in account.
- */
-function getTimezoneOffsetInMilliseconds$1(date) {
-  const _date = toDate$1(date);
-  const utcDate = new Date(
-    Date.UTC(
-      _date.getFullYear(),
-      _date.getMonth(),
-      _date.getDate(),
-      _date.getHours(),
-      _date.getMinutes(),
-      _date.getSeconds(),
-      _date.getMilliseconds(),
-    ),
-  );
-  utcDate.setUTCFullYear(_date.getFullYear());
-  return +date - +utcDate;
-}
-
-/**
- * @name differenceInCalendarDays
- * @category Day Helpers
- * @summary Get the number of calendar days between the given dates.
- *
- * @description
- * Get the number of calendar days between the given dates. This means that the times are removed
- * from the dates and then the difference in days is calculated.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param dateLeft - The later date
- * @param dateRight - The earlier date
- *
- * @returns The number of calendar days
- *
- * @example
- * // How many calendar days are between
- * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?
- * const result = differenceInCalendarDays(
- *   new Date(2012, 6, 2, 0, 0),
- *   new Date(2011, 6, 2, 23, 0)
- * )
- * //=> 366
- * // How many calendar days are between
- * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?
- * const result = differenceInCalendarDays(
- *   new Date(2011, 6, 3, 0, 1),
- *   new Date(2011, 6, 2, 23, 59)
- * )
- * //=> 1
- */
-function differenceInCalendarDays(dateLeft, dateRight) {
-  const startOfDayLeft = startOfDay(dateLeft);
-  const startOfDayRight = startOfDay(dateRight);
-
-  const timestampLeft =
-    +startOfDayLeft - getTimezoneOffsetInMilliseconds$1(startOfDayLeft);
-  const timestampRight =
-    +startOfDayRight - getTimezoneOffsetInMilliseconds$1(startOfDayRight);
-
-  // Round the number of days to the nearest integer because the number of
-  // milliseconds in a day is not constant (e.g. it's different in the week of
-  // the daylight saving time clock shift).
-  return Math.round((timestampLeft - timestampRight) / millisecondsInDay);
-}
-
-/**
- * @name constructFrom
- * @category Generic Helpers
- * @summary Constructs a date using the reference date and the value
- *
- * @description
- * The function constructs a new date using the constructor from the reference
- * date and the given value. It helps to build generic functions that accept
- * date extensions.
- *
- * It defaults to `Date` if the passed reference date is a number or a string.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The reference date to take constructor from
- * @param value - The value to create the date
- *
- * @returns Date initialized using the given date and value
- *
- * @example
- * import { constructFrom } from 'date-fns'
- *
- * // A function that clones a date preserving the original type
- * function cloneDate<DateType extends Date(date: DateType): DateType {
- *   return constructFrom(
- *     date, // Use contrustor from the given date
- *     date.getTime() // Use the date value to create a new date
- *   )
- * }
- */
-function constructFrom(date, value) {
-  if (date instanceof Date) {
-    return new date.constructor(value);
-  } else {
-    return new Date(value);
-  }
-}
-
-/**
- * @name startOfYear
- * @category Year Helpers
- * @summary Return the start of a year for the given date.
- *
- * @description
- * Return the start of a year for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- *
- * @returns The start of a year
- *
- * @example
- * // The start of a year for 2 September 2014 11:55:00:
- * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
- * //=> Wed Jan 01 2014 00:00:00
- */
-function startOfYear(date) {
-  const cleanDate = toDate$1(date);
-  const _date = constructFrom(date, 0);
-  _date.setFullYear(cleanDate.getFullYear(), 0, 1);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
 /**
  * @name getDayOfYear
  * @category Day Helpers
@@ -26550,156 +26792,6 @@ function getDayOfYear(date) {
   return dayOfYear;
 }
 
-/**
- * The {@link startOfWeek} function options.
- */
-
-/**
- * @name startOfWeek
- * @category Week Helpers
- * @summary Return the start of a week for the given date.
- *
- * @description
- * Return the start of a week for the given date.
- * The result will be in the local timezone.
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- * @param options - An object with options
- *
- * @returns The start of a week
- *
- * @example
- * // The start of a week for 2 September 2014 11:55:00:
- * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Sun Aug 31 2014 00:00:00
- *
- * @example
- * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
- * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
- * //=> Mon Sep 01 2014 00:00:00
- */
-function startOfWeek(date, options) {
-  const defaultOptions = getDefaultOptions$1();
-  const weekStartsOn =
-    options?.weekStartsOn ??
-    options?.locale?.options?.weekStartsOn ??
-    defaultOptions.weekStartsOn ??
-    defaultOptions.locale?.options?.weekStartsOn ??
-    0;
-
-  const _date = toDate$1(date);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-/**
- * @name startOfISOWeek
- * @category ISO Week Helpers
- * @summary Return the start of an ISO week for the given date.
- *
- * @description
- * Return the start of an ISO week for the given date.
- * The result will be in the local timezone.
- *
- * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- *
- * @returns The start of an ISO week
- *
- * @example
- * // The start of an ISO week for 2 September 2014 11:55:00:
- * const result = startOfISOWeek(new Date(2014, 8, 2, 11, 55, 0))
- * //=> Mon Sep 01 2014 00:00:00
- */
-function startOfISOWeek(date) {
-  return startOfWeek(date, { weekStartsOn: 1 });
-}
-
-/**
- * @name getISOWeekYear
- * @category ISO Week-Numbering Year Helpers
- * @summary Get the ISO week-numbering year of the given date.
- *
- * @description
- * Get the ISO week-numbering year of the given date,
- * which always starts 3 days before the year's first Thursday.
- *
- * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The given date
- *
- * @returns The ISO week-numbering year
- *
- * @example
- * // Which ISO-week numbering year is 2 January 2005?
- * const result = getISOWeekYear(new Date(2005, 0, 2))
- * //=> 2004
- */
-function getISOWeekYear(date) {
-  const _date = toDate$1(date);
-  const year = _date.getFullYear();
-
-  const fourthOfJanuaryOfNextYear = constructFrom(date, 0);
-  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
-  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
-
-  const fourthOfJanuaryOfThisYear = constructFrom(date, 0);
-  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
-  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
-
-  if (_date.getTime() >= startOfNextYear.getTime()) {
-    return year + 1;
-  } else if (_date.getTime() >= startOfThisYear.getTime()) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-/**
- * @name startOfISOWeekYear
- * @category ISO Week-Numbering Year Helpers
- * @summary Return the start of an ISO week-numbering year for the given date.
- *
- * @description
- * Return the start of an ISO week-numbering year,
- * which always starts 3 days before the year's first Thursday.
- * The result will be in the local timezone.
- *
- * ISO week-numbering year: http://en.wikipedia.org/wiki/ISO_week_date
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The original date
- *
- * @returns The start of an ISO week-numbering year
- *
- * @example
- * // The start of an ISO week-numbering year for 2 July 2005:
- * const result = startOfISOWeekYear(new Date(2005, 6, 2))
- * //=> Mon Jan 03 2005 00:00:00
- */
-function startOfISOWeekYear(date) {
-  const year = getISOWeekYear(date);
-  const fourthOfJanuary = constructFrom(date, 0);
-  fourthOfJanuary.setFullYear(year, 0, 4);
-  fourthOfJanuary.setHours(0, 0, 0, 0);
-  return startOfISOWeek(fourthOfJanuary);
-}
-
 /**
  * @name getISOWeek
  * @category ISO Week Helpers
@@ -27863,87 +27955,6 @@ function message(token, format, input) {
   return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 
-/**
- * @name isDate
- * @category Common Helpers
- * @summary Is the given value a date?
- *
- * @description
- * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
- *
- * @param value - The value to check
- *
- * @returns True if the given value is a date
- *
- * @example
- * // For a valid date:
- * const result = isDate(new Date())
- * //=> true
- *
- * @example
- * // For an invalid date:
- * const result = isDate(new Date(NaN))
- * //=> true
- *
- * @example
- * // For some value:
- * const result = isDate('2014-02-31')
- * //=> false
- *
- * @example
- * // For an object:
- * const result = isDate({})
- * //=> false
- */
-function isDate(value) {
-  return (
-    value instanceof Date ||
-    (typeof value === "object" &&
-      Object.prototype.toString.call(value) === "[object Date]")
-  );
-}
-
-/**
- * @name isValid
- * @category Common Helpers
- * @summary Is the given date valid?
- *
- * @description
- * Returns false if argument is Invalid Date and true otherwise.
- * Argument is converted to Date using `toDate`. See [toDate](https://date-fns.org/docs/toDate)
- * Invalid Date is a Date, whose time value is NaN.
- *
- * Time value of Date: http://es5.github.io/#x15.9.1.1
- *
- * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
- *
- * @param date - The date to check
- *
- * @returns The date is valid
- *
- * @example
- * // For the valid date:
- * const result = isValid(new Date(2014, 1, 31))
- * //=> true
- *
- * @example
- * // For the value, convertable into a date:
- * const result = isValid(1393804800000)
- * //=> true
- *
- * @example
- * // For the invalid date:
- * const result = isValid(new Date(''))
- * //=> false
- */
-function isValid(date) {
-  if (!isDate(date) && typeof date !== "number") {
-    return false;
-  }
-  const _date = toDate$1(date);
-  return !isNaN(Number(_date));
-}
-
 // This RegExp consists of three parts separated by `|`:
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
@@ -29452,6 +29463,40 @@ function format$2(date, formatStr, options = {}) {
   return format$3(date, formatStr, options);
 }
 
+/**
+ * @name toZonedTime
+ * @category Time Zone Helpers
+ * @summary Get a date/time representing local time in a given time zone from the UTC date
+ *
+ * @description
+ * Returns a date instance with values representing the local time in the time zone
+ * specified of the UTC time from the date provided. In other words, when the new date
+ * is formatted it will show the equivalent hours in the target time zone regardless
+ * of the current system time zone.
+ *
+ * @param date the date with the relevant UTC time
+ * @param timeZone the time zone to get local time for, can be an offset or IANA time zone
+ * @param options the object with options. See [Options]{@link https://date-fns.org/docs/Options}
+ * @param {0|1|2} [options.additionalDigits=2] - passed to `toDate`. See [toDate]{@link https://date-fns.org/docs/toDate}
+ *
+ * @throws {TypeError} 2 arguments required
+ * @throws {RangeError} `options.additionalDigits` must be 0, 1 or 2
+ *
+ * @example
+ * // In June 10am UTC is 6am in New York (-04:00)
+ * const result = toZonedTime('2014-06-25T10:00:00.000Z', 'America/New_York')
+ * //=> Jun 25 2014 06:00:00
+ */
+function toZonedTime(date, timeZone, options) {
+  date = toDate(date, options);
+  const offsetMilliseconds = tzParseTimezone(timeZone, date, true);
+  const d = new Date(date.getTime() - offsetMilliseconds);
+  const resultDate = new Date(0);
+  resultDate.setFullYear(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+  resultDate.setHours(d.getUTCHours(), d.getUTCMinutes(), d.getUTCSeconds(), d.getUTCMilliseconds());
+  return resultDate;
+}
+
 const TimePicker = ({
   value,
   onChange,
@@ -29739,21 +29784,6 @@ const TimePicker = ({
   });
 };
 
-const handleTimeZoneChange = timeZone => {
-  const currentDate = new Date();
-  return new Intl.DateTimeFormat('en-US', {
-    timeZone,
-    weekday: 'long',
-    year: 'numeric',
-    month: 'short',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-    hour12: true
-  }).format(currentDate);
-};
-
 const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
   minDate,
   maxDate,
@@ -29792,7 +29822,8 @@ const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
   const pickerRef = React.useRef(null); // Ref to track the picker
   const containerRef = React.useRef(null);
   const mergedRef = useMergeRefs(pickerRef, ref);
-  const todayInTimeZone = new Date(handleTimeZoneChange(timezone));
+  const todayInTimeZone = startOfDay(toZonedTime(new Date(), timezone));
+  const systemTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   React.useEffect(() => {
     selectedDateRef.current = selectedDate;
   }, [selectedDate]);
@@ -30136,7 +30167,7 @@ const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
             before: new Date(minDate ? minDate : ''),
             after: new Date(maxDate ? maxDate : '')
           }],
-          timeZone: timezone,
+          timeZone: systemTimeZone,
           components: {
             CaptionLabel: props => jsxRuntime.jsx(CustomCaption, {
               ...props
@@ -31612,7 +31643,8 @@ const DashboardDonutChart = ({
   onSelectedStatus = _value => {},
   selectedStatusKey = '',
   setSelectedStatusKey = _selectedStatusKey => {},
-  isOnClick = false
+  isOnClick = false,
+  zIndex = 99
 }) => {
   const [hoveredItemIndex, setHoveredItemIndex] = React.useState(null);
   const [hoveredVersion, setHoveredVersion] = React.useState(null);
@@ -32312,6 +32344,9 @@ const DashboardDonutChart = ({
     },
     children: [jsxRuntime.jsxs("div", {
       className: "ff-dashboard-donut-chart-svg-container",
+      style: {
+        zIndex: zIndex
+      },
       children: [jsxRuntime.jsx("svg", {
         width: DONUT_SVG_SIZE,
         height: DONUT_SVG_SIZE,
@@ -37600,8 +37635,8 @@ function getOffsetRect(element) {
   return {
     width: element.offsetWidth,
     height: element.offsetHeight,
-    left: element.offsetLeft,
-    top: element.offsetTop
+    left: element.offsetLeft - 1,
+    top: element.offsetTop - 1
   };
 }
 /** Write given data to clipboard with given event */
@@ -37620,29 +37655,187 @@ function readTextFromClipboard(event) {
   }
   return '';
 }
+function getSortedNumericKeys(dataObject) {
+  return Object.keys(dataObject).map(keyString => Number(keyString)).sort((firstKey, secondKey) => firstKey - secondKey);
+}
+function insertColumnDimension(columns, insertIndex, newWidth) {
+  const updated = {};
+  const keys = getSortedNumericKeys(columns);
+  let shiftWidth = 0;
+  let inserted = false;
+  for (let i = 0; i < keys.length; i++) {
+    // Insert before current index
+    if (i === insertIndex) {
+      const prev = updated[i - 1];
+      const newLeft = prev ? prev.left + prev.width : 0;
+      updated[i] = {
+        left: newLeft,
+        width: newWidth
+      };
+      shiftWidth = newWidth;
+      inserted = true;
+    }
+    const oldKey = keys[i];
+    if (oldKey === undefined) continue;
+    const col = columns[oldKey];
+    if (!col) continue;
+    const newKey = inserted ? i + 1 : i;
+    const newLeft = inserted ? col.left + shiftWidth : col.left;
+    updated[newKey] = {
+      ...col,
+      left: newLeft
+    };
+  }
+  // If inserting at the end
+  if (!inserted) {
+    const lastKey = keys.length > 0 ? keys[keys.length - 1] : undefined;
+    const last = lastKey !== undefined ? updated[lastKey] : undefined;
+    const newLeft = last ? last.left + last.width : 0;
+    updated[insertIndex] = {
+      left: newLeft,
+      width: newWidth
+    };
+  }
+  return updated;
+}
+function insertRowDimension(rows, insertIndex, newHeight) {
+  const updated = {};
+  const keys = getSortedNumericKeys(rows);
+  let shiftHeight = 0;
+  let inserted = false;
+  for (let i = 0; i < keys.length; i++) {
+    // Insert before current index
+    if (i === insertIndex) {
+      const prev = updated[i - 1];
+      const newTop = prev ? prev.top + prev.height : 0;
+      updated[i] = {
+        top: newTop,
+        height: newHeight
+      };
+      shiftHeight = newHeight;
+      inserted = true;
+    }
+    const oldKey = keys[i];
+    if (oldKey === undefined) continue;
+    const row = rows[oldKey];
+    if (!row) continue;
+    const newKey = inserted ? i + 1 : i;
+    const newTop = inserted ? row.top + shiftHeight : row.top;
+    updated[newKey] = {
+      ...row,
+      top: newTop
+    };
+  }
+  // If inserting at the end
+  if (!inserted) {
+    const lastKey = keys.length > 0 ? keys[keys.length - 1] : undefined;
+    const last = lastKey !== undefined ? updated[lastKey] : undefined;
+    const newTop = last ? last.top + last.height : 0;
+    updated[insertIndex] = {
+      top: newTop,
+      height: newHeight
+    };
+  }
+  return updated;
+}
+function deleteRowDimension(rows, deleteIndex) {
+  const updated = {};
+  const keys = getSortedNumericKeys(rows);
+  let currentTop = 0;
+  for (let i = 0, newIndex = 0; i < keys.length; i++) {
+    if (keys[i] === deleteIndex) {
+      continue;
+    }
+    const key = keys[i];
+    if (key === undefined) continue;
+    const row = rows[key];
+    if (!row) continue;
+    updated[newIndex] = {
+      top: currentTop === 0 ? row.top : currentTop,
+      height: row.height
+    };
+    if (typeof updated[newIndex]?.top === 'number') {
+      currentTop = (updated[newIndex]?.top ?? 0) + row.height;
+    }
+    newIndex++;
+  }
+  return updated;
+}
+function deleteColumnDimension(columns, deleteIndex) {
+  const updated = {};
+  const keys = getSortedNumericKeys(columns);
+  let currentLeft = 0;
+  for (let i = 0, newIndex = 0; i < keys.length; i++) {
+    if (keys[i] === deleteIndex) {
+      continue;
+    }
+    const key = keys[i];
+    if (key === undefined) continue;
+    const col = columns[key];
+    if (!col) continue;
+    updated[newIndex] = {
+      left: currentLeft === 0 ? col.left : currentLeft,
+      width: col.width
+    };
+    if (typeof updated[newIndex]?.left === 'number') {
+      currentLeft = (updated[newIndex]?.left ?? 0) + col.width;
+    }
+    newIndex++;
+  }
+  return updated;
+}
 /** Get the dimensions of cell at point from state */
-function getCellDimensions(point, rowDimensions, columnDimensions) {
-  const cellRowDimensions = rowDimensions && rowDimensions[point.row];
-  const cellColumnDimensions = columnDimensions && columnDimensions[point.column];
-  return cellRowDimensions && cellColumnDimensions && {
-    ...cellRowDimensions,
-    ...cellColumnDimensions
+function getCellDimensions(point, rowDimensions, columnDimensions, visibleRange) {
+  const DEFAULT_ROW_HEIGHT = 32;
+  const DEFAULT_COLUMN_WIDTH = 100;
+  const HEADER_HEIGHT = 32;
+  const ROW_INDICATOR_WIDTH = 60;
+  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;
+  }
+  const width = (columnDimensions?.[point.column] ? columnDimensions?.[point.column]?.width : DEFAULT_COLUMN_WIDTH) || DEFAULT_COLUMN_WIDTH;
+  return {
+    top,
+    height,
+    left,
+    width
   };
 }
 /** Get the dimensions of customized cell at point from state */
-function getScrollCellDimensions(point, rowDimensions, columnDimensions) {
-  let cellRowDimensions = rowDimensions && rowDimensions[point.row];
-  let initialDimensions = rowDimensions && rowDimensions[0];
-  if (rowDimensions && initialDimensions) {
-    cellRowDimensions = {
-      top: 4000,
-      height: initialDimensions?.height
-    }; //fixed height
-  }
-  const cellColumnDimensions = columnDimensions && columnDimensions[point.column];
-  return cellRowDimensions && cellColumnDimensions && {
-    ...cellRowDimensions,
-    ...cellColumnDimensions
+function getScrollCellDimensions(point, rowDimensions, columnDimensions, visibleRange) {
+  const DEFAULT_ROW_HEIGHT = 32;
+  const DEFAULT_COLUMN_WIDTH = 100;
+  const HEADER_HEIGHT = 32;
+  const ROW_INDICATOR_WIDTH = 60;
+  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;
+  }
+  const width = (columnDimensions?.[point.column] ? columnDimensions?.[point.column]?.width : DEFAULT_COLUMN_WIDTH) || DEFAULT_COLUMN_WIDTH;
+  return {
+    top,
+    height,
+    left,
+    width
   };
 }
 /** Get the dimensions of a range of cells */
@@ -37656,14 +37849,24 @@ function getRangeDimensions(rowDimensions, columnDimensions, range) {
     width: endDimensions.left + endDimensions.width - startDimensions.left,
     height: endDimensions.top + endDimensions.height - startDimensions.top,
     top: startDimensions.top + 1,
-    // Note: +1 Because of Active cell width is 2px
-    left: startDimensions.left + 1 // Note: +1 Because of Active cell width is 2px
+    left: startDimensions.left + 1
   };
 }
 /** Get the dimensions of selected */
-function getSelectedDimensions(rowDimensions, columnDimensions, data, selected) {
+function getSelectedDimensions(rowDimensions, columnDimensions, data, selected, visibleRange) {
   const range = selected.toRange(data);
-  return range ? getRangeDimensions(rowDimensions, columnDimensions, range) : undefined;
+  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
+  };
 }
 /** Get given data as CSV */
 function getCSV(data) {
@@ -37738,7 +37941,7 @@ const EmptyCell = {
 };
 const fontFamilyList = [{
   label: 'Times New Roman',
-  value: '"Times New Roman"'
+  value: 'Times New Roman'
 }, {
   label: 'Arial',
   value: 'Arial'
@@ -37762,28 +37965,28 @@ const fontFamilyList = [{
   value: 'Tahoma'
 }, {
   label: 'Trebuchet MS',
-  value: '"Trebuchet MS"'
+  value: 'Trebuchet MS'
 }, {
   label: 'Comic Sans MS',
-  value: '"Comic Sans MS"'
+  value: 'Comic Sans MS'
 }, {
   label: 'Impact',
   value: 'Impact'
 }, {
   label: 'Arial Black',
-  value: '"Arial Black"'
+  value: 'Arial Black'
 }, {
   label: 'Lucida Console',
-  value: '"Lucida Console"'
+  value: 'Lucida Console'
 }, {
   label: 'Lucida Sans Unicode',
-  value: '"Lucida Sans Unicode"'
+  value: 'Lucida Sans Unicode'
 }, {
   label: 'Courier',
   value: 'Courier'
 }, {
   label: 'Arial Rounded MT Bold',
-  value: '"Arial Rounded MT Bold"'
+  value: 'Arial Rounded MT Bold'
 }, {
   label: 'Georgia',
   value: 'Georgia'
@@ -38291,65 +38494,142 @@ function applyBorderToCells(currentData, selectedRange, value, color, editable)
     start,
     end
   } = selectedRange;
+  const getCell = (row, col) => get$1({
+    row,
+    column: col
+  }, updatedData);
+  const setCell = (row, col, cell) => {
+    updatedData = set$1({
+      row,
+      column: col
+    }, cell, updatedData);
+  };
   for (let row = start.row; row <= end.row; row++) {
     for (let col = start.column; col <= end.column; col++) {
-      const currentCell = get$1({
-        row,
-        column: col
-      }, updatedData);
-      if (!currentCell || !editable) continue;
-      if (currentCell.readOnly) continue;
-      let updatedCell = {
-        ...currentCell
+      const currentCell = getCell(row, col);
+      if (!currentCell || !editable || currentCell.readOnly) continue;
+      const updatedCell = {
+        ...currentCell,
+        style: {
+          ...currentCell.style
+        }
+      };
+      const aboveCell = getCell(row - 1, col);
+      const belowCell = getCell(row + 1, col);
+      const leftCell = getCell(row, col - 1);
+      const rightCell = getCell(row, col + 1);
+      const borderStyle = `2px solid ${color}`;
+      const defaultBorder = `1px solid var(--excel-header-border)`;
+      const applyBorder = side => {
+        switch (side) {
+          case 'borderTop':
+            if (!aboveCell || aboveCell.style?.borderBottom !== borderStyle) {
+              updatedCell.style.borderTop = borderStyle;
+            } else {
+              updatedCell.style.borderTop = 'none';
+            }
+            break;
+          case 'borderBottom':
+            if (!belowCell || belowCell.style?.borderTop !== borderStyle) {
+              updatedCell.style.borderBottom = borderStyle;
+            } else {
+              updatedCell.style.borderBottom = 'none';
+            }
+            break;
+          case 'borderLeft':
+            if (!leftCell || leftCell.style?.borderRight !== borderStyle) {
+              updatedCell.style.borderLeft = borderStyle;
+            } else {
+              updatedCell.style.borderLeft = 'none';
+            }
+            break;
+          case 'borderRight':
+            if (!rightCell || rightCell.style?.borderLeft !== borderStyle) {
+              updatedCell.style.borderRight = borderStyle;
+            } else {
+              updatedCell.style.borderRight = 'none';
+            }
+            break;
+        }
       };
       switch (value) {
         case 'border-all-sides':
-          updatedCell.style = {
-            ...currentCell.style,
-            borderRight: `2px solid ${color}`,
-            borderLeft: `2px solid ${color}`,
-            borderTop: `2px solid ${color}`,
-            borderBottom: `2px solid ${color}`
-          };
+          applyBorder('borderTop');
+          applyBorder('borderBottom');
+          applyBorder('borderLeft');
+          applyBorder('borderRight');
           break;
         case 'border-none':
           updatedCell.style = {
-            ...currentCell.style,
-            borderRight: `1px solid var(--excel-header-border)`,
-            borderLeft: `1px solid var(--excel-header-border)`,
-            borderTop: `1px solid var(--excel-header-border)`,
-            borderBottom: `1px solid var(--excel-header-border)`
+            ...updatedCell.style,
+            borderRight: defaultBorder,
+            borderLeft: defaultBorder,
+            borderTop: defaultBorder,
+            borderBottom: defaultBorder
           };
+          if (aboveCell) {
+            const updatedAbove = {
+              ...aboveCell,
+              style: {
+                ...aboveCell.style
+              }
+            };
+            if (updatedAbove.style.borderBottom === 'none') {
+              updatedAbove.style.borderBottom = borderStyle;
+              setCell(row - 1, col, updatedAbove);
+            }
+          }
+          if (belowCell) {
+            const updatedBelow = {
+              ...belowCell,
+              style: {
+                ...belowCell.style
+              }
+            };
+            if (updatedBelow.style.borderTop === 'none') {
+              updatedBelow.style.borderTop = borderStyle;
+              setCell(row + 1, col, updatedBelow);
+            }
+          }
+          if (leftCell) {
+            const updatedLeft = {
+              ...leftCell,
+              style: {
+                ...leftCell.style
+              }
+            };
+            if (updatedLeft.style.borderRight === 'none') {
+              updatedLeft.style.borderRight = borderStyle;
+              setCell(row, col - 1, updatedLeft);
+            }
+          }
+          if (rightCell) {
+            const updatedRight = {
+              ...rightCell,
+              style: {
+                ...rightCell.style
+              }
+            };
+            if (updatedRight.style.borderLeft === 'none') {
+              updatedRight.style.borderLeft = borderStyle;
+              setCell(row, col + 1, updatedRight);
+            }
+          }
           break;
         case 'border-right':
-          updatedCell.style = {
-            ...currentCell.style,
-            borderRight: `2px solid ${color}`
-          };
+          applyBorder('borderRight');
           break;
         case 'border-left':
-          updatedCell.style = {
-            ...currentCell.style,
-            borderLeft: `2px solid ${color}`
-          };
+          applyBorder('borderLeft');
           break;
         case 'border-top':
-          updatedCell.style = {
-            ...currentCell.style,
-            borderTop: `2px solid ${color}`
-          };
+          applyBorder('borderTop');
           break;
         case 'border-bottom':
-          updatedCell.style = {
-            ...currentCell.style,
-            borderBottom: `2px solid ${color}`
-          };
+          applyBorder('borderBottom');
           break;
       }
-      updatedData = set$1({
-        row,
-        column: col
-      }, updatedCell, updatedData);
+      setCell(row, col, updatedCell);
     }
   }
   return updatedData;
@@ -39012,7 +39292,8 @@ function reducer(state, action) {
         let {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          rowDimensions
         } = state;
         const {
           row
@@ -39029,7 +39310,8 @@ function reducer(state, action) {
           ...state,
           model: updatedModel,
           selectedRow: row ?? selectedRow,
-          selectedColumn: selectedColumn
+          selectedColumn: selectedColumn,
+          rowDimensions: insertRowDimension(rowDimensions, row ?? selectedRow, 32)
         };
       }
     case ADD_ROW_BOTTOM:
@@ -39037,7 +39319,8 @@ function reducer(state, action) {
         let {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          rowDimensions
         } = state;
         const {
           row
@@ -39054,7 +39337,8 @@ function reducer(state, action) {
           ...state,
           model: updatedModel,
           selectedRow: (row ?? selectedRow) + 1,
-          selectedColumn: selectedColumn
+          selectedColumn: selectedColumn,
+          rowDimensions: insertRowDimension(rowDimensions, (row ?? selectedRow) + 1, 32)
         };
       }
     case ADD_COLUMN_LEFT:
@@ -39062,7 +39346,8 @@ function reducer(state, action) {
         let {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          columnDimensions
         } = state;
         const {
           column
@@ -39070,17 +39355,18 @@ function reducer(state, action) {
         if (checkEmpty(column ?? selectedColumn)) {
           return state;
         }
-        selectedColumn = column ?? selectedColumn;
+        const insertIndex = column ?? selectedColumn;
         let updatedData = [...model.data];
         updatedData = updatedData.map(row => {
-          return [...row.slice(0, column ?? selectedColumn), EmptyCell, ...row.slice(column ?? selectedColumn)];
+          return [...row.slice(0, insertIndex), EmptyCell, ...row.slice(insertIndex)];
         });
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         return {
           ...state,
           model: updatedModel,
           selectedRow: selectedRow,
-          selectedColumn: (column ?? selectedColumn) - 1
+          selectedColumn: insertIndex,
+          columnDimensions: insertColumnDimension(columnDimensions, insertIndex, 150)
         };
       }
     case ADD_COLUMN_RIGHT:
@@ -39088,7 +39374,8 @@ function reducer(state, action) {
         let {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          columnDimensions
         } = state;
         const {
           column
@@ -39106,7 +39393,8 @@ function reducer(state, action) {
           ...state,
           model: updatedModel,
           selectedRow: selectedRow,
-          selectedColumn: (column ?? selectedColumn) + 1
+          selectedColumn: (column ?? selectedColumn) + 1,
+          columnDimensions: insertColumnDimension(columnDimensions, (column ?? selectedColumn) + 1, 150)
         };
       }
     case DELETE_ROW:
@@ -39114,7 +39402,8 @@ function reducer(state, action) {
         let {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          rowDimensions
         } = state;
         const {
           row
@@ -39122,21 +39411,17 @@ function reducer(state, action) {
         if (checkEmpty(selectedRow)) {
           return state;
         }
-        selectedRow = row ?? selectedRow;
+        const deleteIndex = row ?? selectedRow;
         let updatedData = [...model.data];
-        updatedData.splice(row ?? selectedRow, 1);
+        updatedData.splice(deleteIndex, 1);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
-        let newSelectedRow = row ?? selectedRow > 0 ? row ?? selectedRow - 1 : 0;
+        let newSelectedRow = deleteIndex > 0 ? deleteIndex - 1 : 0;
         const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
         const newActive = updatedData.length > 0 ? {
           row: newSelectedRow,
           column: newSelectedColumn
         } : null;
         const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
-        const {
-          [row ?? selectedRow]: _,
-          ...cleanedRowDimensions
-        } = state.rowDimensions;
         return {
           ...state,
           model: updatedModel,
@@ -39144,7 +39429,7 @@ function reducer(state, action) {
           selectedColumn: newSelectedColumn,
           selected: newSelected,
           active: newActive,
-          rowDimensions: cleanedRowDimensions
+          rowDimensions: deleteRowDimension(rowDimensions, deleteIndex)
         };
       }
     case DELETE_COLUMN:
@@ -39152,22 +39437,24 @@ function reducer(state, action) {
         const {
           selectedRow,
           selectedColumn,
-          model
+          model,
+          columnDimensions
         } = state;
         const {
           column
         } = action;
         if (checkEmpty(column ?? selectedColumn)) return state;
-        const colIndex = column ?? selectedColumn;
-        const updatedData = model.data.map(row => row.filter((_, cellIndex) => cellIndex !== colIndex));
+        const deleteIndex = column ?? selectedColumn;
+        const updatedData = model.data.map(row => row.filter((_, cellIndex) => cellIndex !== deleteIndex));
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         const newSelectedRow = selectedRow || 0;
-        const newSelectedColumn = colIndex > 0 ? colIndex - 1 : 0;
+        const newSelectedColumn = deleteIndex > 0 ? deleteIndex - 1 : 0;
         return {
           ...state,
           model: updatedModel,
           selectedRow: newSelectedRow,
-          selectedColumn: newSelectedColumn
+          selectedColumn: newSelectedColumn,
+          columnDimensions: deleteColumnDimension(columnDimensions, deleteIndex)
         };
       }
     case BOLD:
@@ -41418,7 +41705,8 @@ const Cell = ({
   select,
   activate,
   setCellDimensions,
-  setCellData
+  setCellData,
+  editable
 }) => {
   const rootRef = React__namespace.useRef(null);
   const point = React__namespace.useMemo(() => ({
@@ -41426,6 +41714,7 @@ const Cell = ({
     column
   }), [row, column]);
   const handleMouseDown = React__namespace.useCallback(event => {
+    if (!editable) return;
     if (mode === 'view') {
       setCellDimensions(point, getOffsetRect(event.currentTarget));
       if (event.shiftKey) {
@@ -41621,7 +41910,7 @@ const ActiveCell = props => {
   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) : undefined;
+    let dimensionValue = active ? getCellDimensions(active, state.rowDimensions, state.columnDimensions, props.visibleRange) : undefined;
     dimensionValue = {
       top: (dimensionValue?.top ?? 0) + 1,
       // Note: +1 Because of Active cell width is 2px
@@ -42046,7 +42335,11 @@ const ActiveCell = props => {
       className: "ff-spreadsheet-cell-textarea",
       style: {
         ...cell?.style,
-        textDecoration: 'normal'
+        textDecoration: 'normal',
+        borderTop: '',
+        borderBottom: '',
+        borderLeft: '',
+        borderRight: ''
       },
       value: cell?.value,
       disabled: false
@@ -42100,9 +42393,13 @@ const FloatingRect = ({
   });
 };
 
-const Selected = () => {
+const Selected = ({
+  visibleRange
+}) => {
   const selected = useSelector(state => state.selected);
-  const dimensions = useSelector(state => selected && getSelectedDimensions(state.rowDimensions, state.columnDimensions, state.model.data, state.selected));
+  const dimensions = useSelector(state => {
+    return selected && getSelectedDimensions(state.rowDimensions, state.columnDimensions, state.model.data, state.selected, visibleRange);
+  });
   const dragging = useSelector(state => state.dragging);
   const hidden = useSelector(state => state.selected.size(state.model.data) < 2);
   return jsxRuntime.jsx(FloatingRect, {
@@ -43031,7 +43328,8 @@ const Spreadsheet = props => {
         row: rowNumber,
         column: columnNumber,
         // @ts-ignore
-        DataViewer: DataViewer$1
+        DataViewer: DataViewer$1,
+        editable: editable$1
       }, columnNumber))]
     }, rowNumber))]
   }), [Table$1, size.rows, size.columns, Row$1, HeaderRow$1, CornerIndicator$1, columnLabels, ColumnIndicator, rowLabels, RowIndicator$1, Cell$1, DataViewer$1, visibleRange.end, visibleRange.start]);
@@ -43040,8 +43338,9 @@ const Spreadsheet = props => {
     contextOption: contextOption,
     setContextMenu: props.setContextMenu,
     // @ts-ignore
-    DataEditor: DataEditor$1
-  }), [DataEditor$1]);
+    DataEditor: DataEditor$1,
+    visibleRange: visibleRange
+  }), [DataEditor$1, visibleRange]);
   const rootNode = React__namespace.useMemo(() => jsxRuntime.jsxs("div", {
     className: "ff-excel-spreadsheet-container",
     children: [jsxRuntime.jsx("div", {
@@ -43102,7 +43401,9 @@ const Spreadsheet = props => {
           }]
         });
       },
-      children: [tableNode, activeCellNode, jsxRuntime.jsx(Selected, {}), jsxRuntime.jsx(Copied, {})]
+      children: [tableNode, activeCellNode, jsxRuntime.jsx(Selected, {
+        visibleRange: visibleRange
+      }), jsxRuntime.jsx(Copied, {})]
     })]
   }), [className, onKeyPress, handleKeyDown, handleMouseMove, tableNode, activeCellNode, maxWidth]);
   return jsxRuntime.jsx(context.Provider, {
@@ -49233,6 +49534,119 @@ const ChatModal = ({
   });
 };
 
+const ChatModalAi = /*#__PURE__*/React.forwardRef(({
+  iconName,
+  hoverTitle,
+  iconPosition: {
+    top: iconTop,
+    left: iconLeft,
+    bottom: iconBottom,
+    right: iconRight
+  },
+  hoverIconPosition: {
+    top: iconhoverTop,
+    left: iconhoverLeft,
+    bottom: iconhoverBottom,
+    right: iconhoverRight
+  },
+  modalPosition: {
+    top: modalTop,
+    left: modalLeft,
+    bottom: modalBottom,
+    right: modalRight
+  },
+  modalWidth,
+  modalHeight,
+  headerContent = 'Header Content',
+  footerContent = 'Footer Content',
+  iconWidth,
+  iconHeight,
+  children
+}, ref) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [isVisible, setIsVisible] = React.useState(false);
+  const timerRef = React.useRef(null);
+  const openModal = () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsVisible(prev => !prev);
+    timerRef.current = setTimeout(() => setIsOpen(prev => !prev), 10);
+  };
+  const closeModal = () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsOpen(false);
+    timerRef.current = setTimeout(() => setIsVisible(false), 300);
+  };
+  React.useImperativeHandle(ref, () => ({
+    closeModal
+  }));
+  React.useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsxs("div", {
+      style: {
+        top: iconTop !== undefined ? `${iconTop}px` : undefined,
+        left: iconLeft !== undefined ? `${iconLeft}px` : undefined,
+        bottom: iconBottom !== undefined ? `${iconBottom}px` : undefined,
+        right: iconRight !== undefined ? `${iconRight}px` : undefined
+      },
+      className: "ff-ai-dynamic-icon-container",
+      children: [jsxRuntime.jsx(Icon, {
+        className: "ff-ai-dynamic-icon",
+        name: iconName,
+        onClick: openModal,
+        height: iconHeight,
+        width: iconWidth
+      }), jsxRuntime.jsx("div", {
+        style: {
+          top: iconhoverTop !== undefined ? `${iconhoverTop}px` : undefined,
+          left: iconhoverLeft !== undefined ? `${iconhoverLeft}px` : undefined,
+          bottom: iconhoverBottom !== undefined ? `${iconhoverBottom}px` : undefined,
+          right: iconhoverRight !== undefined ? `${iconhoverRight}px` : undefined
+        },
+        className: "ff-ai-chat-icon-hover",
+        children: jsxRuntime.jsx("div", {
+          className: "ai-hover-leaf",
+          children: jsxRuntime.jsx(Typography, {
+            fontWeight: "bold",
+            fontSize: 14,
+            color: "var(--chatbot-leaf-text)",
+            children: hoverTitle
+          })
+        })
+      })]
+    }), isVisible && /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsx("div", {
+      className: classNames('ff-ai-dynamic-modal', {
+        open: isOpen
+      }),
+      style: {
+        top: modalTop !== undefined ? `${modalTop}px` : undefined,
+        left: modalLeft !== undefined ? `${modalLeft}px` : undefined,
+        bottom: modalBottom !== undefined ? `${modalBottom}px` : undefined,
+        right: modalRight !== undefined ? `${modalRight}px` : undefined,
+        position: 'fixed',
+        height: modalHeight,
+        width: modalWidth
+      },
+      children: jsxRuntime.jsxs("div", {
+        className: "ff-ai-dynamic-modal-content",
+        children: [headerContent && jsxRuntime.jsx("div", {
+          className: "ff-ai-dynamic-modal-header",
+          children: headerContent
+        }), jsxRuntime.jsx("div", {
+          className: "ff-ai-dynamic-modal-body",
+          children: children
+        }), footerContent && jsxRuntime.jsx("div", {
+          className: "ff-ai-dynamic-modal-footer",
+          children: footerContent
+        })]
+      })
+    }), document.body)]
+  });
+});
+
 const HistoryCard = ({
   variant,
   title,
@@ -50303,7 +50717,6 @@ const SessionDropdown = ({
             className: `ff-dropdown-header-item ${activeTab === 'primary' ? 'active' : ''}`,
             onClick: onPrimaryTabClick,
             children: [jsxRuntime.jsx(Typography, {
-              fontSize: 16,
               fontWeight: "semi-bold",
               className: "ff-dropdown-text",
               children: header
@@ -50315,7 +50728,6 @@ const SessionDropdown = ({
             className: `ff-dropdown-header-item ${activeTab === 'secondary' ? 'active' : ''}`,
             onClick: onSecondaryTabClick,
             children: [jsxRuntime.jsx(Typography, {
-              fontSize: 16,
               fontWeight: "semi-bold",
               className: "ff-dropdown-text",
               children: secondaryHeader
@@ -56611,7 +57023,7 @@ const BarChart = ({
   const chartWidth = totalBarWidth + leftPadding * 2 + 10 + extendBarChartRightWidth;
   const id = Date.now();
   const renderGradients = gradients => {
-    return gradients.map((gradient, index) => jsxRuntime.jsx("defs", {
+    return gradients.filter(gradient => gradient.length > 1).map((gradient, index) => jsxRuntime.jsx("defs", {
       children: jsxRuntime.jsx("linearGradient", {
         id: `gradient-${id}-${type}-${index}`,
         x1: "0%",
@@ -56625,7 +57037,11 @@ const BarChart = ({
       })
     }, index));
   };
-  const getFillColor = index => colors?.[index % colors.length]?.[0] ? `url(#gradient-${id}-${type}-${index % colors.length})` : 'grey';
+  const getFillColor = index => {
+    if (!colors.length) return 'grey';
+    const colorGroup = colors[index % colors.length];
+    return colorGroup?.length === 1 ? colorGroup[0] : `url(#gradient-${id}-${type}-${index % colors.length})`;
+  };
   const handleMouseEnter = (label, value, id, percent, versions) => {
     setIsHoveringBar(true);
     const tooltip = tooltipRef.current;
@@ -64353,14 +64769,14 @@ const MachineInstances = ({
                   },
                   children: [jsxRuntime.jsx("div", {
                     className: `ff-curve-right-icon ff-curve-right-icon-${runLevelExecutionDataSetIndex}`
-                  }), childNodeData?.runScriptCount && jsxRuntime.jsx("div", {
+                  }), Number(childNodeData?.runScriptCount) ? jsxRuntime.jsx("div", {
                     className: "ff-selectedMachines-connecting-line-text",
                     children: jsxRuntime.jsx(Typography, {
                       fontSize: 8,
                       fontWeight: "regular",
-                      children: `${childNodeData.runScriptCount} Script${childNodeData.runScriptCount !== 1 ? 's' : ''}`
+                      children: `${![0, '0', null].includes(childNodeData.runScriptCount) ? childNodeData.runScriptCount : ''} Script${childNodeData.runScriptCount !== 1 ? 's' : ''}`
                     })
-                  })]
+                  }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})]
                 })
               }), jsxRuntime.jsx("div", {
                 className: "ff-run-data-box",
@@ -65884,7 +66300,7 @@ const ConditionalDropdown = /*#__PURE__*/React.forwardRef(({
     }), result?.showDropdown && isFocused && jsxRuntime.jsx(VariableDropdown, {
       position: "absolute",
       width: dropdownWidth,
-      optionsList: variableList.filter(file => file.name.toLowerCase().includes(result?.searchString)),
+      optionsList: variableList.filter(file => file.name.toLowerCase().includes(result?.searchString.toLowerCase())),
       onSelectVariable: handleDropdownClick,
       height: height
     }), showDropdown && (isHash || onlyDropdown) && jsxRuntime.jsx(OptionsDropdown, {
@@ -79033,6 +79449,21 @@ const convertToISO = dateString => {
   return new Date(`${formattedDate}T${formattedTime}`);
 };
 
+const handleTimeZoneChange = timeZone => {
+  const currentDate = new Date();
+  return new Intl.DateTimeFormat('en-US', {
+    timeZone,
+    weekday: 'long',
+    year: 'numeric',
+    month: 'short',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit',
+    hour12: true
+  }).format(currentDate);
+};
+
 const PrePostStepAccordions = ({
   data,
   level = 0,
@@ -121422,6 +121853,7 @@ exports.CHECK_CAMEL_CASE = CHECK_CAMEL_CASE;
 exports.CREDIT_CARD_REGEX = CREDIT_CARD_REGEX;
 exports.CURRENCY_GENERIC_REGEX = CURRENCY_GENERIC_REGEX;
 exports.ChatModal = ChatModal;
+exports.ChatModalAi = ChatModalAi;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
 exports.ChipWithCount = ChipWithCount;