bianic-ui 1.10.0 → 1.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/index.js +23 -23
  2. package/dist/esm/index.js +23 -23
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -2409,7 +2409,7 @@ function LiveSearch(_a) {
2409
2409
  setIsOpen(false);
2410
2410
  } }));
2411
2411
  }))),
2412
- children && isOpen && (React.createElement(DropdownContainer, __assign({ open: isOpen, onClose: function () { return setIsOpen(false); }, size: size, isTopFlat: true, zIndex: 10, className: "bianic-livesearch-dropdown absolute w-full overflow-hidden bg-white shadow-lg" }, restDropContProps), hasFilteredResults
2412
+ children && isOpen && (React.createElement(DropdownContainer, __assign({ open: isOpen, onClose: function () { return setIsOpen(false); }, size: size, isTopFlat: true, zIndex: 10, className: "bianic-livesearch-dropdown absolute w-full overflow-hidden bg-white shadow-lg ".concat(dropContClassName) }, restDropContProps), hasFilteredResults
2413
2413
  ? renderedChildren
2414
2414
  : // If no results and searchTerm is present
2415
2415
  searchTerm.length > 0 && (React.createElement(DropdownItem, { content: React.createElement("div", { className: "px-4 py-2 text-gray-500" }, "Tidak ada hasil ditemukan.") }))))),
@@ -2975,7 +2975,7 @@ var DateInput = function (_a) {
2975
2975
  };
2976
2976
 
2977
2977
  var Node = function (_a) {
2978
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2978
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2979
2979
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, stroke: fill, xmlns: "http://www.w3.org/2000/svg" },
2980
2980
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.8487 7.78595L6.93709 7.78595V6.03193L15.8487 6.03193C16.3439 6.03193 16.9911 6.23168 17.5149 6.76349C18.0559 7.3128 18.3919 8.13899 18.3919 9.25864C18.3919 10.6249 17.9588 11.5597 17.2603 12.1263C16.5971 12.6642 15.8434 12.7464 15.4322 12.7464H8.40792C8.16699 12.7828 7.79335 12.9098 7.48812 13.1699C7.19483 13.42 6.93709 13.8119 6.93709 14.4802C6.93709 15.4203 7.25406 15.7883 7.48638 15.9569C7.77053 16.1631 8.13102 16.2139 8.35104 16.2139L17 16.2139V17.968L8.35104 17.968C7.94624 17.968 7.16126 17.8882 6.45613 17.3765C5.69918 16.8271 5.18307 15.8897 5.18307 14.4802C5.18307 13.2687 5.68899 12.3988 6.35026 11.8351C6.98104 11.2974 7.72576 11.058 8.25173 10.998L8.30122 10.9924H15.4322C15.6457 10.9924 15.9333 10.9441 16.1553 10.764C16.342 10.6126 16.6378 10.242 16.6378 9.25864C16.6378 8.49852 16.4184 8.14987 16.2652 7.99427C16.0947 7.82117 15.9088 7.78595 15.8487 7.78595Z", fill: "inherit" }),
2981
2981
  React.createElement("rect", { x: "4.82964", y: "5.22156", width: "3.28794", height: "3.28794", rx: "1.64397", "stroke-width": "0.954563" }),
@@ -2983,37 +2983,37 @@ var Node = function (_a) {
2983
2983
  };
2984
2984
 
2985
2985
  var Port = function (_a) {
2986
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2986
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2987
2987
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
2988
2988
  React.createElement("path", { d: "M11.9998 3.81818C16.5185 3.81818 20.1814 7.48121 20.1815 11.9998C20.1815 16.5185 16.5185 20.1815 11.9998 20.1815C7.4812 20.1814 3.81818 16.5185 3.81818 11.9998C3.81827 7.48127 7.48126 3.81828 11.9998 3.81818ZM12.0008 7.09064C11.7838 7.09064 11.5751 7.17744 11.4217 7.33088C11.2684 7.48427 11.1825 7.69214 11.1824 7.909V11.1815H7.909C7.69216 11.1816 7.48421 11.2684 7.33087 11.4217C7.17755 11.5751 7.09166 11.783 7.09161 11.9998C7.09161 12.2168 7.17743 12.4255 7.33087 12.5789C7.48419 12.7321 7.69224 12.8181 7.909 12.8182H11.1824V16.0906C11.1824 16.3076 11.2683 16.5163 11.4217 16.6697C11.5751 16.8231 11.7838 16.909 12.0008 16.909C12.2176 16.9089 12.4256 16.823 12.5789 16.6697C12.7324 16.5163 12.8182 16.3076 12.8182 16.0906V12.8182H16.0916C16.3084 12.8181 16.5164 12.7321 16.6697 12.5789C16.8232 12.4255 16.909 12.2168 16.909 11.9998C16.9089 11.7829 16.8231 11.5751 16.6697 11.4217C16.5164 11.2683 16.3085 11.1816 16.0916 11.1815H12.8182V7.909C12.8182 7.69213 12.7322 7.48428 12.5789 7.33088C12.4256 7.17755 12.2176 7.09076 12.0008 7.09064Z", fill: "inherit" })));
2989
2989
  };
2990
2990
 
2991
2991
  var ExposedPort = function (_a) {
2992
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2992
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2993
2993
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
2994
2994
  React.createElement("path", { d: "M11.9999 3.33211C12.7365 3.33211 13.443 3.62479 13.9638 4.14559L19.8544 10.0362C20.3752 10.557 20.6679 11.2636 20.6679 12.0001C20.6679 12.7366 20.3752 13.4431 19.8544 13.9639L13.9638 19.8546C13.443 20.3754 12.7365 20.668 11.9999 20.668C11.2634 20.668 10.5569 20.3754 10.0361 19.8546L4.14545 13.9639C3.62465 13.4431 3.33197 12.7366 3.33197 12.0001C3.33199 11.2636 3.62467 10.557 4.14545 10.0362L10.0361 4.14559C10.5569 3.62481 11.2634 3.33213 11.9999 3.33211ZM11.9999 7.0909C11.7832 7.09101 11.5751 7.17694 11.4218 7.33016C11.2684 7.4836 11.1826 7.69226 11.1826 7.90926V11.1817H7.90912C7.69237 11.1818 7.48433 11.2678 7.33099 11.421C7.17755 11.5744 7.09174 11.7831 7.09174 12.0001C7.09176 12.217 7.17765 12.4248 7.33099 12.5782C7.48436 12.7316 7.69224 12.8184 7.90912 12.8184H11.1826V16.0909C11.1826 16.3078 11.2685 16.5156 11.4218 16.669C11.5752 16.8224 11.7831 16.9092 11.9999 16.9093C12.2169 16.9093 12.4256 16.8225 12.579 16.669C12.7323 16.5156 12.8183 16.3078 12.8183 16.0909V12.8184H16.0917C16.3086 12.8183 16.5165 12.7315 16.6699 12.5782C16.8232 12.4248 16.9091 12.217 16.9091 12.0001C16.9091 11.7831 16.8233 11.5744 16.6699 11.421C16.5166 11.2678 16.3085 11.1818 16.0917 11.1817H12.8183V7.90926C12.8183 7.69226 12.7325 7.4836 12.579 7.33016C12.4256 7.17679 12.2169 7.0909 11.9999 7.0909Z", fill: "inherit" })));
2995
2995
  };
2996
2996
 
2997
2997
  var VirtualPort = function (_a) {
2998
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2998
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2999
2999
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3000
3000
  React.createElement("path", { d: "M16.909 3.81818C17.777 3.81818 18.6097 4.16341 19.2234 4.77717C19.8369 5.39083 20.1814 6.2229 20.1815 7.09064V16.909C20.1815 17.777 19.8372 18.6097 19.2234 19.2235C18.6097 19.8372 17.777 20.1815 16.909 20.1815H7.09064C6.2229 20.1814 5.39082 19.837 4.77716 19.2235C4.16341 18.6097 3.81818 17.777 3.81818 16.909V7.09064C3.81825 6.22276 4.16347 5.39086 4.77716 4.77717C5.39085 4.16347 6.22275 3.81825 7.09064 3.81818H16.909ZM12.0008 7.09064C11.7838 7.09064 11.5751 7.17744 11.4217 7.33088C11.2684 7.48427 11.1825 7.69214 11.1824 7.909V11.1815H7.909C7.69216 11.1816 7.48421 11.2684 7.33087 11.4217C7.17755 11.5751 7.09166 11.783 7.09161 11.9998C7.09161 12.2168 7.17743 12.4255 7.33087 12.5789C7.48419 12.7321 7.69224 12.8181 7.909 12.8182H11.1824V16.0906C11.1824 16.3076 11.2683 16.5163 11.4217 16.6697C11.5751 16.8231 11.7838 16.909 12.0008 16.909C12.2176 16.9089 12.4256 16.823 12.5789 16.6697C12.7324 16.5163 12.8182 16.3076 12.8182 16.0906V12.8182H16.0916C16.3084 12.8181 16.5164 12.7321 16.6697 12.5789C16.8232 12.4255 16.909 12.2168 16.909 11.9998C16.9089 11.7829 16.8231 11.5751 16.6697 11.4217C16.5164 11.2683 16.3085 11.1816 16.0916 11.1815H12.8182V7.909C12.8182 7.69213 12.7322 7.48428 12.5789 7.33088C12.4256 7.17755 12.2176 7.09076 12.0008 7.09064Z", fill: "inherit" })));
3001
3001
  };
3002
3002
 
3003
3003
  var AlertRoundedSquare = function (_a) {
3004
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3004
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3005
3005
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3006
3006
  React.createElement("path", { d: "M12 2C15.5929 2 18.2392 2.42477 19.9072 4.09277C21.5752 5.76078 22 8.40715 22 12C22 15.5929 21.5752 18.2392 19.9072 19.9072C18.2392 21.5752 15.5929 22 12 22C8.40715 22 5.76078 21.5752 4.09277 19.9072C2.42477 18.2392 2 15.5929 2 12C2 8.40715 2.42477 5.76078 4.09277 4.09277C5.76078 2.42477 8.40715 2 12 2ZM12 4C8.39285 4 6.53883 4.47484 5.50684 5.50684C4.47484 6.53883 4 8.39285 4 12C4 15.6071 4.47484 17.4612 5.50684 18.4932C6.53883 19.5252 8.39285 20 12 20C15.6071 20 17.4612 19.5252 18.4932 18.4932C19.5252 17.4612 20 15.6071 20 12C20 8.39285 19.5252 6.53883 18.4932 5.50684C17.4612 4.47484 15.6071 4 12 4ZM12.0098 15C12.5621 15 13.0098 15.4477 13.0098 16C13.0098 16.5523 12.5621 17 12.0098 17H12C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15H12.0098ZM12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z", fill: "inherit" })));
3007
3007
  };
3008
3008
 
3009
3009
  var Stack = function (_a) {
3010
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3010
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3011
3011
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3012
3012
  React.createElement("path", { d: "M11.5884 7.24696C11.8417 7.09495 12.1583 7.09495 12.4116 7.24696L18.8567 11.114C19.3745 11.4247 19.3745 12.1753 18.8567 12.486L12.4116 16.353C12.1583 16.505 11.8417 16.505 11.5884 16.353L5.14332 12.486C4.62545 12.1753 4.62545 11.4247 5.14332 11.114L11.5884 7.24696Z", fill: "inherit" })));
3013
3013
  };
3014
3014
 
3015
3015
  var Discrepancy = function (_a) {
3016
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3016
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3017
3017
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3018
3018
  React.createElement("path", { d: "M13.2 3.6H3.40002V20.4H15.6V18H9.60001V16.8H13.2V10.8H15.6V7.2H10.7998V6H13.2V3.6Z", fill: "inherit" }),
3019
3019
  React.createElement("path", { d: "M14.4 3.6H16.8V6H14.4V3.6Z" }),
@@ -3025,7 +3025,7 @@ var Discrepancy = function (_a) {
3025
3025
  };
3026
3026
 
3027
3027
  var ModalBalance = function (_a) {
3028
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3028
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3029
3029
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3030
3030
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.7912 5.66667C10.7912 5.11438 11.2389 4.66667 11.7912 4.66667L16.6667 4.66667C17.219 4.66667 17.6667 5.11438 17.6667 5.66667C17.6667 6.21895 17.219 6.66667 16.6667 6.66667L11.7912 6.66667C11.2389 6.66667 10.7912 6.21895 10.7912 5.66667Z" }),
3031
3031
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.95955 9.62623C10.3501 9.2357 10.9832 9.2357 11.3738 9.62623L15.8738 14.1262C16.2643 14.5168 16.2643 15.1499 15.8738 15.5404C15.4832 15.931 14.8501 15.931 14.4595 15.5404L9.95955 11.0404C9.56903 10.6499 9.56903 10.0168 9.95955 9.62623Z" }),
@@ -3037,27 +3037,27 @@ var ModalBalance = function (_a) {
3037
3037
  };
3038
3038
 
3039
3039
  var CubeHeader = function (_a) {
3040
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3040
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3041
3041
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3042
3042
  React.createElement("path", { d: "M17.895 3.553C17.8119 3.38684 17.6841 3.24711 17.526 3.14944C17.368 3.05177 17.1858 3.00003 17 3H7.00001C6.62102 3 6.27501 3.214 6.10501 3.553L2.10501 11.553C2.03549 11.6919 1.9993 11.8451 1.9993 12.0005C1.9993 12.1559 2.03549 12.3091 2.10501 12.448L6.10501 20.448C6.27501 20.786 6.62102 21 7.00001 21H17C17.379 21 17.725 20.786 17.895 20.447L21.895 12.447C21.9645 12.3081 22.0007 12.1549 22.0007 11.9995C22.0007 11.8441 21.9645 11.6909 21.895 11.552L17.895 3.553ZM19.382 11H11.618L8.61802 5H16.382L19.382 11ZM4.11801 12L7.00001 6.236L9.88202 12L7.00001 17.764L4.11801 12ZM16.382 19H8.61802L11.618 13H19.382L16.382 19Z", fill: "inherit" })));
3043
3043
  };
3044
3044
 
3045
3045
  var Legend = function (_a) {
3046
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3046
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3047
3047
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3048
3048
  React.createElement("path", { d: "M6 4C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H18C18.5304 20 19.0391 19.7893 19.4142 19.4142C19.7893 19.0391 20 18.5304 20 18V6C20 5.46957 19.7893 4.96086 19.4142 4.58579C19.0391 4.21071 18.5304 4 18 4H6ZM6 2H18C19.0609 2 20.0783 2.42143 20.8284 3.17157C21.5786 3.92172 22 4.93913 22 6V18C22 19.0609 21.5786 20.0783 20.8284 20.8284C20.0783 21.5786 19.0609 22 18 22H6C4.93913 22 3.92172 21.5786 3.17157 20.8284C2.42143 20.0783 2 19.0609 2 18V6C2 4.93913 2.42143 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2V2Z", fill: "inherit" }),
3049
3049
  React.createElement("path", { d: "M10.9437 17.6805V8.95785H7.82846V7.1818H16.1716V8.95785H13.0635V17.6805H10.9437Z", fill: "inherit" })));
3050
3050
  };
3051
3051
 
3052
3052
  var SelectAllRemove = function (_a) {
3053
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3053
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3054
3054
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3055
3055
  React.createElement("path", { d: "M7 17V7H17V17H7ZM9 15H15V9H9V15ZM7 21V19H9V21H7ZM7 5V3H9V5H7ZM11 21V19H13V21H11ZM11 5V3H13V5H11ZM15 5V3H17V5H15ZM3 5V3H5V5H3ZM5 21H3V19H5V21ZM21 5H19V3H21V5ZM3 17V15H5V17H3ZM3 13V11H5V13H3ZM3 9V7H5V9H3ZM19 16V15H21V16H19ZM19 13V11H21V13H19ZM19 9V7H21V9H19Z", fill: "inherit" }),
3056
3056
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 19L24 19L24 21L16 21L16 19Z", fill: "inherit" })));
3057
3057
  };
3058
3058
 
3059
3059
  var SelectAllAdd = function (_a) {
3060
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3060
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3061
3061
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3062
3062
  React.createElement("path", { d: "M7 17V7H17V17H7ZM9 15H15V9H9V15ZM7 21V19H9V21H7ZM7 5V3H9V5H7ZM11 21V19H13V21H11ZM11 5V3H13V5H11ZM15 5V3H17V5H15ZM3 5V3H5V5H3ZM5 21H3V19H5V21ZM21 5H19V3H21V5ZM3 17V15H5V17H3ZM3 13V11H5V13H3ZM3 9V7H5V9H3ZM19 13V11H21V13H19ZM19 9V7H21V9H19Z", fill: "inherit" }),
3063
3063
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19 24V16H21V24H19Z", fill: "inherit" }),
@@ -3065,7 +3065,7 @@ var SelectAllAdd = function (_a) {
3065
3065
  };
3066
3066
 
3067
3067
  var FQWelldone = function (_a) {
3068
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3068
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3069
3069
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3070
3070
  React.createElement("g", { "clip-path": "url(#clip0_514_7962)" },
3071
3071
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 22H19.7534C20.9896 22 22 20.9896 22 19.7534V12C22 8.08095 19.7471 4.68905 16.465 3.05115L15.8061 8.94697C15.7559 9.40195 15.3699 9.73768 14.9244 9.74396L14.4286 13.8607C14.3847 14.2592 14.0835 14.5635 13.7101 14.6357L13.2488 17.375C13.2394 17.4158 13.2331 17.4565 13.2206 17.4973L13.2174 17.5036L13.2143 17.5162L13.2112 17.5287L13.208 17.535C13.1672 17.6511 13.1045 17.7546 13.0229 17.8425L13.0198 17.8456L13.0104 17.8582L13.0041 17.8644L12.9947 17.8739L12.9853 17.8833L12.979 17.8864L12.9664 17.899V17.9021C12.8786 17.9805 12.7719 18.0464 12.6558 18.0872H12.6495L12.637 18.0935L12.6244 18.0966L12.6181 18.0998C12.5397 18.1217 12.4581 18.1343 12.3734 18.1374H12.3514C12.2667 18.1343 12.182 18.1217 12.1035 18.0998L12.0973 18.0966L12.0847 18.0935L12.0722 18.0872H12.0659C11.9498 18.0464 11.8463 17.9805 11.7584 17.9021L11.7553 17.899L11.7427 17.8864L11.7364 17.8833L11.727 17.8739L11.7176 17.8644L11.7145 17.8582L11.7019 17.8456L11.6988 17.8425C11.6203 17.7546 11.5576 17.6511 11.5168 17.535L11.5136 17.5287L11.5074 17.5162L11.5042 17.5036V17.4973C11.4917 17.4565 11.4823 17.4158 11.476 17.375L11.0116 14.6357C10.6382 14.5635 10.3401 14.2592 10.2931 13.8607L9.7973 9.74396C9.35174 9.73768 8.96894 9.40195 8.91873 8.94697L8.22215 2.73737C4.57295 4.2278 2 7.81425 2 12C2 17.5224 6.47757 22 12 22ZM14.1117 7.94917L14.7361 2.37967C13.867 2.13179 12.9476 2 12 2C11.3034 2 10.6225 2.07217 9.96674 2.20709L9.96988 2.24161L10.61 7.94917C11.0775 7.95858 11.4572 8.32256 11.4885 8.78067L11.9812 12.8817C12.0188 13.1672 12.684 13.1672 12.7405 12.8817L13.2331 8.78067C13.2676 8.32256 13.6473 7.95858 14.1117 7.94917Z", fill: "inherit" })),
@@ -3075,7 +3075,7 @@ var FQWelldone = function (_a) {
3075
3075
  };
3076
3076
 
3077
3077
  var FQOperation = function (_a) {
3078
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3078
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3079
3079
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3080
3080
  React.createElement("g", { "clip-path": "url(#clip0_514_7959)" },
3081
3081
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.9983 2C17.5207 2 22 6.47599 22 11.9983V19.7521C22 20.9899 20.9899 22 19.7521 22H11.9983C6.47599 22 2 17.5207 2 11.9983C2 6.47599 6.47599 2 11.9983 2ZM14.606 8.07691C14.1868 7.81284 14.0614 7.26159 14.3255 6.84238C14.5895 6.42317 15.1408 6.29774 15.56 6.56181C15.8439 6.74336 16.1145 6.94471 16.372 7.16917C16.6295 7.39363 16.8671 7.63789 17.0817 7.89206C17.3986 8.27166 17.3491 8.83611 16.9695 9.153C16.5899 9.46988 16.0254 9.42037 15.7052 9.04077C15.5435 8.84932 15.3718 8.67107 15.1936 8.51593C15.0087 8.35418 14.814 8.20895 14.606 8.07691ZM16.7648 11.4075C16.6988 10.9157 17.0388 10.4634 17.5306 10.3974C18.0191 10.3281 18.4714 10.6714 18.5407 11.1632C18.5605 11.3151 18.577 11.4669 18.5869 11.6187H18.5902C18.6001 11.7838 18.6067 11.9389 18.6067 12.0809C18.6067 13.8864 17.8739 15.5171 16.6922 16.6988C15.5138 17.8805 13.8798 18.61 12.0776 18.61C10.2753 18.61 8.64136 17.8805 7.45965 16.6988C6.27793 15.5171 5.54844 13.8864 5.54844 12.0809C5.54844 10.2786 6.27793 8.64796 7.45965 7.46625C8.64136 6.28454 10.2753 5.55174 12.0776 5.55174C12.5727 5.55174 12.9754 5.95445 12.9754 6.44958C12.9754 6.94801 12.5727 7.34742 12.0776 7.34742C10.7704 7.34742 9.58541 7.87886 8.73048 8.73378C7.87226 9.59201 7.34412 10.7737 7.34412 12.0809C7.34412 13.3913 7.87226 14.573 8.73048 15.4313C9.58541 16.2862 10.7704 16.8176 12.0776 16.8176C13.3847 16.8176 14.5664 16.2862 15.4247 15.4313C16.2796 14.573 16.811 13.3913 16.811 12.0809C16.811 11.9554 16.8077 11.8432 16.8011 11.7442V11.7409C16.7912 11.6254 16.7813 11.5131 16.7648 11.4075Z", fill: "inherit" })),
@@ -3085,7 +3085,7 @@ var FQOperation = function (_a) {
3085
3085
  };
3086
3086
 
3087
3087
  var FQModeler = function (_a) {
3088
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3088
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3089
3089
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3090
3090
  React.createElement("g", { "clip-path": "url(#clip0_514_7961)" },
3091
3091
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.9987 2C17.5222 2 22 6.47776 22 11.9987V19.7523C22 20.9895 20.9895 22 19.7523 22H11.9987C6.47776 22 2 17.5222 2 11.9987C2 6.47776 6.47776 2 11.9987 2ZM13.6996 8.14086L16.2296 10.6683C16.6378 11.079 16.8419 11.6157 16.8419 12.155C16.8419 12.6917 16.6378 13.2309 16.2296 13.6392L13.6996 16.1691C13.2914 16.5773 12.7522 16.7839 12.2129 16.7839C11.6762 16.7839 11.137 16.5773 10.7287 16.1691L8.19882 13.6392C7.7906 13.2309 7.58649 12.6917 7.58649 12.155C7.58649 11.6157 7.7906 11.079 8.19882 10.6683L10.7287 8.14086C11.137 7.73012 11.6762 7.52602 12.2129 7.52602C12.7522 7.52602 13.2914 7.73012 13.6996 8.14086ZM19.1652 10.895C19.8657 10.895 20.4352 11.4645 20.4352 12.1651C20.4352 12.8656 19.8657 13.4351 19.1652 13.4351C18.4621 13.4351 17.8952 12.8656 17.8952 12.1651C17.8952 11.4645 18.4621 10.895 19.1652 10.895ZM12.2255 17.8347C12.926 17.8347 13.4955 18.4042 13.4955 19.1047C13.4955 19.8077 12.926 20.3747 12.2255 20.3747C11.5225 20.3747 10.9555 19.8077 10.9555 19.1047C10.9555 18.4042 11.5225 17.8347 12.2255 17.8347ZM12.2028 3.93272C12.9059 3.93272 13.4728 4.5022 13.4728 5.20272C13.4728 5.90576 12.9059 6.47272 12.2028 6.47272C11.5023 6.47272 10.9328 5.90576 10.9328 5.20272C10.9328 4.5022 11.5023 3.93272 12.2028 3.93272ZM5.2632 10.8749C5.96371 10.8749 6.5332 11.4419 6.5332 12.1449C6.5332 12.8454 5.96371 13.4149 5.2632 13.4149C4.56268 13.4149 3.9932 12.8454 3.9932 12.1449C3.9932 11.4419 4.56268 10.8749 5.2632 10.8749ZM14.9596 11.9383L12.4296 9.40834C12.3717 9.35038 12.2936 9.32015 12.2129 9.32015C12.1348 9.32015 12.0567 9.35038 11.9987 9.40834L9.46882 11.9383C9.41086 11.9962 9.38062 12.0743 9.38062 12.155C9.38062 12.2331 9.41086 12.3112 9.46882 12.3717L11.9987 14.8991C12.0567 14.957 12.1348 14.9873 12.2129 14.9873C12.2936 14.9873 12.3717 14.957 12.4296 14.8991L14.9596 12.3717C15.0175 12.3112 15.0478 12.2331 15.0478 12.155C15.0478 12.0743 15.0175 11.9962 14.9596 11.9383Z", fill: "inherit" })),
@@ -3095,7 +3095,7 @@ var FQModeler = function (_a) {
3095
3095
  };
3096
3096
 
3097
3097
  var FQGetaway = function (_a) {
3098
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3098
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3099
3099
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3100
3100
  React.createElement("g", { "clip-path": "url(#clip0_514_7963)" },
3101
3101
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2C15.6467 2 18.8387 3.95392 20.5837 6.86943H8.48541C7.41014 6.86943 6.43011 7.30876 5.7235 8.01843C5.01382 8.72504 4.5745 9.70507 4.5745 10.7803C4.5745 11.8556 5.01382 12.8326 5.7235 13.5422C6.43011 14.2488 7.40707 14.6882 8.48541 14.6882H15.0353C15.53 14.6882 15.9324 14.2888 15.9324 13.7911C15.9324 13.2965 15.53 12.894 15.0353 12.894H8.48541C7.90476 12.894 7.37634 12.6544 6.99232 12.2734C6.60829 11.8894 6.37174 11.361 6.37174 10.7803C6.37174 10.1997 6.60829 9.67128 6.99232 9.28725C7.37634 8.90323 7.90476 8.66667 8.48541 8.66667H21.4286C21.7972 9.70814 22 10.8295 22 12V19.7542C22 20.9892 20.9892 22 19.7542 22H12C6.47619 22 2 17.5238 2 12C2 6.47619 6.47619 2 12 2ZM12.427 17.6713C11.9324 17.6713 11.53 17.2688 11.53 16.7711C11.53 16.2765 11.9324 15.874 12.427 15.874H15.6098C16.1905 15.874 16.7189 15.6375 17.1029 15.2535C17.4869 14.8694 17.7266 14.341 17.7266 13.7604C17.7266 13.1797 17.4869 12.6513 17.1029 12.2673C16.7189 11.8833 16.1905 11.6467 15.6098 11.6467H9.06298C8.56528 11.6467 8.16283 11.2442 8.16283 10.7496C8.16283 10.2519 8.56528 9.84946 9.06298 9.84946H15.6098C16.6882 9.84946 17.6651 10.2888 18.3717 10.9985C19.0814 11.7081 19.5207 12.6851 19.5207 13.7604C19.5207 14.8356 19.0814 15.8157 18.3717 16.5223C17.6651 17.232 16.6882 17.6713 15.6098 17.6713H12.427Z", fill: "inherit" })),
@@ -3105,7 +3105,7 @@ var FQGetaway = function (_a) {
3105
3105
  };
3106
3106
 
3107
3107
  var FQAnalytical = function (_a) {
3108
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3108
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3109
3109
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3110
3110
  React.createElement("g", { "clip-path": "url(#clip0_514_7960)" },
3111
3111
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.0016 2C17.5242 2 22 6.47577 22 12.0016V19.754C22 20.9921 20.9921 22 19.754 22H12.0016C6.47577 22 2 17.5242 2 12.0016C2 6.47577 6.47577 2 12.0016 2ZM4.50851 15.0092C5.03678 15.5375 5.8924 15.5375 6.41744 15.0092C6.94571 14.481 6.94571 13.6253 6.41744 13.1003C5.8924 12.572 5.03678 12.572 4.50851 13.1003C3.98347 13.6253 3.98347 14.481 4.50851 15.0092ZM15.0805 6.50494C15.6088 5.97667 15.6088 5.12105 15.0805 4.59601C14.5523 4.06774 13.6999 4.06774 13.1716 4.59601C12.6433 5.12105 12.6433 5.97667 13.1716 6.50494C13.6999 7.02998 14.5523 7.02998 15.0805 6.50494ZM16.3478 18.2016C16.876 18.7299 17.7316 18.7299 18.2567 18.2016C18.785 17.6766 18.785 16.8209 18.2567 16.2927C17.7316 15.7644 16.876 15.7644 16.3478 16.2927C15.8195 16.8209 15.8195 17.6766 16.3478 18.2016ZM7.49344 12.2415C7.49344 14.8926 9.6422 17.0413 12.2933 17.0413C14.9444 17.0413 17.0932 14.8926 17.0932 12.2415C17.0932 11.0164 16.6232 9.78804 15.6866 8.84816C14.75 7.91152 13.5216 7.44482 12.2933 7.44482C11.065 7.44482 9.83666 7.91152 8.90002 8.84816C7.96338 9.78804 7.49344 11.0164 7.49344 12.2415ZM12.2933 15.2458C9.62599 15.2458 8.28423 12.0049 10.1705 10.1186C10.7571 9.532 11.5252 9.24032 12.2933 9.24032C13.0614 9.24032 13.8295 9.532 14.4161 10.1186C15.0028 10.7052 15.2977 11.4733 15.2977 12.2415C15.2977 13.9008 13.9527 15.2458 12.2933 15.2458Z", fill: "inherit" })),
@@ -3115,7 +3115,7 @@ var FQAnalytical = function (_a) {
3115
3115
  };
3116
3116
 
3117
3117
  var Flowqount = function (_a) {
3118
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3118
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3119
3119
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3120
3120
  React.createElement("g", { "clip-path": "url(#clip0_514_7964)" },
3121
3121
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.07166 8.36706V20.6265C8.07166 20.9514 8.11036 21.227 8.57479 21.3959C9.64206 21.7852 10.7949 21.9999 11.9971 21.9975H12.0405H17.684H19.2802H21.9742V19.985C22.0152 18.5084 20.8459 17.6581 19.8608 17.6581C19.2251 17.6581 19.0328 17.6616 18.3842 17.6616C17.7063 17.6616 17.0894 17.3848 16.6426 16.9368H16.6391C16.1922 16.49 15.9143 15.8719 15.9143 15.1928V12.656C15.9143 12.4555 15.8333 12.2737 15.702 12.1424L15.7008 12.1435C15.5683 12.0122 15.3877 11.9301 15.1883 11.9301C14.9889 11.9301 14.8071 12.011 14.6758 12.1424L14.6769 12.1435C14.5456 12.2761 14.4635 12.4567 14.4635 12.656V15.1928C14.4635 15.8719 14.1855 16.49 13.7387 16.9368H13.7352C13.2872 17.3848 12.6714 17.6616 11.9935 17.6616C11.3239 17.6616 10.7081 17.4224 10.2578 17.0072C9.8039 16.5873 9.5236 16.0033 9.5236 15.3148V8.36706C9.5236 8.16886 9.4415 7.98707 9.30898 7.85571C9.17762 7.72319 8.99583 7.64109 8.79763 7.64109C8.59708 7.64109 8.41529 7.72201 8.28628 7.8522L8.28276 7.85571C8.15258 7.98472 8.07166 8.16651 8.07166 8.36706ZM11.2676 8.36706V15.3148C11.2676 15.4884 11.3321 15.6291 11.4365 15.7265C11.5678 15.8473 11.766 15.9176 11.9935 15.9176C12.1929 15.9176 12.3747 15.8367 12.5072 15.7054L12.5049 15.7042C12.6374 15.5717 12.7183 15.391 12.7183 15.1928V12.656C12.7183 11.9758 12.9963 11.3577 13.4431 10.9109H13.4467C13.8947 10.4629 14.5104 10.1861 15.1883 10.1861C15.8685 10.1861 16.4866 10.4641 16.9334 10.9109V10.9144C17.3815 11.3613 17.6582 11.9782 17.6582 12.656V15.1928C17.6582 15.391 17.7403 15.5717 17.8729 15.7042L17.8705 15.7054C18.003 15.8367 18.1848 15.9176 18.3842 15.9176C19.3729 15.9176 20.2103 15.9165 21.199 15.9165C21.6751 15.9165 22 15.6139 22 15.1577L21.9953 12.0427V11.9993C21.9953 6.47883 17.5187 2.0022 11.9971 2.0022C6.47663 2.0022 2 6.47883 2 11.9993C2 15.0052 3.32645 17.7003 5.42579 19.5334C5.56066 19.6519 5.70726 19.795 5.80578 19.8524C6.18343 20.0717 6.32768 19.7234 6.32768 19.5616V8.36706C6.32768 7.69152 6.60564 7.07462 7.05248 6.62543L7.05483 6.62426L7.056 6.62191C7.50519 6.17507 8.12209 5.89711 8.79763 5.89711C9.47786 5.89711 10.0959 6.17507 10.5428 6.62191C10.9896 7.06876 11.2676 7.68683 11.2676 8.36706Z", fill: "inherit" })),
@@ -3125,13 +3125,13 @@ var Flowqount = function (_a) {
3125
3125
  };
3126
3126
 
3127
3127
  var Spinner$1 = function (_a) {
3128
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3128
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3129
3129
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3130
3130
  React.createElement("path", { d: "M12 22C9.99381 22 8.034 21.3966 6.37525 20.2681C4.7165 19.1397 3.43551 17.5384 2.69875 15.6724C1.96199 13.8064 1.80352 11.7619 2.24394 9.80469C2.68437 7.84744 3.70331 6.06791 5.16836 4.69735C6.63341 3.32679 8.47683 2.42858 10.4591 2.11944C12.4413 1.8103 14.4707 2.10452 16.2835 2.96387C18.0963 3.82323 19.6088 5.20798 20.6243 6.93817C21.6398 8.66836 22.1114 10.664 21.9778 12.6657L19.9823 12.5326C20.0891 10.9312 19.7118 9.33469 18.8994 7.95054C18.087 6.56638 16.8771 5.45858 15.4268 4.7711C13.9765 4.08362 12.353 3.84824 10.7673 4.09555C9.18147 4.34286 7.70673 5.06143 6.53469 6.15788C5.36265 7.25433 4.54749 8.67795 4.19516 10.2438C3.84282 11.8096 3.96959 13.4451 4.559 14.9379C5.14841 16.4308 6.1732 17.7118 7.5002 18.6145C8.8272 19.5173 10.395 20 12 20L12 22Z", fill: "inherit" })));
3131
3131
  };
3132
3132
 
3133
3133
  var Outlet = function (_a) {
3134
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3134
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3135
3135
  var numericSize = Number(size);
3136
3136
  return (React.createElement("svg", { className: className, width: numericSize * 2, height: numericSize, viewBox: "0 0 48 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3137
3137
  React.createElement("path", { d: "M12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z", fill: "inherit" }),
@@ -3139,7 +3139,7 @@ var Outlet = function (_a) {
3139
3139
  };
3140
3140
 
3141
3141
  var Inlet = function (_a) {
3142
- _a.className; var _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3142
+ _a.className; var _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3143
3143
  var numericSize = Number(size);
3144
3144
  return (React.createElement("svg", { width: numericSize * 2, height: numericSize, viewBox: "0 0 48 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3145
3145
  React.createElement("path", { d: "M36 20C38.1217 20 40.1566 19.1571 41.6569 17.6569C43.1571 16.1566 44 14.1217 44 12C44 9.87827 43.1571 7.84344 41.6569 6.34315C40.1566 4.84285 38.1217 4 36 4C33.8783 4 31.8434 4.84285 30.3431 6.34315C28.8429 7.84344 28 9.87827 28 12C28 14.1217 28.8429 16.1566 30.3431 17.6569C31.8434 19.1571 33.8783 20 36 20ZM36 22C30.477 22 26 17.523 26 12C26 6.477 30.477 2 36 2C41.523 2 46 6.477 46 12C46 17.523 41.523 22 36 22Z", fill: "inherit" }),
@@ -3169,7 +3169,7 @@ function Modal(_a) {
3169
3169
  if (open) {
3170
3170
  return (
3171
3171
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
3172
- React.createElement("div", { className: "bianic-modal-wrapper fixed inset-0 flex items-center justify-center bg-bia-black-transparent-75", style: { zIndex: !zIndex && isNaN(zIndex) ? 'auto' : zIndex }, id: "", onClick: handleClose },
3172
+ React.createElement("div", { className: "bianic-modal-wrapper fixed inset-0 flex items-center justify-center bg-bia-black-transparent-75", style: { zIndex: !zIndex && isNaN(zIndex) ? 'auto' : zIndex }, id: "wrapper", onClick: handleClose },
3173
3173
  React.createElement("div", { className: "bianic-modal flex flex-col gap-[20px] rounded-[5px] bg-white p-[20px] ".concat(modalSize), onClick: onClick },
3174
3174
  React.createElement("div", { className: "bianic-modal-header flex justify-between" },
3175
3175
  React.createElement("div", { className: " text-wrap text-left font-humnst777 text-[18px] font-bold leading-[21.85px] text-primary-black" }, title),
package/dist/esm/index.js CHANGED
@@ -2407,7 +2407,7 @@ function LiveSearch(_a) {
2407
2407
  setIsOpen(false);
2408
2408
  } }));
2409
2409
  }))),
2410
- children && isOpen && (React.createElement(DropdownContainer, __assign({ open: isOpen, onClose: function () { return setIsOpen(false); }, size: size, isTopFlat: true, zIndex: 10, className: "bianic-livesearch-dropdown absolute w-full overflow-hidden bg-white shadow-lg" }, restDropContProps), hasFilteredResults
2410
+ children && isOpen && (React.createElement(DropdownContainer, __assign({ open: isOpen, onClose: function () { return setIsOpen(false); }, size: size, isTopFlat: true, zIndex: 10, className: "bianic-livesearch-dropdown absolute w-full overflow-hidden bg-white shadow-lg ".concat(dropContClassName) }, restDropContProps), hasFilteredResults
2411
2411
  ? renderedChildren
2412
2412
  : // If no results and searchTerm is present
2413
2413
  searchTerm.length > 0 && (React.createElement(DropdownItem, { content: React.createElement("div", { className: "px-4 py-2 text-gray-500" }, "Tidak ada hasil ditemukan.") }))))),
@@ -2973,7 +2973,7 @@ var DateInput = function (_a) {
2973
2973
  };
2974
2974
 
2975
2975
  var Node = function (_a) {
2976
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2976
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2977
2977
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, stroke: fill, xmlns: "http://www.w3.org/2000/svg" },
2978
2978
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.8487 7.78595L6.93709 7.78595V6.03193L15.8487 6.03193C16.3439 6.03193 16.9911 6.23168 17.5149 6.76349C18.0559 7.3128 18.3919 8.13899 18.3919 9.25864C18.3919 10.6249 17.9588 11.5597 17.2603 12.1263C16.5971 12.6642 15.8434 12.7464 15.4322 12.7464H8.40792C8.16699 12.7828 7.79335 12.9098 7.48812 13.1699C7.19483 13.42 6.93709 13.8119 6.93709 14.4802C6.93709 15.4203 7.25406 15.7883 7.48638 15.9569C7.77053 16.1631 8.13102 16.2139 8.35104 16.2139L17 16.2139V17.968L8.35104 17.968C7.94624 17.968 7.16126 17.8882 6.45613 17.3765C5.69918 16.8271 5.18307 15.8897 5.18307 14.4802C5.18307 13.2687 5.68899 12.3988 6.35026 11.8351C6.98104 11.2974 7.72576 11.058 8.25173 10.998L8.30122 10.9924H15.4322C15.6457 10.9924 15.9333 10.9441 16.1553 10.764C16.342 10.6126 16.6378 10.242 16.6378 9.25864C16.6378 8.49852 16.4184 8.14987 16.2652 7.99427C16.0947 7.82117 15.9088 7.78595 15.8487 7.78595Z", fill: "inherit" }),
2979
2979
  React.createElement("rect", { x: "4.82964", y: "5.22156", width: "3.28794", height: "3.28794", rx: "1.64397", "stroke-width": "0.954563" }),
@@ -2981,37 +2981,37 @@ var Node = function (_a) {
2981
2981
  };
2982
2982
 
2983
2983
  var Port = function (_a) {
2984
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2984
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2985
2985
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
2986
2986
  React.createElement("path", { d: "M11.9998 3.81818C16.5185 3.81818 20.1814 7.48121 20.1815 11.9998C20.1815 16.5185 16.5185 20.1815 11.9998 20.1815C7.4812 20.1814 3.81818 16.5185 3.81818 11.9998C3.81827 7.48127 7.48126 3.81828 11.9998 3.81818ZM12.0008 7.09064C11.7838 7.09064 11.5751 7.17744 11.4217 7.33088C11.2684 7.48427 11.1825 7.69214 11.1824 7.909V11.1815H7.909C7.69216 11.1816 7.48421 11.2684 7.33087 11.4217C7.17755 11.5751 7.09166 11.783 7.09161 11.9998C7.09161 12.2168 7.17743 12.4255 7.33087 12.5789C7.48419 12.7321 7.69224 12.8181 7.909 12.8182H11.1824V16.0906C11.1824 16.3076 11.2683 16.5163 11.4217 16.6697C11.5751 16.8231 11.7838 16.909 12.0008 16.909C12.2176 16.9089 12.4256 16.823 12.5789 16.6697C12.7324 16.5163 12.8182 16.3076 12.8182 16.0906V12.8182H16.0916C16.3084 12.8181 16.5164 12.7321 16.6697 12.5789C16.8232 12.4255 16.909 12.2168 16.909 11.9998C16.9089 11.7829 16.8231 11.5751 16.6697 11.4217C16.5164 11.2683 16.3085 11.1816 16.0916 11.1815H12.8182V7.909C12.8182 7.69213 12.7322 7.48428 12.5789 7.33088C12.4256 7.17755 12.2176 7.09076 12.0008 7.09064Z", fill: "inherit" })));
2987
2987
  };
2988
2988
 
2989
2989
  var ExposedPort = function (_a) {
2990
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2990
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2991
2991
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
2992
2992
  React.createElement("path", { d: "M11.9999 3.33211C12.7365 3.33211 13.443 3.62479 13.9638 4.14559L19.8544 10.0362C20.3752 10.557 20.6679 11.2636 20.6679 12.0001C20.6679 12.7366 20.3752 13.4431 19.8544 13.9639L13.9638 19.8546C13.443 20.3754 12.7365 20.668 11.9999 20.668C11.2634 20.668 10.5569 20.3754 10.0361 19.8546L4.14545 13.9639C3.62465 13.4431 3.33197 12.7366 3.33197 12.0001C3.33199 11.2636 3.62467 10.557 4.14545 10.0362L10.0361 4.14559C10.5569 3.62481 11.2634 3.33213 11.9999 3.33211ZM11.9999 7.0909C11.7832 7.09101 11.5751 7.17694 11.4218 7.33016C11.2684 7.4836 11.1826 7.69226 11.1826 7.90926V11.1817H7.90912C7.69237 11.1818 7.48433 11.2678 7.33099 11.421C7.17755 11.5744 7.09174 11.7831 7.09174 12.0001C7.09176 12.217 7.17765 12.4248 7.33099 12.5782C7.48436 12.7316 7.69224 12.8184 7.90912 12.8184H11.1826V16.0909C11.1826 16.3078 11.2685 16.5156 11.4218 16.669C11.5752 16.8224 11.7831 16.9092 11.9999 16.9093C12.2169 16.9093 12.4256 16.8225 12.579 16.669C12.7323 16.5156 12.8183 16.3078 12.8183 16.0909V12.8184H16.0917C16.3086 12.8183 16.5165 12.7315 16.6699 12.5782C16.8232 12.4248 16.9091 12.217 16.9091 12.0001C16.9091 11.7831 16.8233 11.5744 16.6699 11.421C16.5166 11.2678 16.3085 11.1818 16.0917 11.1817H12.8183V7.90926C12.8183 7.69226 12.7325 7.4836 12.579 7.33016C12.4256 7.17679 12.2169 7.0909 11.9999 7.0909Z", fill: "inherit" })));
2993
2993
  };
2994
2994
 
2995
2995
  var VirtualPort = function (_a) {
2996
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2996
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
2997
2997
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
2998
2998
  React.createElement("path", { d: "M16.909 3.81818C17.777 3.81818 18.6097 4.16341 19.2234 4.77717C19.8369 5.39083 20.1814 6.2229 20.1815 7.09064V16.909C20.1815 17.777 19.8372 18.6097 19.2234 19.2235C18.6097 19.8372 17.777 20.1815 16.909 20.1815H7.09064C6.2229 20.1814 5.39082 19.837 4.77716 19.2235C4.16341 18.6097 3.81818 17.777 3.81818 16.909V7.09064C3.81825 6.22276 4.16347 5.39086 4.77716 4.77717C5.39085 4.16347 6.22275 3.81825 7.09064 3.81818H16.909ZM12.0008 7.09064C11.7838 7.09064 11.5751 7.17744 11.4217 7.33088C11.2684 7.48427 11.1825 7.69214 11.1824 7.909V11.1815H7.909C7.69216 11.1816 7.48421 11.2684 7.33087 11.4217C7.17755 11.5751 7.09166 11.783 7.09161 11.9998C7.09161 12.2168 7.17743 12.4255 7.33087 12.5789C7.48419 12.7321 7.69224 12.8181 7.909 12.8182H11.1824V16.0906C11.1824 16.3076 11.2683 16.5163 11.4217 16.6697C11.5751 16.8231 11.7838 16.909 12.0008 16.909C12.2176 16.9089 12.4256 16.823 12.5789 16.6697C12.7324 16.5163 12.8182 16.3076 12.8182 16.0906V12.8182H16.0916C16.3084 12.8181 16.5164 12.7321 16.6697 12.5789C16.8232 12.4255 16.909 12.2168 16.909 11.9998C16.9089 11.7829 16.8231 11.5751 16.6697 11.4217C16.5164 11.2683 16.3085 11.1816 16.0916 11.1815H12.8182V7.909C12.8182 7.69213 12.7322 7.48428 12.5789 7.33088C12.4256 7.17755 12.2176 7.09076 12.0008 7.09064Z", fill: "inherit" })));
2999
2999
  };
3000
3000
 
3001
3001
  var AlertRoundedSquare = function (_a) {
3002
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3002
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3003
3003
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3004
3004
  React.createElement("path", { d: "M12 2C15.5929 2 18.2392 2.42477 19.9072 4.09277C21.5752 5.76078 22 8.40715 22 12C22 15.5929 21.5752 18.2392 19.9072 19.9072C18.2392 21.5752 15.5929 22 12 22C8.40715 22 5.76078 21.5752 4.09277 19.9072C2.42477 18.2392 2 15.5929 2 12C2 8.40715 2.42477 5.76078 4.09277 4.09277C5.76078 2.42477 8.40715 2 12 2ZM12 4C8.39285 4 6.53883 4.47484 5.50684 5.50684C4.47484 6.53883 4 8.39285 4 12C4 15.6071 4.47484 17.4612 5.50684 18.4932C6.53883 19.5252 8.39285 20 12 20C15.6071 20 17.4612 19.5252 18.4932 18.4932C19.5252 17.4612 20 15.6071 20 12C20 8.39285 19.5252 6.53883 18.4932 5.50684C17.4612 4.47484 15.6071 4 12 4ZM12.0098 15C12.5621 15 13.0098 15.4477 13.0098 16C13.0098 16.5523 12.5621 17 12.0098 17H12C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15H12.0098ZM12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z", fill: "inherit" })));
3005
3005
  };
3006
3006
 
3007
3007
  var Stack = function (_a) {
3008
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3008
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3009
3009
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3010
3010
  React.createElement("path", { d: "M11.5884 7.24696C11.8417 7.09495 12.1583 7.09495 12.4116 7.24696L18.8567 11.114C19.3745 11.4247 19.3745 12.1753 18.8567 12.486L12.4116 16.353C12.1583 16.505 11.8417 16.505 11.5884 16.353L5.14332 12.486C4.62545 12.1753 4.62545 11.4247 5.14332 11.114L11.5884 7.24696Z", fill: "inherit" })));
3011
3011
  };
3012
3012
 
3013
3013
  var Discrepancy = function (_a) {
3014
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3014
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3015
3015
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3016
3016
  React.createElement("path", { d: "M13.2 3.6H3.40002V20.4H15.6V18H9.60001V16.8H13.2V10.8H15.6V7.2H10.7998V6H13.2V3.6Z", fill: "inherit" }),
3017
3017
  React.createElement("path", { d: "M14.4 3.6H16.8V6H14.4V3.6Z" }),
@@ -3023,7 +3023,7 @@ var Discrepancy = function (_a) {
3023
3023
  };
3024
3024
 
3025
3025
  var ModalBalance = function (_a) {
3026
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3026
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3027
3027
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3028
3028
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.7912 5.66667C10.7912 5.11438 11.2389 4.66667 11.7912 4.66667L16.6667 4.66667C17.219 4.66667 17.6667 5.11438 17.6667 5.66667C17.6667 6.21895 17.219 6.66667 16.6667 6.66667L11.7912 6.66667C11.2389 6.66667 10.7912 6.21895 10.7912 5.66667Z" }),
3029
3029
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.95955 9.62623C10.3501 9.2357 10.9832 9.2357 11.3738 9.62623L15.8738 14.1262C16.2643 14.5168 16.2643 15.1499 15.8738 15.5404C15.4832 15.931 14.8501 15.931 14.4595 15.5404L9.95955 11.0404C9.56903 10.6499 9.56903 10.0168 9.95955 9.62623Z" }),
@@ -3035,27 +3035,27 @@ var ModalBalance = function (_a) {
3035
3035
  };
3036
3036
 
3037
3037
  var CubeHeader = function (_a) {
3038
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3038
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3039
3039
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3040
3040
  React.createElement("path", { d: "M17.895 3.553C17.8119 3.38684 17.6841 3.24711 17.526 3.14944C17.368 3.05177 17.1858 3.00003 17 3H7.00001C6.62102 3 6.27501 3.214 6.10501 3.553L2.10501 11.553C2.03549 11.6919 1.9993 11.8451 1.9993 12.0005C1.9993 12.1559 2.03549 12.3091 2.10501 12.448L6.10501 20.448C6.27501 20.786 6.62102 21 7.00001 21H17C17.379 21 17.725 20.786 17.895 20.447L21.895 12.447C21.9645 12.3081 22.0007 12.1549 22.0007 11.9995C22.0007 11.8441 21.9645 11.6909 21.895 11.552L17.895 3.553ZM19.382 11H11.618L8.61802 5H16.382L19.382 11ZM4.11801 12L7.00001 6.236L9.88202 12L7.00001 17.764L4.11801 12ZM16.382 19H8.61802L11.618 13H19.382L16.382 19Z", fill: "inherit" })));
3041
3041
  };
3042
3042
 
3043
3043
  var Legend = function (_a) {
3044
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3044
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3045
3045
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3046
3046
  React.createElement("path", { d: "M6 4C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20H18C18.5304 20 19.0391 19.7893 19.4142 19.4142C19.7893 19.0391 20 18.5304 20 18V6C20 5.46957 19.7893 4.96086 19.4142 4.58579C19.0391 4.21071 18.5304 4 18 4H6ZM6 2H18C19.0609 2 20.0783 2.42143 20.8284 3.17157C21.5786 3.92172 22 4.93913 22 6V18C22 19.0609 21.5786 20.0783 20.8284 20.8284C20.0783 21.5786 19.0609 22 18 22H6C4.93913 22 3.92172 21.5786 3.17157 20.8284C2.42143 20.0783 2 19.0609 2 18V6C2 4.93913 2.42143 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2V2Z", fill: "inherit" }),
3047
3047
  React.createElement("path", { d: "M10.9437 17.6805V8.95785H7.82846V7.1818H16.1716V8.95785H13.0635V17.6805H10.9437Z", fill: "inherit" })));
3048
3048
  };
3049
3049
 
3050
3050
  var SelectAllRemove = function (_a) {
3051
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3051
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3052
3052
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3053
3053
  React.createElement("path", { d: "M7 17V7H17V17H7ZM9 15H15V9H9V15ZM7 21V19H9V21H7ZM7 5V3H9V5H7ZM11 21V19H13V21H11ZM11 5V3H13V5H11ZM15 5V3H17V5H15ZM3 5V3H5V5H3ZM5 21H3V19H5V21ZM21 5H19V3H21V5ZM3 17V15H5V17H3ZM3 13V11H5V13H3ZM3 9V7H5V9H3ZM19 16V15H21V16H19ZM19 13V11H21V13H19ZM19 9V7H21V9H19Z", fill: "inherit" }),
3054
3054
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 19L24 19L24 21L16 21L16 19Z", fill: "inherit" })));
3055
3055
  };
3056
3056
 
3057
3057
  var SelectAllAdd = function (_a) {
3058
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3058
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3059
3059
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3060
3060
  React.createElement("path", { d: "M7 17V7H17V17H7ZM9 15H15V9H9V15ZM7 21V19H9V21H7ZM7 5V3H9V5H7ZM11 21V19H13V21H11ZM11 5V3H13V5H11ZM15 5V3H17V5H15ZM3 5V3H5V5H3ZM5 21H3V19H5V21ZM21 5H19V3H21V5ZM3 17V15H5V17H3ZM3 13V11H5V13H3ZM3 9V7H5V9H3ZM19 13V11H21V13H19ZM19 9V7H21V9H19Z", fill: "inherit" }),
3061
3061
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19 24V16H21V24H19Z", fill: "inherit" }),
@@ -3063,7 +3063,7 @@ var SelectAllAdd = function (_a) {
3063
3063
  };
3064
3064
 
3065
3065
  var FQWelldone = function (_a) {
3066
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3066
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3067
3067
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3068
3068
  React.createElement("g", { "clip-path": "url(#clip0_514_7962)" },
3069
3069
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 22H19.7534C20.9896 22 22 20.9896 22 19.7534V12C22 8.08095 19.7471 4.68905 16.465 3.05115L15.8061 8.94697C15.7559 9.40195 15.3699 9.73768 14.9244 9.74396L14.4286 13.8607C14.3847 14.2592 14.0835 14.5635 13.7101 14.6357L13.2488 17.375C13.2394 17.4158 13.2331 17.4565 13.2206 17.4973L13.2174 17.5036L13.2143 17.5162L13.2112 17.5287L13.208 17.535C13.1672 17.6511 13.1045 17.7546 13.0229 17.8425L13.0198 17.8456L13.0104 17.8582L13.0041 17.8644L12.9947 17.8739L12.9853 17.8833L12.979 17.8864L12.9664 17.899V17.9021C12.8786 17.9805 12.7719 18.0464 12.6558 18.0872H12.6495L12.637 18.0935L12.6244 18.0966L12.6181 18.0998C12.5397 18.1217 12.4581 18.1343 12.3734 18.1374H12.3514C12.2667 18.1343 12.182 18.1217 12.1035 18.0998L12.0973 18.0966L12.0847 18.0935L12.0722 18.0872H12.0659C11.9498 18.0464 11.8463 17.9805 11.7584 17.9021L11.7553 17.899L11.7427 17.8864L11.7364 17.8833L11.727 17.8739L11.7176 17.8644L11.7145 17.8582L11.7019 17.8456L11.6988 17.8425C11.6203 17.7546 11.5576 17.6511 11.5168 17.535L11.5136 17.5287L11.5074 17.5162L11.5042 17.5036V17.4973C11.4917 17.4565 11.4823 17.4158 11.476 17.375L11.0116 14.6357C10.6382 14.5635 10.3401 14.2592 10.2931 13.8607L9.7973 9.74396C9.35174 9.73768 8.96894 9.40195 8.91873 8.94697L8.22215 2.73737C4.57295 4.2278 2 7.81425 2 12C2 17.5224 6.47757 22 12 22ZM14.1117 7.94917L14.7361 2.37967C13.867 2.13179 12.9476 2 12 2C11.3034 2 10.6225 2.07217 9.96674 2.20709L9.96988 2.24161L10.61 7.94917C11.0775 7.95858 11.4572 8.32256 11.4885 8.78067L11.9812 12.8817C12.0188 13.1672 12.684 13.1672 12.7405 12.8817L13.2331 8.78067C13.2676 8.32256 13.6473 7.95858 14.1117 7.94917Z", fill: "inherit" })),
@@ -3073,7 +3073,7 @@ var FQWelldone = function (_a) {
3073
3073
  };
3074
3074
 
3075
3075
  var FQOperation = function (_a) {
3076
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3076
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3077
3077
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3078
3078
  React.createElement("g", { "clip-path": "url(#clip0_514_7959)" },
3079
3079
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.9983 2C17.5207 2 22 6.47599 22 11.9983V19.7521C22 20.9899 20.9899 22 19.7521 22H11.9983C6.47599 22 2 17.5207 2 11.9983C2 6.47599 6.47599 2 11.9983 2ZM14.606 8.07691C14.1868 7.81284 14.0614 7.26159 14.3255 6.84238C14.5895 6.42317 15.1408 6.29774 15.56 6.56181C15.8439 6.74336 16.1145 6.94471 16.372 7.16917C16.6295 7.39363 16.8671 7.63789 17.0817 7.89206C17.3986 8.27166 17.3491 8.83611 16.9695 9.153C16.5899 9.46988 16.0254 9.42037 15.7052 9.04077C15.5435 8.84932 15.3718 8.67107 15.1936 8.51593C15.0087 8.35418 14.814 8.20895 14.606 8.07691ZM16.7648 11.4075C16.6988 10.9157 17.0388 10.4634 17.5306 10.3974C18.0191 10.3281 18.4714 10.6714 18.5407 11.1632C18.5605 11.3151 18.577 11.4669 18.5869 11.6187H18.5902C18.6001 11.7838 18.6067 11.9389 18.6067 12.0809C18.6067 13.8864 17.8739 15.5171 16.6922 16.6988C15.5138 17.8805 13.8798 18.61 12.0776 18.61C10.2753 18.61 8.64136 17.8805 7.45965 16.6988C6.27793 15.5171 5.54844 13.8864 5.54844 12.0809C5.54844 10.2786 6.27793 8.64796 7.45965 7.46625C8.64136 6.28454 10.2753 5.55174 12.0776 5.55174C12.5727 5.55174 12.9754 5.95445 12.9754 6.44958C12.9754 6.94801 12.5727 7.34742 12.0776 7.34742C10.7704 7.34742 9.58541 7.87886 8.73048 8.73378C7.87226 9.59201 7.34412 10.7737 7.34412 12.0809C7.34412 13.3913 7.87226 14.573 8.73048 15.4313C9.58541 16.2862 10.7704 16.8176 12.0776 16.8176C13.3847 16.8176 14.5664 16.2862 15.4247 15.4313C16.2796 14.573 16.811 13.3913 16.811 12.0809C16.811 11.9554 16.8077 11.8432 16.8011 11.7442V11.7409C16.7912 11.6254 16.7813 11.5131 16.7648 11.4075Z", fill: "inherit" })),
@@ -3083,7 +3083,7 @@ var FQOperation = function (_a) {
3083
3083
  };
3084
3084
 
3085
3085
  var FQModeler = function (_a) {
3086
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3086
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3087
3087
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3088
3088
  React.createElement("g", { "clip-path": "url(#clip0_514_7961)" },
3089
3089
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.9987 2C17.5222 2 22 6.47776 22 11.9987V19.7523C22 20.9895 20.9895 22 19.7523 22H11.9987C6.47776 22 2 17.5222 2 11.9987C2 6.47776 6.47776 2 11.9987 2ZM13.6996 8.14086L16.2296 10.6683C16.6378 11.079 16.8419 11.6157 16.8419 12.155C16.8419 12.6917 16.6378 13.2309 16.2296 13.6392L13.6996 16.1691C13.2914 16.5773 12.7522 16.7839 12.2129 16.7839C11.6762 16.7839 11.137 16.5773 10.7287 16.1691L8.19882 13.6392C7.7906 13.2309 7.58649 12.6917 7.58649 12.155C7.58649 11.6157 7.7906 11.079 8.19882 10.6683L10.7287 8.14086C11.137 7.73012 11.6762 7.52602 12.2129 7.52602C12.7522 7.52602 13.2914 7.73012 13.6996 8.14086ZM19.1652 10.895C19.8657 10.895 20.4352 11.4645 20.4352 12.1651C20.4352 12.8656 19.8657 13.4351 19.1652 13.4351C18.4621 13.4351 17.8952 12.8656 17.8952 12.1651C17.8952 11.4645 18.4621 10.895 19.1652 10.895ZM12.2255 17.8347C12.926 17.8347 13.4955 18.4042 13.4955 19.1047C13.4955 19.8077 12.926 20.3747 12.2255 20.3747C11.5225 20.3747 10.9555 19.8077 10.9555 19.1047C10.9555 18.4042 11.5225 17.8347 12.2255 17.8347ZM12.2028 3.93272C12.9059 3.93272 13.4728 4.5022 13.4728 5.20272C13.4728 5.90576 12.9059 6.47272 12.2028 6.47272C11.5023 6.47272 10.9328 5.90576 10.9328 5.20272C10.9328 4.5022 11.5023 3.93272 12.2028 3.93272ZM5.2632 10.8749C5.96371 10.8749 6.5332 11.4419 6.5332 12.1449C6.5332 12.8454 5.96371 13.4149 5.2632 13.4149C4.56268 13.4149 3.9932 12.8454 3.9932 12.1449C3.9932 11.4419 4.56268 10.8749 5.2632 10.8749ZM14.9596 11.9383L12.4296 9.40834C12.3717 9.35038 12.2936 9.32015 12.2129 9.32015C12.1348 9.32015 12.0567 9.35038 11.9987 9.40834L9.46882 11.9383C9.41086 11.9962 9.38062 12.0743 9.38062 12.155C9.38062 12.2331 9.41086 12.3112 9.46882 12.3717L11.9987 14.8991C12.0567 14.957 12.1348 14.9873 12.2129 14.9873C12.2936 14.9873 12.3717 14.957 12.4296 14.8991L14.9596 12.3717C15.0175 12.3112 15.0478 12.2331 15.0478 12.155C15.0478 12.0743 15.0175 11.9962 14.9596 11.9383Z", fill: "inherit" })),
@@ -3093,7 +3093,7 @@ var FQModeler = function (_a) {
3093
3093
  };
3094
3094
 
3095
3095
  var FQGetaway = function (_a) {
3096
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3096
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3097
3097
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3098
3098
  React.createElement("g", { "clip-path": "url(#clip0_514_7963)" },
3099
3099
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2C15.6467 2 18.8387 3.95392 20.5837 6.86943H8.48541C7.41014 6.86943 6.43011 7.30876 5.7235 8.01843C5.01382 8.72504 4.5745 9.70507 4.5745 10.7803C4.5745 11.8556 5.01382 12.8326 5.7235 13.5422C6.43011 14.2488 7.40707 14.6882 8.48541 14.6882H15.0353C15.53 14.6882 15.9324 14.2888 15.9324 13.7911C15.9324 13.2965 15.53 12.894 15.0353 12.894H8.48541C7.90476 12.894 7.37634 12.6544 6.99232 12.2734C6.60829 11.8894 6.37174 11.361 6.37174 10.7803C6.37174 10.1997 6.60829 9.67128 6.99232 9.28725C7.37634 8.90323 7.90476 8.66667 8.48541 8.66667H21.4286C21.7972 9.70814 22 10.8295 22 12V19.7542C22 20.9892 20.9892 22 19.7542 22H12C6.47619 22 2 17.5238 2 12C2 6.47619 6.47619 2 12 2ZM12.427 17.6713C11.9324 17.6713 11.53 17.2688 11.53 16.7711C11.53 16.2765 11.9324 15.874 12.427 15.874H15.6098C16.1905 15.874 16.7189 15.6375 17.1029 15.2535C17.4869 14.8694 17.7266 14.341 17.7266 13.7604C17.7266 13.1797 17.4869 12.6513 17.1029 12.2673C16.7189 11.8833 16.1905 11.6467 15.6098 11.6467H9.06298C8.56528 11.6467 8.16283 11.2442 8.16283 10.7496C8.16283 10.2519 8.56528 9.84946 9.06298 9.84946H15.6098C16.6882 9.84946 17.6651 10.2888 18.3717 10.9985C19.0814 11.7081 19.5207 12.6851 19.5207 13.7604C19.5207 14.8356 19.0814 15.8157 18.3717 16.5223C17.6651 17.232 16.6882 17.6713 15.6098 17.6713H12.427Z", fill: "inherit" })),
@@ -3103,7 +3103,7 @@ var FQGetaway = function (_a) {
3103
3103
  };
3104
3104
 
3105
3105
  var FQAnalytical = function (_a) {
3106
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3106
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3107
3107
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3108
3108
  React.createElement("g", { "clip-path": "url(#clip0_514_7960)" },
3109
3109
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.0016 2C17.5242 2 22 6.47577 22 12.0016V19.754C22 20.9921 20.9921 22 19.754 22H12.0016C6.47577 22 2 17.5242 2 12.0016C2 6.47577 6.47577 2 12.0016 2ZM4.50851 15.0092C5.03678 15.5375 5.8924 15.5375 6.41744 15.0092C6.94571 14.481 6.94571 13.6253 6.41744 13.1003C5.8924 12.572 5.03678 12.572 4.50851 13.1003C3.98347 13.6253 3.98347 14.481 4.50851 15.0092ZM15.0805 6.50494C15.6088 5.97667 15.6088 5.12105 15.0805 4.59601C14.5523 4.06774 13.6999 4.06774 13.1716 4.59601C12.6433 5.12105 12.6433 5.97667 13.1716 6.50494C13.6999 7.02998 14.5523 7.02998 15.0805 6.50494ZM16.3478 18.2016C16.876 18.7299 17.7316 18.7299 18.2567 18.2016C18.785 17.6766 18.785 16.8209 18.2567 16.2927C17.7316 15.7644 16.876 15.7644 16.3478 16.2927C15.8195 16.8209 15.8195 17.6766 16.3478 18.2016ZM7.49344 12.2415C7.49344 14.8926 9.6422 17.0413 12.2933 17.0413C14.9444 17.0413 17.0932 14.8926 17.0932 12.2415C17.0932 11.0164 16.6232 9.78804 15.6866 8.84816C14.75 7.91152 13.5216 7.44482 12.2933 7.44482C11.065 7.44482 9.83666 7.91152 8.90002 8.84816C7.96338 9.78804 7.49344 11.0164 7.49344 12.2415ZM12.2933 15.2458C9.62599 15.2458 8.28423 12.0049 10.1705 10.1186C10.7571 9.532 11.5252 9.24032 12.2933 9.24032C13.0614 9.24032 13.8295 9.532 14.4161 10.1186C15.0028 10.7052 15.2977 11.4733 15.2977 12.2415C15.2977 13.9008 13.9527 15.2458 12.2933 15.2458Z", fill: "inherit" })),
@@ -3113,7 +3113,7 @@ var FQAnalytical = function (_a) {
3113
3113
  };
3114
3114
 
3115
3115
  var Flowqount = function (_a) {
3116
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3116
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3117
3117
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3118
3118
  React.createElement("g", { "clip-path": "url(#clip0_514_7964)" },
3119
3119
  React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.07166 8.36706V20.6265C8.07166 20.9514 8.11036 21.227 8.57479 21.3959C9.64206 21.7852 10.7949 21.9999 11.9971 21.9975H12.0405H17.684H19.2802H21.9742V19.985C22.0152 18.5084 20.8459 17.6581 19.8608 17.6581C19.2251 17.6581 19.0328 17.6616 18.3842 17.6616C17.7063 17.6616 17.0894 17.3848 16.6426 16.9368H16.6391C16.1922 16.49 15.9143 15.8719 15.9143 15.1928V12.656C15.9143 12.4555 15.8333 12.2737 15.702 12.1424L15.7008 12.1435C15.5683 12.0122 15.3877 11.9301 15.1883 11.9301C14.9889 11.9301 14.8071 12.011 14.6758 12.1424L14.6769 12.1435C14.5456 12.2761 14.4635 12.4567 14.4635 12.656V15.1928C14.4635 15.8719 14.1855 16.49 13.7387 16.9368H13.7352C13.2872 17.3848 12.6714 17.6616 11.9935 17.6616C11.3239 17.6616 10.7081 17.4224 10.2578 17.0072C9.8039 16.5873 9.5236 16.0033 9.5236 15.3148V8.36706C9.5236 8.16886 9.4415 7.98707 9.30898 7.85571C9.17762 7.72319 8.99583 7.64109 8.79763 7.64109C8.59708 7.64109 8.41529 7.72201 8.28628 7.8522L8.28276 7.85571C8.15258 7.98472 8.07166 8.16651 8.07166 8.36706ZM11.2676 8.36706V15.3148C11.2676 15.4884 11.3321 15.6291 11.4365 15.7265C11.5678 15.8473 11.766 15.9176 11.9935 15.9176C12.1929 15.9176 12.3747 15.8367 12.5072 15.7054L12.5049 15.7042C12.6374 15.5717 12.7183 15.391 12.7183 15.1928V12.656C12.7183 11.9758 12.9963 11.3577 13.4431 10.9109H13.4467C13.8947 10.4629 14.5104 10.1861 15.1883 10.1861C15.8685 10.1861 16.4866 10.4641 16.9334 10.9109V10.9144C17.3815 11.3613 17.6582 11.9782 17.6582 12.656V15.1928C17.6582 15.391 17.7403 15.5717 17.8729 15.7042L17.8705 15.7054C18.003 15.8367 18.1848 15.9176 18.3842 15.9176C19.3729 15.9176 20.2103 15.9165 21.199 15.9165C21.6751 15.9165 22 15.6139 22 15.1577L21.9953 12.0427V11.9993C21.9953 6.47883 17.5187 2.0022 11.9971 2.0022C6.47663 2.0022 2 6.47883 2 11.9993C2 15.0052 3.32645 17.7003 5.42579 19.5334C5.56066 19.6519 5.70726 19.795 5.80578 19.8524C6.18343 20.0717 6.32768 19.7234 6.32768 19.5616V8.36706C6.32768 7.69152 6.60564 7.07462 7.05248 6.62543L7.05483 6.62426L7.056 6.62191C7.50519 6.17507 8.12209 5.89711 8.79763 5.89711C9.47786 5.89711 10.0959 6.17507 10.5428 6.62191C10.9896 7.06876 11.2676 7.68683 11.2676 8.36706Z", fill: "inherit" })),
@@ -3123,13 +3123,13 @@ var Flowqount = function (_a) {
3123
3123
  };
3124
3124
 
3125
3125
  var Spinner$1 = function (_a) {
3126
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3126
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3127
3127
  return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3128
3128
  React.createElement("path", { d: "M12 22C9.99381 22 8.034 21.3966 6.37525 20.2681C4.7165 19.1397 3.43551 17.5384 2.69875 15.6724C1.96199 13.8064 1.80352 11.7619 2.24394 9.80469C2.68437 7.84744 3.70331 6.06791 5.16836 4.69735C6.63341 3.32679 8.47683 2.42858 10.4591 2.11944C12.4413 1.8103 14.4707 2.10452 16.2835 2.96387C18.0963 3.82323 19.6088 5.20798 20.6243 6.93817C21.6398 8.66836 22.1114 10.664 21.9778 12.6657L19.9823 12.5326C20.0891 10.9312 19.7118 9.33469 18.8994 7.95054C18.087 6.56638 16.8771 5.45858 15.4268 4.7711C13.9765 4.08362 12.353 3.84824 10.7673 4.09555C9.18147 4.34286 7.70673 5.06143 6.53469 6.15788C5.36265 7.25433 4.54749 8.67795 4.19516 10.2438C3.84282 11.8096 3.96959 13.4451 4.559 14.9379C5.14841 16.4308 6.1732 17.7118 7.5002 18.6145C8.8272 19.5173 10.395 20 12 20L12 22Z", fill: "inherit" })));
3129
3129
  };
3130
3130
 
3131
3131
  var Outlet = function (_a) {
3132
- var className = _a.className, _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3132
+ var className = _a.className, _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3133
3133
  var numericSize = Number(size);
3134
3134
  return (React.createElement("svg", { className: className, width: numericSize * 2, height: numericSize, viewBox: "0 0 48 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3135
3135
  React.createElement("path", { d: "M12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z", fill: "inherit" }),
@@ -3137,7 +3137,7 @@ var Outlet = function (_a) {
3137
3137
  };
3138
3138
 
3139
3139
  var Inlet = function (_a) {
3140
- _a.className; var _b = _a.fill, fill = _b === void 0 ? '#2f2f2f' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3140
+ _a.className; var _b = _a.fill, fill = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
3141
3141
  var numericSize = Number(size);
3142
3142
  return (React.createElement("svg", { width: numericSize * 2, height: numericSize, viewBox: "0 0 48 24", fill: fill, xmlns: "http://www.w3.org/2000/svg" },
3143
3143
  React.createElement("path", { d: "M36 20C38.1217 20 40.1566 19.1571 41.6569 17.6569C43.1571 16.1566 44 14.1217 44 12C44 9.87827 43.1571 7.84344 41.6569 6.34315C40.1566 4.84285 38.1217 4 36 4C33.8783 4 31.8434 4.84285 30.3431 6.34315C28.8429 7.84344 28 9.87827 28 12C28 14.1217 28.8429 16.1566 30.3431 17.6569C31.8434 19.1571 33.8783 20 36 20ZM36 22C30.477 22 26 17.523 26 12C26 6.477 30.477 2 36 2C41.523 2 46 6.477 46 12C46 17.523 41.523 22 36 22Z", fill: "inherit" }),
@@ -3167,7 +3167,7 @@ function Modal(_a) {
3167
3167
  if (open) {
3168
3168
  return (
3169
3169
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
3170
- React.createElement("div", { className: "bianic-modal-wrapper fixed inset-0 flex items-center justify-center bg-bia-black-transparent-75", style: { zIndex: !zIndex && isNaN(zIndex) ? 'auto' : zIndex }, id: "", onClick: handleClose },
3170
+ React.createElement("div", { className: "bianic-modal-wrapper fixed inset-0 flex items-center justify-center bg-bia-black-transparent-75", style: { zIndex: !zIndex && isNaN(zIndex) ? 'auto' : zIndex }, id: "wrapper", onClick: handleClose },
3171
3171
  React.createElement("div", { className: "bianic-modal flex flex-col gap-[20px] rounded-[5px] bg-white p-[20px] ".concat(modalSize), onClick: onClick },
3172
3172
  React.createElement("div", { className: "bianic-modal-header flex justify-between" },
3173
3173
  React.createElement("div", { className: " text-wrap text-left font-humnst777 text-[18px] font-bold leading-[21.85px] text-primary-black" }, title),
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
5
5
  },
6
- "version": "1.10.0",
6
+ "version": "1.10.2",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",