primereact 10.5.0 → 10.5.1

package/primereact.all.esm.js

@@ -5345,15 +5345,6 @@ AngleUpIcon.displayName = 'AngleUpIcon';
 
 var ArrowDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5361,34 +5352,17 @@ var ArrowDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 ArrowDownIcon.displayName = 'ArrowDownIcon';
 
 var ArrowUpIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5396,34 +5370,17 @@ var ArrowUpIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 ArrowUpIcon.displayName = 'ArrowUpIcon';
 
 var BanIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5431,18 +5388,10 @@ var BanIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 BanIcon.displayName = 'BanIcon';
 
@@ -5530,15 +5479,6 @@ ChevronUpIcon.displayName = 'ChevronUpIcon';
 
 var ExclamationTriangleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5546,9 +5486,7 @@ var ExclamationTriangleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwar
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M13.4018 13.1893H0.598161C0.49329 13.189 0.390283 13.1615 0.299143 13.1097C0.208003 13.0578 0.131826 12.9832 0.0780112 12.8932C0.0268539 12.8015 0 12.6982 0 12.5931C0 12.4881 0.0268539 12.3848 0.0780112 12.293L6.47985 1.08982C6.53679 1.00399 6.61408 0.933574 6.70484 0.884867C6.7956 0.836159 6.897 0.810669 7 0.810669C7.103 0.810669 7.2044 0.836159 7.29516 0.884867C7.38592 0.933574 7.46321 1.00399 7.52015 1.08982L13.922 12.293C13.9731 12.3848 14 12.4881 14 12.5931C14 12.6982 13.9731 12.8015 13.922 12.8932C13.8682 12.9832 13.792 13.0578 13.7009 13.1097C13.6097 13.1615 13.5067 13.189 13.4018 13.1893ZM1.63046 11.989H12.3695L7 2.59425L1.63046 11.989Z",
     fill: "currentColor"
   }), /*#__PURE__*/React.createElement("path", {
@@ -5557,13 +5495,7 @@ var ExclamationTriangleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwar
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6.99996 11.1887C6.84143 11.1866 6.68997 11.1227 6.57787 11.0106C6.46576 10.8985 6.40186 10.7471 6.39979 10.5885V10.1884C6.39979 10.0292 6.46302 9.87658 6.57557 9.76403C6.68813 9.65147 6.84078 9.58824 6.99996 9.58824C7.15914 9.58824 7.31179 9.65147 7.42435 9.76403C7.5369 9.87658 7.60013 10.0292 7.60013 10.1884V10.5885C7.59806 10.7471 7.53416 10.8985 7.42205 11.0106C7.30995 11.1227 7.15849 11.1866 6.99996 11.1887Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 ExclamationTriangleIcon.displayName = 'ExclamationTriangleIcon';
 
@@ -5587,15 +5519,6 @@ EyeIcon.displayName = 'EyeIcon';
 
 var EyeSlashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5603,34 +5526,17 @@ var EyeSlashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M13.9414 6.74792C13.9437 6.75295 13.9455 6.757 13.9469 6.76003C13.982 6.8394 14.0001 6.9252 14.0001 7.01195C14.0001 7.0987 13.982 7.1845 13.9469 7.26386C13.6004 8.00059 13.1711 8.69549 12.6674 9.33515C12.6115 9.4071 12.54 9.46538 12.4582 9.50556C12.3765 9.54574 12.2866 9.56678 12.1955 9.56707C12.0834 9.56671 11.9737 9.53496 11.8788 9.47541C11.7838 9.41586 11.7074 9.3309 11.6583 9.23015C11.6092 9.12941 11.5893 9.01691 11.6008 8.90543C11.6124 8.79394 11.6549 8.68793 11.7237 8.5994C12.1065 8.09726 12.4437 7.56199 12.7313 6.99995C12.2595 6.08027 10.3402 2.8014 6.99732 2.8014C6.63723 2.80218 6.27816 2.83969 5.92569 2.91336C5.77666 2.93304 5.62568 2.89606 5.50263 2.80972C5.37958 2.72337 5.29344 2.59398 5.26125 2.44714C5.22907 2.30031 5.2532 2.14674 5.32885 2.01685C5.40451 1.88696 5.52618 1.79021 5.66978 1.74576C6.10574 1.64961 6.55089 1.60134 6.99732 1.60181C11.5916 1.60181 13.7864 6.40856 13.9414 6.74792ZM2.20333 1.61685C2.35871 1.61411 2.5091 1.67179 2.6228 1.77774L12.2195 11.3744C12.3318 11.4869 12.3949 11.6393 12.3949 11.7983C12.3949 11.9572 12.3318 12.1097 12.2195 12.2221C12.107 12.3345 11.9546 12.3976 11.7956 12.3976C11.6367 12.3976 11.4842 12.3345 11.3718 12.2221L10.5081 11.3584C9.46549 12.0426 8.24432 12.4042 6.99729 12.3981C2.403 12.3981 0.208197 7.59135 0.0532336 7.25198C0.0509364 7.24694 0.0490875 7.2429 0.0476856 7.23986C0.0162332 7.16518 3.05176e-05 7.08497 3.05176e-05 7.00394C3.05176e-05 6.92291 0.0162332 6.8427 0.0476856 6.76802C0.631261 5.47831 1.46902 4.31959 2.51084 3.36119L1.77509 2.62545C1.66914 2.51175 1.61146 2.36136 1.61421 2.20597C1.61695 2.05059 1.6799 1.90233 1.78979 1.79244C1.89968 1.68254 2.04794 1.6196 2.20333 1.61685ZM7.45314 8.35147L5.68574 6.57609V6.5361C5.5872 6.78938 5.56498 7.06597 5.62183 7.33173C5.67868 7.59749 5.8121 7.84078 6.00563 8.03158C6.19567 8.21043 6.43052 8.33458 6.68533 8.39089C6.94014 8.44721 7.20543 8.43359 7.45314 8.35147ZM1.26327 6.99994C1.7351 7.91163 3.64645 11.1985 6.99729 11.1985C7.9267 11.2048 8.8408 10.9618 9.64438 10.4947L8.35682 9.20718C7.86027 9.51441 7.27449 9.64491 6.69448 9.57752C6.11446 9.51014 5.57421 9.24881 5.16131 8.83592C4.74842 8.42303 4.4871 7.88277 4.41971 7.30276C4.35232 6.72274 4.48282 6.13697 4.79005 5.64041L3.35855 4.2089C2.4954 5.00336 1.78523 5.94935 1.26327 6.99994Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 EyeSlashIcon.displayName = 'EyeSlashIcon';
 
 var FilterIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5638,32 +5544,15 @@ var FilterIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M8.64708 14H5.35296C5.18981 13.9979 5.03395 13.9321 4.91858 13.8167C4.8032 13.7014 4.73745 13.5455 4.73531 13.3824V7L0.329431 0.98C0.259794 0.889466 0.217389 0.780968 0.20718 0.667208C0.19697 0.553448 0.219379 0.439133 0.271783 0.337647C0.324282 0.236453 0.403423 0.151519 0.500663 0.0920138C0.597903 0.0325088 0.709548 0.000692754 0.823548 0H13.1765C13.2905 0.000692754 13.4021 0.0325088 13.4994 0.0920138C13.5966 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7826 0.780968 13.7402 0.889466 13.6706 0.98L9.26472 7V13.3824C9.26259 13.5455 9.19683 13.7014 9.08146 13.8167C8.96609 13.9321 8.81022 13.9979 8.64708 14ZM5.97061 12.7647H8.02943V6.79412C8.02878 6.66289 8.07229 6.53527 8.15296 6.43177L11.9412 1.23529H2.05884L5.86355 6.43177C5.94422 6.53527 5.98773 6.66289 5.98708 6.79412L5.97061 12.7647Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 FilterIcon.displayName = 'FilterIcon';
 
 var FilterSlashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5671,34 +5560,17 @@ var FilterSlashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M13.4994 0.0920138C13.5967 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7827 0.780968 13.7403 0.889466 13.6707 0.98L11.406 4.06823C11.3099 4.19928 11.1656 4.28679 11.005 4.3115C10.8444 4.33621 10.6805 4.2961 10.5495 4.2C10.4184 4.1039 10.3309 3.95967 10.3062 3.79905C10.2815 3.63843 10.3216 3.47458 10.4177 3.34353L11.9412 1.23529H7.41184C7.24803 1.23529 7.09093 1.17022 6.97509 1.05439C6.85926 0.938558 6.79419 0.781457 6.79419 0.617647C6.79419 0.453837 6.85926 0.296736 6.97509 0.180905C7.09093 0.0650733 7.24803 0 7.41184 0H13.1765C13.2905 0.000692754 13.4022 0.0325088 13.4994 0.0920138ZM4.20008 0.181168H4.24126L13.2013 9.03411C13.3169 9.14992 13.3819 9.3069 13.3819 9.47058C13.3819 9.63426 13.3169 9.79124 13.2013 9.90705C13.1445 9.96517 13.0766 10.0112 13.0016 10.0423C12.9266 10.0735 12.846 10.0891 12.7648 10.0882C12.6836 10.0886 12.6032 10.0728 12.5283 10.0417C12.4533 10.0106 12.3853 9.96479 12.3283 9.90705L9.3142 6.92587L9.26479 6.99999V13.3823C9.26265 13.5455 9.19689 13.7014 9.08152 13.8167C8.96615 13.9321 8.81029 13.9979 8.64714 14H5.35302C5.18987 13.9979 5.03401 13.9321 4.91864 13.8167C4.80327 13.7014 4.73751 13.5455 4.73537 13.3823V6.99999L0.329492 1.02117C0.259855 0.930634 0.21745 0.822137 0.207241 0.708376C0.197031 0.594616 0.21944 0.480301 0.271844 0.378815C0.324343 0.277621 0.403484 0.192687 0.500724 0.133182C0.597964 0.073677 0.709609 0.041861 0.823609 0.0411682H3.86243C3.92448 0.0461551 3.9855 0.060022 4.04361 0.0823446C4.10037 0.10735 4.15311 0.140655 4.20008 0.181168ZM8.02949 6.79411C8.02884 6.66289 8.07235 6.53526 8.15302 6.43176L8.42478 6.05293L3.55773 1.23529H2.0589L5.84714 6.43176C5.92781 6.53526 5.97132 6.66289 5.97067 6.79411V12.7647H8.02949V6.79411Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 FilterSlashIcon.displayName = 'FilterSlashIcon';
 
 var InfoCircleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5706,20 +5578,12 @@ var InfoCircleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.11101 12.8203C4.26215 13.5895 5.61553 14 7 14C8.85652 14 10.637 13.2625 11.9497 11.9497C13.2625 10.637 14 8.85652 14 7C14 5.61553 13.5895 4.26215 12.8203 3.11101C12.0511 1.95987 10.9579 1.06266 9.67879 0.532846C8.3997 0.00303296 6.99224 -0.13559 5.63437 0.134506C4.2765 0.404603 3.02922 1.07129 2.05026 2.05026C1.07129 3.02922 0.404603 4.2765 0.134506 5.63437C-0.13559 6.99224 0.00303296 8.3997 0.532846 9.67879C1.06266 10.9579 1.95987 12.0511 3.11101 12.8203ZM3.75918 2.14976C4.71846 1.50879 5.84628 1.16667 7 1.16667C8.5471 1.16667 10.0308 1.78125 11.1248 2.87521C12.2188 3.96918 12.8333 5.45291 12.8333 7C12.8333 8.15373 12.4912 9.28154 11.8502 10.2408C11.2093 11.2001 10.2982 11.9478 9.23232 12.3893C8.16642 12.8308 6.99353 12.9463 5.86198 12.7212C4.73042 12.4962 3.69102 11.9406 2.87521 11.1248C2.05941 10.309 1.50384 9.26958 1.27876 8.13803C1.05367 7.00647 1.16919 5.83358 1.61071 4.76768C2.05222 3.70178 2.79989 2.79074 3.75918 2.14976ZM7.00002 4.8611C6.84594 4.85908 6.69873 4.79698 6.58977 4.68801C6.48081 4.57905 6.4187 4.43185 6.41669 4.27776V3.88888C6.41669 3.73417 6.47815 3.58579 6.58754 3.4764C6.69694 3.367 6.84531 3.30554 7.00002 3.30554C7.15473 3.30554 7.3031 3.367 7.4125 3.4764C7.52189 3.58579 7.58335 3.73417 7.58335 3.88888V4.27776C7.58134 4.43185 7.51923 4.57905 7.41027 4.68801C7.30131 4.79698 7.1541 4.85908 7.00002 4.8611ZM7.00002 10.6945C6.84594 10.6925 6.69873 10.6304 6.58977 10.5214C6.48081 10.4124 6.4187 10.2652 6.41669 10.1111V6.22225C6.41669 6.06754 6.47815 5.91917 6.58754 5.80977C6.69694 5.70037 6.84531 5.63892 7.00002 5.63892C7.15473 5.63892 7.3031 5.70037 7.4125 5.80977C7.52189 5.91917 7.58335 6.06754 7.58335 6.22225V10.1111C7.58134 10.2652 7.51923 10.4124 7.41027 10.5214C7.30131 10.6304 7.1541 10.6925 7.00002 10.6945Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 InfoCircleIcon.displayName = 'InfoCircleIcon';
 
@@ -5741,15 +5605,6 @@ MinusIcon.displayName = 'MinusIcon';
 
 var PencilIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5757,32 +5612,15 @@ var PencilIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M0.609628 13.959C0.530658 13.9599 0.452305 13.9451 0.379077 13.9156C0.305849 13.8861 0.239191 13.8424 0.18294 13.787C0.118447 13.7234 0.0688234 13.6464 0.0376166 13.5614C0.00640987 13.4765 -0.00560954 13.3857 0.00241768 13.2956L0.25679 10.1501C0.267698 10.0041 0.331934 9.86709 0.437312 9.76516L9.51265 0.705715C10.0183 0.233014 10.6911 -0.0203041 11.3835 0.00127367C12.0714 0.00660201 12.7315 0.27311 13.2298 0.746671C13.7076 1.23651 13.9824 1.88848 13.9992 2.57201C14.0159 3.25554 13.7733 3.92015 13.32 4.4327L4.23648 13.5331C4.13482 13.6342 4.0017 13.6978 3.85903 13.7133L0.667067 14L0.609628 13.959ZM1.43018 10.4696L1.25787 12.714L3.50619 12.5092L12.4502 3.56444C12.6246 3.35841 12.7361 3.10674 12.7714 2.83933C12.8067 2.57193 12.7644 2.30002 12.6495 2.05591C12.5346 1.8118 12.3519 1.60575 12.1231 1.46224C11.8943 1.31873 11.6291 1.2438 11.3589 1.24633C11.1813 1.23508 11.0033 1.25975 10.8355 1.31887C10.6677 1.37798 10.5136 1.47033 10.3824 1.59036L1.43018 10.4696Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 PencilIcon.displayName = 'PencilIcon';
 
 var PlusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5790,32 +5628,15 @@ var PlusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M7.67742 6.32258V0.677419C7.67742 0.497757 7.60605 0.325452 7.47901 0.198411C7.35197 0.0713707 7.17966 0 7 0C6.82034 0 6.64803 0.0713707 6.52099 0.198411C6.39395 0.325452 6.32258 0.497757 6.32258 0.677419V6.32258H0.677419C0.497757 6.32258 0.325452 6.39395 0.198411 6.52099C0.0713707 6.64803 0 6.82034 0 7C0 7.17966 0.0713707 7.35197 0.198411 7.47901C0.325452 7.60605 0.497757 7.67742 0.677419 7.67742H6.32258V13.3226C6.32492 13.5015 6.39704 13.6725 6.52358 13.799C6.65012 13.9255 6.82106 13.9977 7 14C7.17966 14 7.35197 13.9286 7.47901 13.8016C7.60605 13.6745 7.67742 13.5022 7.67742 13.3226V7.67742H13.3226C13.5022 7.67742 13.6745 7.60605 13.8016 7.47901C13.9286 7.35197 14 7.17966 14 7C13.9977 6.82106 13.9255 6.65012 13.799 6.52358C13.6725 6.39704 13.5015 6.32492 13.3226 6.32258H7.67742Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 PlusIcon.displayName = 'PlusIcon';
 
 var RefreshIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5823,34 +5644,17 @@ var RefreshIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.77051 5.96336C6.84324 5.99355 6.92127 6.00891 7.00002 6.00854C7.07877 6.00891 7.1568 5.99355 7.22953 5.96336C7.30226 5.93317 7.36823 5.88876 7.42357 5.83273L9.82101 3.43529C9.93325 3.32291 9.99629 3.17058 9.99629 3.01175C9.99629 2.85292 9.93325 2.70058 9.82101 2.5882L7.42357 0.190763C7.3687 0.131876 7.30253 0.0846451 7.22901 0.0518865C7.15549 0.019128 7.07612 0.00151319 6.99564 9.32772e-05C6.91517 -0.00132663 6.83523 0.0134773 6.7606 0.0436218C6.68597 0.0737664 6.61817 0.118634 6.56126 0.175548C6.50435 0.232462 6.45948 0.300257 6.42933 0.374888C6.39919 0.449519 6.38439 0.529456 6.38581 0.609933C6.38722 0.690409 6.40484 0.769775 6.4376 0.843296C6.47036 0.916817 6.51759 0.982986 6.57647 1.03786L7.95103 2.41241H6.99998C5.46337 2.41241 3.98969 3.02283 2.90314 4.10938C1.81659 5.19593 1.20618 6.66961 1.20618 8.20622C1.20618 9.74283 1.81659 11.2165 2.90314 12.3031C3.98969 13.3896 5.46337 14 6.99998 14C8.53595 13.9979 10.0084 13.3868 11.0945 12.3007C12.1806 11.2146 12.7917 9.74218 12.7938 8.20622C12.7938 8.04726 12.7306 7.89481 12.6182 7.78241C12.5058 7.67001 12.3534 7.60686 12.1944 7.60686C12.0355 7.60686 11.883 7.67001 11.7706 7.78241C11.6582 7.89481 11.5951 8.04726 11.5951 8.20622C11.5951 9.11504 11.3256 10.0035 10.8207 10.7591C10.3157 11.5148 9.59809 12.1037 8.75845 12.4515C7.9188 12.7993 6.99489 12.8903 6.10353 12.713C5.21217 12.5357 4.3934 12.0981 3.75077 11.4554C3.10813 10.8128 2.67049 9.99404 2.49319 9.10268C2.31589 8.21132 2.40688 7.2874 2.75468 6.44776C3.10247 5.60811 3.69143 4.89046 4.44709 4.38554C5.20275 3.88063 6.09116 3.61113 6.99998 3.61113H7.95098L6.57647 4.98564C6.46423 5.09802 6.40119 5.25035 6.40119 5.40918C6.40119 5.56801 6.46423 5.72035 6.57647 5.83273C6.63181 5.88876 6.69778 5.93317 6.77051 5.96336Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 RefreshIcon.displayName = 'RefreshIcon';
 
 var SearchIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5858,34 +5662,17 @@ var SearchIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2.67602 11.0265C3.6661 11.688 4.83011 12.0411 6.02086 12.0411C6.81149 12.0411 7.59438 11.8854 8.32483 11.5828C8.87005 11.357 9.37808 11.0526 9.83317 10.6803L12.9769 13.8241C13.0323 13.8801 13.0983 13.9245 13.171 13.9548C13.2438 13.985 13.3219 14.0003 13.4007 14C13.4795 14.0003 13.5575 13.985 13.6303 13.9548C13.7031 13.9245 13.7691 13.8801 13.8244 13.8241C13.9367 13.7116 13.9998 13.5592 13.9998 13.4003C13.9998 13.2414 13.9367 13.089 13.8244 12.9765L10.6807 9.8328C11.053 9.37773 11.3573 8.86972 11.5831 8.32452C11.8857 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0268 2.67572C10.3652 1.68564 9.42494 0.913972 8.32483 0.45829C7.22472 0.00260857 6.01418 -0.116618 4.84631 0.115686C3.67844 0.34799 2.60568 0.921393 1.76369 1.76338C0.921698 2.60537 0.348296 3.67813 0.115991 4.84601C-0.116313 6.01388 0.00291375 7.22441 0.458595 8.32452C0.914277 9.42464 1.68595 10.3649 2.67602 11.0265ZM3.35565 2.0158C4.14456 1.48867 5.07206 1.20731 6.02086 1.20731C7.29317 1.20731 8.51338 1.71274 9.41304 2.6124C10.3127 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5368 7.88088 10.0096 8.66978C9.48251 9.45868 8.73328 10.0736 7.85669 10.4367C6.98011 10.7997 6.01554 10.8947 5.08496 10.7096C4.15439 10.5245 3.2996 10.0676 2.62869 9.39674C1.95778 8.72583 1.50089 7.87104 1.31579 6.94046C1.13068 6.00989 1.22568 5.04532 1.58878 4.16874C1.95187 3.29215 2.56675 2.54292 3.35565 2.0158Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SearchIcon.displayName = 'SearchIcon';
 
 var SearchMinusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5893,34 +5680,17 @@ var SearchMinusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.0208 12.0411C4.83005 12.0411 3.66604 11.688 2.67596 11.0265C1.68589 10.3649 0.914216 9.42464 0.458534 8.32452C0.00285271 7.22441 -0.116374 6.01388 0.11593 4.84601C0.348235 3.67813 0.921637 2.60537 1.76363 1.76338C2.60562 0.921393 3.67838 0.34799 4.84625 0.115686C6.01412 -0.116618 7.22466 0.00260857 8.32477 0.45829C9.42488 0.913972 10.3652 1.68564 11.0267 2.67572C11.6883 3.66579 12.0414 4.8298 12.0414 6.02056C12.0395 7.41563 11.5542 8.76029 10.6783 9.8305L13.8244 12.9765C13.9367 13.089 13.9997 13.2414 13.9997 13.4003C13.9997 13.5592 13.9367 13.7116 13.8244 13.8241C13.769 13.8801 13.703 13.9245 13.6302 13.9548C13.5575 13.985 13.4794 14.0003 13.4006 14C13.3218 14.0003 13.2437 13.985 13.171 13.9548C13.0982 13.9245 13.0322 13.8801 12.9768 13.8241L9.83082 10.678C8.76059 11.5539 7.4159 12.0393 6.0208 12.0411ZM6.0208 1.20731C5.07199 1.20731 4.14449 1.48867 3.35559 2.0158C2.56669 2.54292 1.95181 3.29215 1.58872 4.16874C1.22562 5.04532 1.13062 6.00989 1.31572 6.94046C1.50083 7.87104 1.95772 8.72583 2.62863 9.39674C3.29954 10.0676 4.15433 10.5245 5.0849 10.7096C6.01548 10.8947 6.98005 10.7997 7.85663 10.4367C8.73322 10.0736 9.48244 9.45868 10.0096 8.66978C10.5367 7.88088 10.8181 6.95337 10.8181 6.00457C10.8181 4.73226 10.3126 3.51206 9.41297 2.6124C8.51331 1.71274 7.29311 1.20731 6.0208 1.20731ZM4.00591 6.60422H8.00362C8.16266 6.60422 8.31518 6.54104 8.42764 6.42859C8.5401 6.31613 8.60328 6.1636 8.60328 6.00456C8.60328 5.84553 8.5401 5.693 8.42764 5.58054C8.31518 5.46809 8.16266 5.40491 8.00362 5.40491H4.00591C3.84687 5.40491 3.69434 5.46809 3.58189 5.58054C3.46943 5.693 3.40625 5.84553 3.40625 6.00456C3.40625 6.1636 3.46943 6.31613 3.58189 6.42859C3.69434 6.54104 3.84687 6.60422 4.00591 6.60422Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SearchMinusIcon.displayName = 'SearchMinusIcon';
 
 var SearchPlusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5928,34 +5698,17 @@ var SearchPlusIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2.67596 11.0265C3.66604 11.688 4.83005 12.0411 6.0208 12.0411C6.81143 12.0411 7.59432 11.8854 8.32477 11.5828C8.86999 11.357 9.37802 11.0526 9.83311 10.6803L12.9768 13.8241C13.0322 13.8801 13.0982 13.9245 13.171 13.9548C13.2437 13.985 13.3218 14.0003 13.4006 14C13.4794 14.0003 13.5575 13.985 13.6302 13.9548C13.703 13.9245 13.769 13.8801 13.8244 13.8241C13.9367 13.7116 13.9997 13.5592 13.9997 13.4003C13.9997 13.2414 13.9367 13.089 13.8244 12.9765L10.6806 9.8328C11.0529 9.37773 11.3572 8.86972 11.5831 8.32452C11.8856 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0267 2.67572C10.3652 1.68564 9.42488 0.913972 8.32477 0.45829C7.22466 0.00260857 6.01412 -0.116618 4.84625 0.115686C3.67838 0.34799 2.60562 0.921393 1.76363 1.76338C0.921637 2.60537 0.348235 3.67813 0.11593 4.84601C-0.116374 6.01388 0.00285271 7.22441 0.458534 8.32452C0.914216 9.42464 1.68589 10.3649 2.67596 11.0265ZM3.35559 2.0158C4.14449 1.48867 5.07199 1.20731 6.0208 1.20731C7.29311 1.20731 8.51331 1.71274 9.41297 2.6124C10.3126 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5367 7.88088 10.0096 8.66978C9.48244 9.45868 8.73322 10.0736 7.85663 10.4367C6.98005 10.7997 6.01548 10.8947 5.0849 10.7096C4.15433 10.5245 3.29954 10.0676 2.62863 9.39674C1.95772 8.72583 1.50083 7.87104 1.31572 6.94046C1.13062 6.00989 1.22562 5.04532 1.58872 4.16874C1.95181 3.29215 2.56669 2.54292 3.35559 2.0158ZM6.00481 8.60309C5.84641 8.60102 5.69509 8.53718 5.58308 8.42517C5.47107 8.31316 5.40722 8.16183 5.40515 8.00344V6.60422H4.00591C3.84687 6.60422 3.69434 6.54104 3.58189 6.42859C3.46943 6.31613 3.40625 6.1636 3.40625 6.00456C3.40625 5.84553 3.46943 5.693 3.58189 5.58054C3.69434 5.46809 3.84687 5.40491 4.00591 5.40491H5.40515V4.00572C5.40515 3.84668 5.46833 3.69416 5.58079 3.5817C5.69324 3.46924 5.84577 3.40607 6.00481 3.40607C6.16385 3.40607 6.31637 3.46924 6.42883 3.5817C6.54129 3.69416 6.60447 3.84668 6.60447 4.00572V5.40491H8.00362C8.16266 5.40491 8.31518 5.46809 8.42764 5.58054C8.5401 5.693 8.60328 5.84553 8.60328 6.00456C8.60328 6.1636 8.5401 6.31613 8.42764 6.42859C8.31518 6.54104 8.16266 6.60422 8.00362 6.60422H6.60447V8.00344C6.60239 8.16183 6.53855 8.31316 6.42654 8.42517C6.31453 8.53718 6.1632 8.60102 6.00481 8.60309Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SearchPlusIcon.displayName = 'SearchPlusIcon';
 
 var SortAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -5963,9 +5716,7 @@ var SortAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M5.64515 3.61291C5.47353 3.61291 5.30192 3.54968 5.16644 3.4142L3.38708 1.63484L1.60773 3.4142C1.34579 3.67613 0.912244 3.67613 0.650309 3.4142C0.388374 3.15226 0.388374 2.71871 0.650309 2.45678L2.90837 0.198712C3.17031 -0.0632236 3.60386 -0.0632236 3.86579 0.198712L6.12386 2.45678C6.38579 2.71871 6.38579 3.15226 6.12386 3.4142C5.98837 3.54968 5.81676 3.61291 5.64515 3.61291Z",
     fill: "currentColor"
   }), /*#__PURE__*/React.createElement("path", {
@@ -5977,27 +5728,12 @@ var SortAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10.6129 14C10.2426 14 9.93552 13.6929 9.93552 13.3226V0.677419C9.93552 0.307097 10.2426 0 10.6129 0C10.9833 0 11.2904 0.307097 11.2904 0.677419V13.3226C11.2904 13.6929 10.9832 14 10.6129 14Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SortAltIcon.displayName = 'SortAltIcon';
 
 var SortAmountDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6005,9 +5741,7 @@ var SortAmountDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M2.59836 13.2009C2.44634 13.2009 2.29432 13.1449 2.1743 13.0248L0.174024 11.0246C-0.0580081 10.7925 -0.0580081 10.4085 0.174024 10.1764C0.406057 9.94441 0.79011 9.94441 1.02214 10.1764L2.59836 11.7527L4.17458 10.1764C4.40662 9.94441 4.79067 9.94441 5.0227 10.1764C5.25473 10.4085 5.25473 10.7925 5.0227 11.0246L3.02242 13.0248C2.90241 13.1449 2.75038 13.2009 2.59836 13.2009Z",
     fill: "currentColor"
   }), /*#__PURE__*/React.createElement("path", {
@@ -6025,27 +5759,12 @@ var SortAmountDownIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   }), /*#__PURE__*/React.createElement("path", {
     d: "M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SortAmountDownIcon.displayName = 'SortAmountDownIcon';
 
 var SortAmountUpAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6053,9 +5772,7 @@ var SortAmountUpAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M4.59864 3.99958C4.44662 3.99958 4.2946 3.94357 4.17458 3.82356L2.59836 2.24734L1.02214 3.82356C0.79011 4.05559 0.406057 4.05559 0.174024 3.82356C-0.0580081 3.59152 -0.0580081 3.20747 0.174024 2.97544L2.1743 0.97516C2.40634 0.743127 2.79039 0.743127 3.02242 0.97516L5.0227 2.97544C5.25473 3.20747 5.25473 3.59152 5.0227 3.82356C4.90268 3.94357 4.75066 3.99958 4.59864 3.99958Z",
     fill: "currentColor"
   }), /*#__PURE__*/React.createElement("path", {
@@ -6073,27 +5790,12 @@ var SortAmountUpAltIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef
   }), /*#__PURE__*/React.createElement("path", {
     d: "M11.7997 8.80025H6.99902C6.67098 8.80025 6.39894 8.52821 6.39894 8.20017C6.39894 7.87212 6.67098 7.60008 6.99902 7.60008H11.7997C12.1277 7.60008 12.3998 7.87212 12.3998 8.20017C12.3998 8.52821 12.1277 8.80025 11.7997 8.80025Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SortAmountUpAltIcon.displayName = 'SortAmountUpAltIcon';
 
 var SpinnerIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6101,32 +5803,15 @@ var SpinnerIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 SpinnerIcon.displayName = 'SpinnerIcon';
 
 var StarIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6134,32 +5819,15 @@ var StarIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M10.9741 13.6721C10.8806 13.6719 10.7886 13.6483 10.7066 13.6033L7.00002 11.6545L3.29345 13.6033C3.19926 13.6539 3.09281 13.6771 2.98612 13.6703C2.87943 13.6636 2.77676 13.6271 2.6897 13.5651C2.60277 13.5014 2.53529 13.4147 2.4948 13.3148C2.45431 13.215 2.44241 13.1058 2.46042 12.9995L3.17881 8.87264L0.167699 5.95324C0.0922333 5.8777 0.039368 5.78258 0.0150625 5.67861C-0.00924303 5.57463 -0.00402231 5.46594 0.030136 5.36477C0.0621323 5.26323 0.122141 5.17278 0.203259 5.10383C0.284377 5.03488 0.383311 4.99023 0.488681 4.97501L4.63087 4.37126L6.48797 0.618832C6.54083 0.530159 6.61581 0.456732 6.70556 0.405741C6.79532 0.35475 6.89678 0.327942 7.00002 0.327942C7.10325 0.327942 7.20471 0.35475 7.29447 0.405741C7.38422 0.456732 7.4592 0.530159 7.51206 0.618832L9.36916 4.37126L13.5114 4.97501C13.6167 4.99023 13.7157 5.03488 13.7968 5.10383C13.8779 5.17278 13.9379 5.26323 13.9699 5.36477C14.0041 5.46594 14.0093 5.57463 13.985 5.67861C13.9607 5.78258 13.9078 5.8777 13.8323 5.95324L10.8212 8.87264L11.532 12.9995C11.55 13.1058 11.5381 13.215 11.4976 13.3148C11.4571 13.4147 11.3896 13.5014 11.3027 13.5651C11.2059 13.632 11.0917 13.6692 10.9741 13.6721ZM7.00002 10.4393C7.09251 10.4404 7.18371 10.4613 7.2675 10.5005L10.2098 12.029L9.65193 8.75036C9.6368 8.6584 9.64343 8.56418 9.6713 8.47526C9.69918 8.38633 9.74751 8.30518 9.81242 8.23832L12.1969 5.94559L8.90298 5.45648C8.81188 5.44198 8.72555 5.406 8.65113 5.35152C8.57671 5.29703 8.51633 5.2256 8.475 5.14314L7.00002 2.1626L5.52503 5.15078C5.4837 5.23324 5.42332 5.30467 5.3489 5.35916C5.27448 5.41365 5.18815 5.44963 5.09705 5.46412L1.80318 5.94559L4.18761 8.23832C4.25252 8.30518 4.30085 8.38633 4.32873 8.47526C4.3566 8.56418 4.36323 8.6584 4.3481 8.75036L3.7902 12.0519L6.73253 10.5234C6.81451 10.4762 6.9058 10.4475 7.00002 10.4393Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 StarIcon.displayName = 'StarIcon';
 
 var StarFillIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6167,32 +5835,15 @@ var StarFillIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     d: "M13.9718 5.36453C13.9398 5.26298 13.8798 5.17252 13.7986 5.10356C13.7175 5.0346 13.6186 4.98994 13.5132 4.97472L9.37043 4.37088L7.51307 0.617955C7.46021 0.529271 7.38522 0.455834 7.29545 0.404836C7.20568 0.353838 7.1042 0.327026 7.00096 0.327026C6.89771 0.327026 6.79624 0.353838 6.70647 0.404836C6.6167 0.455834 6.54171 0.529271 6.48885 0.617955L4.63149 4.37088L0.488746 4.97472C0.383363 4.98994 0.284416 5.0346 0.203286 5.10356C0.122157 5.17252 0.0621407 5.26298 0.03014 5.36453C-0.00402286 5.46571 -0.00924428 5.57442 0.0150645 5.67841C0.0393733 5.7824 0.0922457 5.87753 0.167722 5.95308L3.17924 8.87287L2.4684 13.0003C2.45038 13.1066 2.46229 13.2158 2.50278 13.3157C2.54328 13.4156 2.61077 13.5022 2.6977 13.5659C2.78477 13.628 2.88746 13.6644 2.99416 13.6712C3.10087 13.678 3.20733 13.6547 3.30153 13.6042L7.00096 11.6551L10.708 13.6042C10.79 13.6491 10.882 13.6728 10.9755 13.673C11.0958 13.6716 11.2129 13.6343 11.3119 13.5659C11.3988 13.5022 11.4663 13.4156 11.5068 13.3157C11.5473 13.2158 11.5592 13.1066 11.5412 13.0003L10.8227 8.87287L13.8266 5.95308C13.9033 5.87835 13.9577 5.7836 13.9833 5.67957C14.009 5.57554 14.005 5.4664 13.9718 5.36453Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 StarFillIcon.displayName = 'StarFillIcon';
 
 var ThLargeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6200,20 +5851,12 @@ var ThLargeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M1.90909 6.36364H4.45455C4.96087 6.36364 5.44645 6.1625 5.80448 5.80448C6.1625 5.44645 6.36364 4.96087 6.36364 4.45455V1.90909C6.36364 1.40277 6.1625 0.917184 5.80448 0.55916C5.44645 0.201136 4.96087 0 4.45455 0H1.90909C1.40277 0 0.917184 0.201136 0.55916 0.55916C0.201136 0.917184 0 1.40277 0 1.90909V4.45455C0 4.96087 0.201136 5.44645 0.55916 5.80448C0.917184 6.1625 1.40277 6.36364 1.90909 6.36364ZM1.46154 1.46154C1.58041 1.34268 1.741 1.27492 1.90909 1.27273H4.45455C4.62264 1.27492 4.78322 1.34268 4.90209 1.46154C5.02096 1.58041 5.08871 1.741 5.09091 1.90909V4.45455C5.08871 4.62264 5.02096 4.78322 4.90209 4.90209C4.78322 5.02096 4.62264 5.08871 4.45455 5.09091H1.90909C1.741 5.08871 1.58041 5.02096 1.46154 4.90209C1.34268 4.78322 1.27492 4.62264 1.27273 4.45455V1.90909C1.27492 1.741 1.34268 1.58041 1.46154 1.46154ZM1.90909 14H4.45455C4.96087 14 5.44645 13.7989 5.80448 13.4408C6.1625 13.0828 6.36364 12.5972 6.36364 12.0909V9.54544C6.36364 9.03912 6.1625 8.55354 5.80448 8.19551C5.44645 7.83749 4.96087 7.63635 4.45455 7.63635H1.90909C1.40277 7.63635 0.917184 7.83749 0.55916 8.19551C0.201136 8.55354 0 9.03912 0 9.54544V12.0909C0 12.5972 0.201136 13.0828 0.55916 13.4408C0.917184 13.7989 1.40277 14 1.90909 14ZM1.46154 9.0979C1.58041 8.97903 1.741 8.91128 1.90909 8.90908H4.45455C4.62264 8.91128 4.78322 8.97903 4.90209 9.0979C5.02096 9.21677 5.08871 9.37735 5.09091 9.54544V12.0909C5.08871 12.259 5.02096 12.4196 4.90209 12.5384C4.78322 12.6573 4.62264 12.7251 4.45455 12.7273H1.90909C1.741 12.7251 1.58041 12.6573 1.46154 12.5384C1.34268 12.4196 1.27492 12.259 1.27273 12.0909V9.54544C1.27492 9.37735 1.34268 9.21677 1.46154 9.0979ZM12.0909 6.36364H9.54544C9.03912 6.36364 8.55354 6.1625 8.19551 5.80448C7.83749 5.44645 7.63635 4.96087 7.63635 4.45455V1.90909C7.63635 1.40277 7.83749 0.917184 8.19551 0.55916C8.55354 0.201136 9.03912 0 9.54544 0H12.0909C12.5972 0 13.0828 0.201136 13.4408 0.55916C13.7989 0.917184 14 1.40277 14 1.90909V4.45455C14 4.96087 13.7989 5.44645 13.4408 5.80448C13.0828 6.1625 12.5972 6.36364 12.0909 6.36364ZM9.54544 1.27273C9.37735 1.27492 9.21677 1.34268 9.0979 1.46154C8.97903 1.58041 8.91128 1.741 8.90908 1.90909V4.45455C8.91128 4.62264 8.97903 4.78322 9.0979 4.90209C9.21677 5.02096 9.37735 5.08871 9.54544 5.09091H12.0909C12.259 5.08871 12.4196 5.02096 12.5384 4.90209C12.6573 4.78322 12.7251 4.62264 12.7273 4.45455V1.90909C12.7251 1.741 12.6573 1.58041 12.5384 1.46154C12.4196 1.34268 12.259 1.27492 12.0909 1.27273H9.54544ZM9.54544 14H12.0909C12.5972 14 13.0828 13.7989 13.4408 13.4408C13.7989 13.0828 14 12.5972 14 12.0909V9.54544C14 9.03912 13.7989 8.55354 13.4408 8.19551C13.0828 7.83749 12.5972 7.63635 12.0909 7.63635H9.54544C9.03912 7.63635 8.55354 7.83749 8.19551 8.19551C7.83749 8.55354 7.63635 9.03912 7.63635 9.54544V12.0909C7.63635 12.5972 7.83749 13.0828 8.19551 13.4408C8.55354 13.7989 9.03912 14 9.54544 14ZM9.0979 9.0979C9.21677 8.97903 9.37735 8.91128 9.54544 8.90908H12.0909C12.259 8.91128 12.4196 8.97903 12.5384 9.0979C12.6573 9.21677 12.7251 9.37735 12.7273 9.54544V12.0909C12.7251 12.259 12.6573 12.4196 12.5384 12.5384C12.4196 12.6573 12.259 12.7251 12.0909 12.7273H9.54544C9.37735 12.7251 9.21677 12.6573 9.0979 12.5384C8.97903 12.4196 8.91128 12.259 8.90908 12.0909V9.54544C8.91128 9.37735 8.97903 9.21677 9.0979 9.0979Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 ThLargeIcon.displayName = 'ThLargeIcon';
 
@@ -6235,15 +5878,6 @@ TimesIcon.displayName = 'TimesIcon';
 
 var TimesCircleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6251,34 +5885,17 @@ var TimesCircleIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7 14C5.61553 14 4.26215 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303296 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303296 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1.16667C5.84628 1.16667 4.71846 1.50879 3.75918 2.14976C2.79989 2.79074 2.05222 3.70178 1.61071 4.76768C1.16919 5.83358 1.05367 7.00647 1.27876 8.13803C1.50384 9.26958 2.05941 10.309 2.87521 11.1248C3.69102 11.9406 4.73042 12.4962 5.86198 12.7212C6.99353 12.9463 8.16642 12.8308 9.23232 12.3893C10.2982 11.9478 11.2093 11.2001 11.8502 10.2408C12.4912 9.28154 12.8333 8.15373 12.8333 7C12.8333 5.45291 12.2188 3.96918 11.1248 2.87521C10.0308 1.78125 8.5471 1.16667 7 1.16667ZM4.66662 9.91668C4.58998 9.91704 4.51404 9.90209 4.44325 9.87271C4.37246 9.84333 4.30826 9.8001 4.2544 9.74557C4.14516 9.6362 4.0838 9.48793 4.0838 9.33335C4.0838 9.17876 4.14516 9.0305 4.2544 8.92113L6.17553 7L4.25443 5.07891C4.15139 4.96832 4.09529 4.82207 4.09796 4.67094C4.10063 4.51982 4.16185 4.37563 4.26872 4.26876C4.3756 4.16188 4.51979 4.10066 4.67091 4.09799C4.82204 4.09532 4.96829 4.15142 5.07887 4.25446L6.99997 6.17556L8.92106 4.25446C9.03164 4.15142 9.1779 4.09532 9.32903 4.09799C9.48015 4.10066 9.62434 4.16188 9.73121 4.26876C9.83809 4.37563 9.89931 4.51982 9.90198 4.67094C9.90464 4.82207 9.84855 4.96832 9.74551 5.07891L7.82441 7L9.74554 8.92113C9.85478 9.0305 9.91614 9.17876 9.91614 9.33335C9.91614 9.48793 9.85478 9.6362 9.74554 9.74557C9.69168 9.8001 9.62748 9.84333 9.55669 9.87271C9.4859 9.90209 9.40996 9.91704 9.33332 9.91668C9.25668 9.91704 9.18073 9.90209 9.10995 9.87271C9.03916 9.84333 8.97495 9.8001 8.9211 9.74557L6.99997 7.82444L5.07884 9.74557C5.02499 9.8001 4.96078 9.84333 4.88999 9.87271C4.81921 9.90209 4.74326 9.91704 4.66662 9.91668Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 TimesCircleIcon.displayName = 'TimesCircleIcon';
 
 var TrashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6286,34 +5903,17 @@ var TrashIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.44802 13.9955H10.552C10.8056 14.0129 11.06 13.9797 11.3006 13.898C11.5412 13.8163 11.7632 13.6877 11.9537 13.5196C12.1442 13.3515 12.2995 13.1473 12.4104 12.9188C12.5213 12.6903 12.5858 12.442 12.6 12.1884V4.36041H13.4C13.5591 4.36041 13.7117 4.29722 13.8243 4.18476C13.9368 4.07229 14 3.91976 14 3.76071C14 3.60166 13.9368 3.44912 13.8243 3.33666C13.7117 3.22419 13.5591 3.16101 13.4 3.16101H12.0537C12.0203 3.1557 11.9863 3.15299 11.952 3.15299C11.9178 3.15299 11.8838 3.1557 11.8503 3.16101H11.2285C11.2421 3.10893 11.2487 3.05513 11.248 3.00106V1.80966C11.2171 1.30262 10.9871 0.828306 10.608 0.48989C10.229 0.151475 9.73159 -0.0236625 9.22402 0.00257442H4.77602C4.27251 -0.0171866 3.78126 0.160868 3.40746 0.498617C3.03365 0.836366 2.807 1.30697 2.77602 1.80966V3.00106C2.77602 3.0556 2.78346 3.10936 2.79776 3.16101H0.6C0.521207 3.16101 0.443185 3.17652 0.37039 3.20666C0.297595 3.2368 0.231451 3.28097 0.175736 3.33666C0.120021 3.39235 0.0758251 3.45846 0.0456722 3.53121C0.0155194 3.60397 0 3.68196 0 3.76071C0 3.83946 0.0155194 3.91744 0.0456722 3.9902C0.0758251 4.06296 0.120021 4.12907 0.175736 4.18476C0.231451 4.24045 0.297595 4.28462 0.37039 4.31476C0.443185 4.3449 0.521207 4.36041 0.6 4.36041H1.40002V12.1884C1.41426 12.442 1.47871 12.6903 1.58965 12.9188C1.7006 13.1473 1.85582 13.3515 2.04633 13.5196C2.23683 13.6877 2.45882 13.8163 2.69944 13.898C2.94005 13.9797 3.1945 14.0129 3.44802 13.9955ZM2.60002 4.36041H11.304V12.1884C11.304 12.5163 10.952 12.7961 10.504 12.7961H3.40002C2.97602 12.7961 2.60002 12.5163 2.60002 12.1884V4.36041ZM3.95429 3.16101C3.96859 3.10936 3.97602 3.0556 3.97602 3.00106V1.80966C3.97602 1.48183 4.33602 1.20197 4.77602 1.20197H9.24802C9.66403 1.20197 10.048 1.48183 10.048 1.80966V3.00106C10.0473 3.05515 10.054 3.10896 10.0678 3.16101H3.95429ZM5.57571 10.997C5.41731 10.995 5.26597 10.9311 5.15395 10.8191C5.04193 10.7071 4.97808 10.5558 4.97601 10.3973V6.77517C4.97601 6.61612 5.0392 6.46359 5.15166 6.35112C5.26413 6.23866 5.41666 6.17548 5.57571 6.17548C5.73476 6.17548 5.8873 6.23866 5.99976 6.35112C6.11223 6.46359 6.17541 6.61612 6.17541 6.77517V10.3894C6.17647 10.4688 6.16174 10.5476 6.13208 10.6213C6.10241 10.695 6.05841 10.762 6.00261 10.8186C5.94682 10.8751 5.88035 10.92 5.80707 10.9506C5.73378 10.9813 5.65514 10.9971 5.57571 10.997ZM7.99968 10.8214C8.11215 10.9339 8.26468 10.997 8.42373 10.997C8.58351 10.9949 8.73604 10.93 8.84828 10.8163C8.96052 10.7025 9.02345 10.5491 9.02343 10.3894V6.77517C9.02343 6.61612 8.96025 6.46359 8.84778 6.35112C8.73532 6.23866 8.58278 6.17548 8.42373 6.17548C8.26468 6.17548 8.11215 6.23866 7.99968 6.35112C7.88722 6.46359 7.82404 6.61612 7.82404 6.77517V10.3973C7.82404 10.5564 7.88722 10.7089 7.99968 10.8214Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 TrashIcon.displayName = 'TrashIcon';
 
 var UndoIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6321,34 +5921,17 @@ var UndoIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.77042 5.96336C6.84315 5.99355 6.92118 6.00891 6.99993 6.00854C7.07868 6.00891 7.15671 5.99355 7.22944 5.96336C7.30217 5.93317 7.36814 5.88876 7.42348 5.83273C7.53572 5.72035 7.59876 5.56801 7.59876 5.40918C7.59876 5.25035 7.53572 5.09802 7.42348 4.98564L6.04897 3.61113H6.99998C7.9088 3.61113 8.79722 3.88063 9.55288 4.38554C10.3085 4.89046 10.8975 5.60811 11.2453 6.44776C11.5931 7.2874 11.6841 8.21132 11.5068 9.10268C11.3295 9.99404 10.8918 10.8128 10.2492 11.4554C9.60657 12.0981 8.7878 12.5357 7.89644 12.713C7.00508 12.8903 6.08116 12.7993 5.24152 12.4515C4.40188 12.1037 3.68422 11.5148 3.17931 10.7591C2.67439 10.0035 2.4049 9.11504 2.4049 8.20622C2.4049 8.04726 2.34175 7.89481 2.22935 7.78241C2.11695 7.67001 1.9645 7.60686 1.80554 7.60686C1.64658 7.60686 1.49413 7.67001 1.38172 7.78241C1.26932 7.89481 1.20618 8.04726 1.20618 8.20622C1.20829 9.74218 1.81939 11.2146 2.90548 12.3007C3.99157 13.3868 5.46402 13.9979 6.99998 14C8.5366 14 10.0103 13.3896 11.0968 12.3031C12.1834 11.2165 12.7938 9.74283 12.7938 8.20622C12.7938 6.66961 12.1834 5.19593 11.0968 4.10938C10.0103 3.02283 8.5366 2.41241 6.99998 2.41241H6.04892L7.42348 1.03786C7.48236 0.982986 7.5296 0.916817 7.56235 0.843296C7.59511 0.769775 7.61273 0.690409 7.61415 0.609933C7.61557 0.529456 7.60076 0.449519 7.57062 0.374888C7.54047 0.300257 7.49561 0.232462 7.43869 0.175548C7.38178 0.118634 7.31398 0.0737664 7.23935 0.0436218C7.16472 0.0134773 7.08478 -0.00132663 7.00431 9.32772e-05C6.92383 0.00151319 6.84447 0.019128 6.77095 0.0518865C6.69742 0.0846451 6.63126 0.131876 6.57638 0.190763L4.17895 2.5882C4.06671 2.70058 4.00366 2.85292 4.00366 3.01175C4.00366 3.17058 4.06671 3.32291 4.17895 3.43529L6.57638 5.83273C6.63172 5.88876 6.69769 5.93317 6.77042 5.96336Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 UndoIcon.displayName = 'UndoIcon';
 
 var UploadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6356,34 +5939,17 @@ var UploadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6.58942 9.82197C6.70165 9.93405 6.85328 9.99793 7.012 10C7.17071 9.99793 7.32234 9.93405 7.43458 9.82197C7.54681 9.7099 7.61079 9.55849 7.61286 9.4V2.04798L9.79204 4.22402C9.84752 4.28011 9.91365 4.32457 9.98657 4.35479C10.0595 4.38502 10.1377 4.40039 10.2167 4.40002C10.2956 4.40039 10.3738 4.38502 10.4467 4.35479C10.5197 4.32457 10.5858 4.28011 10.6413 4.22402C10.7538 4.11152 10.817 3.95902 10.817 3.80002C10.817 3.64102 10.7538 3.48852 10.6413 3.37602L7.45127 0.190618C7.44656 0.185584 7.44176 0.180622 7.43687 0.175736C7.32419 0.063214 7.17136 0 7.012 0C6.85264 0 6.69981 0.063214 6.58712 0.175736C6.58181 0.181045 6.5766 0.186443 6.5715 0.191927L3.38282 3.37602C3.27669 3.48976 3.2189 3.6402 3.22165 3.79564C3.2244 3.95108 3.28746 4.09939 3.39755 4.20932C3.50764 4.31925 3.65616 4.38222 3.81182 4.38496C3.96749 4.3877 4.11814 4.33001 4.23204 4.22402L6.41113 2.04807V9.4C6.41321 9.55849 6.47718 9.7099 6.58942 9.82197ZM11.9952 14H2.02883C1.751 13.9887 1.47813 13.9228 1.22584 13.8061C0.973545 13.6894 0.746779 13.5241 0.558517 13.3197C0.370254 13.1154 0.22419 12.876 0.128681 12.6152C0.0331723 12.3545 -0.00990605 12.0775 0.0019109 11.8V9.40005C0.0019109 9.24092 0.065216 9.08831 0.1779 8.97579C0.290584 8.86326 0.443416 8.80005 0.602775 8.80005C0.762134 8.80005 0.914966 8.86326 1.02765 8.97579C1.14033 9.08831 1.20364 9.24092 1.20364 9.40005V11.8C1.18295 12.0376 1.25463 12.274 1.40379 12.4602C1.55296 12.6463 1.76817 12.7681 2.00479 12.8H11.9952C12.2318 12.7681 12.447 12.6463 12.5962 12.4602C12.7453 12.274 12.817 12.0376 12.7963 11.8V9.40005C12.7963 9.24092 12.8596 9.08831 12.9723 8.97579C13.085 8.86326 13.2378 8.80005 13.3972 8.80005C13.5565 8.80005 13.7094 8.86326 13.8221 8.97579C13.9347 9.08831 13.998 9.24092 13.998 9.40005V11.8C14.022 12.3563 13.8251 12.8996 13.45 13.3116C13.0749 13.7236 12.552 13.971 11.9952 14Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 UploadIcon.displayName = 'UploadIcon';
 
 var WindowMaximizeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6391,34 +5957,17 @@ var WindowMaximizeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7 14H11.8C12.3835 14 12.9431 13.7682 13.3556 13.3556C13.7682 12.9431 14 12.3835 14 11.8V2.2C14 1.61652 13.7682 1.05694 13.3556 0.644365C12.9431 0.231785 12.3835 0 11.8 0H2.2C1.61652 0 1.05694 0.231785 0.644365 0.644365C0.231785 1.05694 0 1.61652 0 2.2V7C0 7.15913 0.063214 7.31174 0.175736 7.42426C0.288258 7.53679 0.44087 7.6 0.6 7.6C0.75913 7.6 0.911742 7.53679 1.02426 7.42426C1.13679 7.31174 1.2 7.15913 1.2 7V2.2C1.2 1.93478 1.30536 1.68043 1.49289 1.49289C1.68043 1.30536 1.93478 1.2 2.2 1.2H11.8C12.0652 1.2 12.3196 1.30536 12.5071 1.49289C12.6946 1.68043 12.8 1.93478 12.8 2.2V11.8C12.8 12.0652 12.6946 12.3196 12.5071 12.5071C12.3196 12.6946 12.0652 12.8 11.8 12.8H7C6.84087 12.8 6.68826 12.8632 6.57574 12.9757C6.46321 13.0883 6.4 13.2409 6.4 13.4C6.4 13.5591 6.46321 13.7117 6.57574 13.8243C6.68826 13.9368 6.84087 14 7 14ZM9.77805 7.42192C9.89013 7.534 10.0415 7.59788 10.2 7.59995C10.3585 7.59788 10.5099 7.534 10.622 7.42192C10.7341 7.30985 10.798 7.15844 10.8 6.99995V3.94242C10.8066 3.90505 10.8096 3.86689 10.8089 3.82843C10.8079 3.77159 10.7988 3.7157 10.7824 3.6623C10.756 3.55552 10.701 3.45698 10.622 3.37798C10.5099 3.2659 10.3585 3.20202 10.2 3.19995H7.00002C6.84089 3.19995 6.68828 3.26317 6.57576 3.37569C6.46324 3.48821 6.40002 3.64082 6.40002 3.79995C6.40002 3.95908 6.46324 4.11169 6.57576 4.22422C6.68828 4.33674 6.84089 4.39995 7.00002 4.39995H8.80006L6.19997 7.00005C6.10158 7.11005 6.04718 7.25246 6.04718 7.40005C6.04718 7.54763 6.10158 7.69004 6.19997 7.80005C6.30202 7.91645 6.44561 7.98824 6.59997 8.00005C6.75432 7.98824 6.89791 7.91645 6.99997 7.80005L9.60002 5.26841V6.99995C9.6021 7.15844 9.66598 7.30985 9.77805 7.42192ZM1.4 14H3.8C4.17066 13.9979 4.52553 13.8498 4.78763 13.5877C5.04973 13.3256 5.1979 12.9707 5.2 12.6V10.2C5.1979 9.82939 5.04973 9.47452 4.78763 9.21242C4.52553 8.95032 4.17066 8.80215 3.8 8.80005H1.4C1.02934 8.80215 0.674468 8.95032 0.412371 9.21242C0.150274 9.47452 0.00210008 9.82939 0 10.2V12.6C0.00210008 12.9707 0.150274 13.3256 0.412371 13.5877C0.674468 13.8498 1.02934 13.9979 1.4 14ZM1.25858 10.0586C1.29609 10.0211 1.34696 10 1.4 10H3.8C3.85304 10 3.90391 10.0211 3.94142 10.0586C3.97893 10.0961 4 10.147 4 10.2V12.6C4 12.6531 3.97893 12.704 3.94142 12.7415C3.90391 12.779 3.85304 12.8 3.8 12.8H1.4C1.34696 12.8 1.29609 12.779 1.25858 12.7415C1.22107 12.704 1.2 12.6531 1.2 12.6V10.2C1.2 10.147 1.22107 10.0961 1.25858 10.0586Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 WindowMaximizeIcon.displayName = 'WindowMaximizeIcon';
 
 var WindowMinimizeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -6426,20 +5975,12 @@ var WindowMinimizeIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M11.8 0H2.2C1.61652 0 1.05694 0.231785 0.644365 0.644365C0.231785 1.05694 0 1.61652 0 2.2V7C0 7.15913 0.063214 7.31174 0.175736 7.42426C0.288258 7.53679 0.44087 7.6 0.6 7.6C0.75913 7.6 0.911742 7.53679 1.02426 7.42426C1.13679 7.31174 1.2 7.15913 1.2 7V2.2C1.2 1.93478 1.30536 1.68043 1.49289 1.49289C1.68043 1.30536 1.93478 1.2 2.2 1.2H11.8C12.0652 1.2 12.3196 1.30536 12.5071 1.49289C12.6946 1.68043 12.8 1.93478 12.8 2.2V11.8C12.8 12.0652 12.6946 12.3196 12.5071 12.5071C12.3196 12.6946 12.0652 12.8 11.8 12.8H7C6.84087 12.8 6.68826 12.8632 6.57574 12.9757C6.46321 13.0883 6.4 13.2409 6.4 13.4C6.4 13.5591 6.46321 13.7117 6.57574 13.8243C6.68826 13.9368 6.84087 14 7 14H11.8C12.3835 14 12.9431 13.7682 13.3556 13.3556C13.7682 12.9431 14 12.3835 14 11.8V2.2C14 1.61652 13.7682 1.05694 13.3556 0.644365C12.9431 0.231785 12.3835 0 11.8 0ZM6.368 7.952C6.44137 7.98326 6.52025 7.99958 6.6 8H9.8C9.95913 8 10.1117 7.93678 10.2243 7.82426C10.3368 7.71174 10.4 7.55913 10.4 7.4C10.4 7.24087 10.3368 7.08826 10.2243 6.97574C10.1117 6.86321 9.95913 6.8 9.8 6.8H8.048L10.624 4.224C10.73 4.11026 10.7877 3.95982 10.7849 3.80438C10.7822 3.64894 10.7192 3.50063 10.6093 3.3907C10.4994 3.28077 10.3511 3.2178 10.1956 3.21506C10.0402 3.21232 9.88974 3.27002 9.776 3.376L7.2 5.952V4.2C7.2 4.04087 7.13679 3.88826 7.02426 3.77574C6.91174 3.66321 6.75913 3.6 6.6 3.6C6.44087 3.6 6.28826 3.66321 6.17574 3.77574C6.06321 3.88826 6 4.04087 6 4.2V7.4C6.00042 7.47975 6.01674 7.55862 6.048 7.632C6.07656 7.70442 6.11971 7.7702 6.17475 7.82524C6.2298 7.88029 6.29558 7.92344 6.368 7.952ZM1.4 8.80005H3.8C4.17066 8.80215 4.52553 8.95032 4.78763 9.21242C5.04973 9.47452 5.1979 9.82939 5.2 10.2V12.6C5.1979 12.9707 5.04973 13.3256 4.78763 13.5877C4.52553 13.8498 4.17066 13.9979 3.8 14H1.4C1.02934 13.9979 0.674468 13.8498 0.412371 13.5877C0.150274 13.3256 0.00210008 12.9707 0 12.6V10.2C0.00210008 9.82939 0.150274 9.47452 0.412371 9.21242C0.674468 8.95032 1.02934 8.80215 1.4 8.80005ZM3.94142 12.7415C3.97893 12.704 4 12.6531 4 12.6V10.2C4 10.147 3.97893 10.0961 3.94142 10.0586C3.90391 10.0211 3.85304 10 3.8 10H1.4C1.34696 10 1.29609 10.0211 1.25858 10.0586C1.22107 10.0961 1.2 10.147 1.2 10.2V12.6C1.2 12.6531 1.22107 12.704 1.25858 12.7415C1.29609 12.779 1.34696 12.8 1.4 12.8H3.8C3.85304 12.8 3.90391 12.779 3.94142 12.7415Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 WindowMinimizeIcon.displayName = 'WindowMinimizeIcon';
 
@@ -7414,10 +6955,9 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   }, ButtonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", rootProps, icon, label, props.children, badge, /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Button.displayName = 'Button';
 
@@ -7593,10 +7133,9 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ref: elementRef
   }, rootProps)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 InputText.displayName = 'InputText';
 
@@ -9434,10 +8973,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     sx: sx
   }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 AutoComplete.displayName = 'AutoComplete';
 
@@ -9836,15 +9374,16 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
         item: item
       });
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var isCurrent = function isCurrent(url) {
     var lastPath = typeof window !== 'undefined' ? window.location.pathname : '';
@@ -15725,10 +15264,9 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ref: inputRef
   }, hiddenInputProps))), /*#__PURE__*/React.createElement("div", inputProps, checkboxIcon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
 
@@ -16312,10 +15850,9 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   }, ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: inputRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Chips.displayName = 'Chips';
 
@@ -16978,10 +16515,9 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     cx: cx
   }, content)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 ColorPicker.displayName = 'ColorPicker';
 
@@ -17895,7 +17431,11 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
   var _ConfirmDialogBase$se = ConfirmDialogBase.setMetaData(metaData),
     ptm = _ConfirmDialogBase$se.ptm,
-    cx = _ConfirmDialogBase$se.cx;
+    cx = _ConfirmDialogBase$se.cx,
+    isUnstyled = _ConfirmDialogBase$se.isUnstyled;
+  useHandleStyle(ConfirmDialogBase.css.styles, isUnstyled, {
+    name: 'confirmdialog'
+  });
   var accept = function accept() {
     if (!isCallbackExecuting.current) {
       isCallbackExecuting.current = true;
@@ -18579,9 +18119,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -18596,6 +18133,10 @@ var ContextMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
     if (!item.items) {
       props.onLeafClick(event);
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var position = function position() {
     if (!props.isMobileMode) {
@@ -21289,10 +20830,9 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ref: elementRef
   }, rootProps), inputElement, buttonGroup), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 InputNumber.displayName = 'InputNumber';
 
@@ -22074,7 +21614,7 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: ref
-    }, panelProps), filter, content, footer));
+    }, panelProps), props.firstFocusableElement, filter, content, footer, props.lastFocusableElement));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
@@ -22105,7 +21645,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedState = _React$useState6[0],
     setFocusedState = _React$useState6[1];
-  var _React$useState7 = React.useState(null),
+  var _React$useState7 = React.useState(-1),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     focusedOptionIndex = _React$useState8[0],
     setFocusedOptionIndex = _React$useState8[1];
@@ -22514,8 +22054,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var onTabKey = function onTabKey(event) {
     var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (!pressedInInputText) {
-      if (overlayVisibleState && hasFocusableElements()) {
-        DomHandler.focus($refs.firstHiddenFocusableElementOnOverlay);
+      if (overlayVisibleState && !hasFocusableElements()) {
+        DomHandler.focus(firstHiddenFocusableElementOnOverlay.current);
         event.preventDefault();
       } else {
         if (focusedOptionIndex !== -1) {
@@ -22863,7 +22403,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onBlur: onInputBlur,
       onKeyDown: onInputKeyDown,
       disabled: props.disabled,
-      tabIndex: props.tabIndex || 0
+      tabIndex: !props.disabled ? props.tabIndex || 0 : -1
     }, ariaProps), ptm('input'));
     return /*#__PURE__*/React.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React.createElement("input", inputProps));
   };
@@ -22885,7 +22425,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         onFocus: onEditableInputFocus,
         onKeyDown: onInputKeyDown,
         onBlur: onInputBlur,
-        tabIndex: !props.disabled ? props.tabIndex : -1,
+        tabIndex: !props.disabled ? props.tabIndex || 0 : -1,
         'aria-haspopup': 'listbox'
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React.createElement("input", inputProps);
@@ -23001,45 +22541,46 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'data-p-hidden-accessible': true,
     'data-p-hidden-focusable': true
   }, ptm('hiddenLastFocusableEl'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, keyboardHelper, hiddenSelect, labelElement, clearIcon, dropdownIcon, /*#__PURE__*/React.createElement("span", firstHiddenFocusableElementProps), /*#__PURE__*/React.createElement(DropdownPanel, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, keyboardHelper, hiddenSelect, labelElement, clearIcon, dropdownIcon, /*#__PURE__*/React.createElement(DropdownPanel, _extends({
     hostName: "Dropdown",
     ref: overlayRef,
     visibleOptions: visibleOptions,
     virtualScrollerRef: virtualScrollerRef
   }, props, {
     appendTo: appendTo,
-    onClick: onPanelClick,
-    onOptionClick: onOptionClick,
-    focusedOptionIndex: focusedOptionIndex,
-    setFocusedOptionIndex: setFocusedOptionIndex,
+    cx: cx,
     filterValue: filterState,
-    hasFilter: hasFilter,
-    onFilterClearIconClick: onFilterClearIconClick,
-    resetFilter: resetFilter,
-    onFilterInputKeyDown: onFilterInputKeyDown,
-    onFilterInputChange: onFilterInputChange,
-    getOptionLabel: getOptionLabel,
-    getOptionRenderKey: getOptionRenderKey,
-    isOptionDisabled: isOptionDisabled,
+    focusedOptionIndex: focusedOptionIndex,
     getOptionGroupChildren: getOptionGroupChildren,
     getOptionGroupLabel: getOptionGroupLabel,
     getOptionGroupRenderKey: getOptionGroupRenderKey,
-    isSelected: isSelected,
+    getOptionLabel: getOptionLabel,
+    getOptionRenderKey: getOptionRenderKey,
     getSelectedOptionIndex: getSelectedOptionIndex,
+    hasFilter: hasFilter,
     "in": overlayVisibleState,
+    isOptionDisabled: isOptionDisabled,
+    isSelected: isSelected,
+    onClick: onPanelClick,
     onEnter: onOverlayEnter,
     onEntered: onOverlayEntered,
     onExit: onOverlayExit,
     onExited: onOverlayExited,
+    onFilterClearIconClick: onFilterClearIconClick,
+    onFilterInputChange: onFilterInputChange,
+    onFilterInputKeyDown: onFilterInputKeyDown,
+    onOptionClick: onOptionClick,
     ptm: ptm,
-    cx: cx,
+    resetFilter: resetFilter,
+    setFocusedOptionIndex: setFocusedOptionIndex,
+    firstFocusableElement: /*#__PURE__*/React.createElement("span", firstHiddenFocusableElementProps),
+    lastFocusableElement: /*#__PURE__*/React.createElement("span", lastHiddenFocusableElementProps),
     sx: sx
-  })), /*#__PURE__*/React.createElement("span", lastHiddenFocusableElementProps)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Dropdown.displayName = 'Dropdown';
 
@@ -23647,7 +23188,7 @@ var DataTableBase = ComponentBase.extend({
     lazy: false,
     loading: false,
     loadingIcon: null,
-    metaKeySelection: true,
+    metaKeySelection: false,
     multiSortMeta: null,
     onAllRowsSelect: null,
     onAllRowsUnselect: null,
@@ -25075,13 +24616,15 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     var event = e.originalEvent,
       newData = e.newData;
     var valid = props.rowEditValidator ? props.rowEditValidator(newData, {
-      props: props.tableProps
+      props: props.tableProps,
+      rowIndex: props.rowIndex
     }) : true;
     if (props.onRowEditSave) {
       props.onRowEditSave({
         originalEvent: event,
         data: props.rowData,
         index: props.rowIndex,
+        newData: newData,
         valid: valid
       });
     }
@@ -27920,11 +27463,10 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       ref: elementRef
     }, headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
       target: elementRef,
-      content: headerTooltip
-    }, headerTooltipOptions, {
+      content: headerTooltip,
       pt: getColumnPTOptions('tooltip'),
       unstyled: props.unstyled
-    })));
+    }, headerTooltipOptions)));
   };
   var element = createElement();
   return element;
@@ -33698,15 +33240,6 @@ Galleria.displayName = 'Galleria';
 
 var DownloadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
-  var _React$useState = React.useState(inProps.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pathId = _React$useState2[0],
-    setPathId = _React$useState2[1];
-  React.useEffect(function () {
-    if (ObjectUtils.isEmpty(pathId)) {
-      setPathId(UniqueComponentId('pr_icon_clip_'));
-    }
-  }, [pathId]);
   return /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: "14",
@@ -33714,20 +33247,12 @@ var DownloadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#".concat(pathId, ")")
-  }, /*#__PURE__*/React.createElement("path", {
+  }, pti), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",
     fill: "currentColor"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: pathId
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
+  }));
 }));
 DownloadIcon.displayName = 'DownloadIcon';
 
@@ -35043,10 +34568,9 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ref: inputRef
   }, hiddenInputProps))), /*#__PURE__*/React.createElement("span", sliderProps)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 InputSwitch.displayName = 'InputSwitch';
 
@@ -35198,10 +34722,9 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   }, InputTextareaBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 InputTextarea.displayName = 'InputTextarea';
 
@@ -36215,7 +35738,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     } else {
       DomHandler.focus(firstHiddenFocusableElement.current);
     }
-    astHiddenFocusableElement.current.tabIndex = -1;
+    lastHiddenFocusableElement.current.tabIndex = -1;
   };
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -36467,10 +35990,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   }, ptCallbacks.ptm('hiddenFirstFocusableEl'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("span", hiddenFirstElement), header, /*#__PURE__*/React.createElement("div", wrapperProps, list), /*#__PURE__*/React.createElement("span", hiddenLastElement)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptCallbacks.ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 ListBox.displayName = 'ListBox';
 
@@ -36773,15 +36295,15 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       originalEvent.preventDefault();
       return;
     }
-    if (!item.url) {
-      originalEvent.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: originalEvent,
         item: props.item
       });
+    }
+    if (!item.url) {
       originalEvent.preventDefault();
+      originalEvent.stopPropagation();
     }
     var grouped = isProccessedItemGroup(processedItem);
     var root = ObjectUtils.isEmpty(processedItem.parent);
@@ -38830,9 +38352,6 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -38844,14 +38363,19 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       processedItem: processedItem,
       isFocus: true
     });
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onLeafClick = function onLeafClick(event) {
     props.onLeafClick && props.onLeafClick(event);
   };
   var getItemId = function getItemId(processedItem) {
-    if (processedItem.item && processedItem.item.id) {
-      return processedItem.item.id;
-    }
+    var _processedItem$item;
+    return (_processedItem$item = processedItem.item) === null || _processedItem$item === void 0 ? void 0 : _processedItem$item.id;
+  };
+  var getItemDataId = function getItemDataId(processedItem) {
     return "".concat(props.id, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -38869,7 +38393,7 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return getItemProp(processedItem, 'disabled');
   };
   var isItemFocused = function isItemFocused(processedItem) {
-    return props.focusedItemId === getItemId(processedItem);
+    return props.focusedItemId === getItemDataId(processedItem);
   };
   var isItemGroup = function isItemGroup(processedItem) {
     return ObjectUtils.isNotEmpty(processedItem.items);
@@ -38887,8 +38411,8 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createSeparator = function createSeparator(index) {
     var key = props.id + '_separator_' + index;
     var separatorProps = mergeProps({
-      id: key,
       key: key,
+      'data-id': key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
@@ -38924,7 +38448,8 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (!isItemVisible(processedItem)) {
       return null;
     }
-    var key = getItemId(processedItem);
+    var id = getItemId(processedItem);
+    var dataId = getItemDataId(processedItem);
     var active = isItemActive(processedItem);
     var focused = isItemFocused(processedItem);
     var disabled = isItemDisabled(processedItem) || false;
@@ -38990,8 +38515,9 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }, getPTOptions(processedItem, 'content', index));
     var itemClassName = getItemProp(processedItem, 'className');
     var menuitemProps = mergeProps(_defineProperty({
-      id: key,
-      key: key,
+      id: id,
+      key: id,
+      'data-id': dataId,
       role: 'menuitem',
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -39028,7 +38554,7 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onKeyDown: props.onKeyDown,
-    id: props.id,
+    'data-id': props.id,
     tabIndex: tabIndex,
     'aria-activedescendant': props.ariaActivedescendant,
     style: props.style,
@@ -39451,7 +38977,7 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   };
   var onEnterKey = function onEnterKey(event) {
     if (focusedItemInfo.index !== -1) {
-      var element = DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat("".concat(focusedItemId), "\"]"));
+      var element = DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat("".concat(focusedItemId), "\"]"));
       var anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]');
       anchorElement ? anchorElement.click() : element && element.click();
     }
@@ -39572,7 +39098,7 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var scrollInView = function scrollInView() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var id = index !== -1 ? "".concat(idState, "_").concat(index) : focusedItemId;
-    var element = DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat(id, "\"]"));
+    var element = DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat(id, "\"]"));
     if (element) {
       element.scrollIntoView && element.scrollIntoView({
         block: 'nearest',
@@ -39977,6 +39503,7 @@ var MultiSelectBase = ComponentBase.extend({
     itemCheckboxIcon: null,
     itemClassName: null,
     itemTemplate: null,
+    loading: false,
     maxSelectedLabels: null,
     name: null,
     onBlur: null,
@@ -40503,11 +40030,31 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       onExit: props.onExit,
       onExited: props.onExited
     }, getPTOptions('transition'));
+    var firstHiddenElementProps = mergeProps({
+      ref: props.firstHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onFirstHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenFirstFocusableEl'));
+    var lastHiddenElementProps = mergeProps({
+      ref: props.lastHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: props.onLastHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenLastFocusableEl'));
     return /*#__PURE__*/React.createElement(CSSTransition, _extends({
       nodeRef: ref
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: ref
-    }, panelProps), header, content, footer));
+    }, panelProps), /*#__PURE__*/React.createElement("span", firstHiddenElementProps), header, content, footer, /*#__PURE__*/React.createElement("span", lastHiddenElementProps)));
   };
   var element = createElement();
   if (props.inline) return element;
@@ -40713,7 +40260,6 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       if (focusedOptionIndex !== -1) {
         if (event.shiftKey) onOptionSelectRange(event, focusedOptionIndex);else onOptionSelect(event, visibleOptions[focusedOptionIndex]);
       }
-      hide();
     }
     event.preventDefault();
   };
@@ -41000,6 +40546,9 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       });
     });
   };
+  var isEquals = function isEquals(value1, value2) {
+    return ObjectUtils.equals(value1, value2, equalityKey);
+  };
   var isSelected = function isSelected(option) {
     if (props.value) {
       var optionValue = getOptionValue(option);
@@ -41144,9 +40693,23 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return isValidOption(option) && isSelected(option);
   };
   var findSelectedOptionIndex = function findSelectedOptionIndex() {
-    return hasSelectedOption ? visibleOptions === null || visibleOptions === void 0 ? void 0 : visibleOptions.findIndex(function (option) {
-      return isValidSelectedOption(option);
-    }) : -1;
+    if (hasSelectedOption()) {
+      var _loop = function _loop() {
+          var value = props.value[index];
+          var matchedOptionIndex = visibleOptions.findIndex(function (option) {
+            return isValidSelectedOption(option) && isEquals(value, getOptionValue(option));
+          });
+          if (matchedOptionIndex > -1) return {
+            v: matchedOptionIndex
+          };
+        },
+        _ret;
+      for (var index = props.value.length - 1; index >= 0; index--) {
+        _ret = _loop();
+        if (_ret) return _ret.v;
+      }
+    }
+    return -1;
   };
   var findFirstFocusedOptionIndex = function findFirstFocusedOptionIndex() {
     var selectedIndex = findSelectedOptionIndex();
@@ -41274,6 +40837,12 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       if (props.display === 'chip' && !empty) {
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val, i) {
+          var context = {
+            context: {
+              value: val,
+              index: i
+            }
+          };
           var label = getLabelByValue(val);
           var iconProps = mergeProps({
             key: i,
@@ -41281,17 +40850,17 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             onClick: function onClick(e) {
               return removeChip(e, val);
             }
-          }, ptm('removeTokenIcon'));
+          }, ptm('removeTokenIcon', context));
           var icon = !props.disabled && (props.removeIcon ? IconUtils.getJSXIcon(props.removeIcon, _objectSpread$E({}, iconProps), {
             props: props
           }) : /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps));
           var tokenProps = mergeProps({
             className: cx('token')
-          }, ptm('token'));
+          }, ptm('token', context));
           var tokenLabelProps = mergeProps({
             key: label + i,
             className: cx('tokenLabel')
-          }, ptm('tokenLabel'));
+          }, ptm('tokenLabel', context));
           return /*#__PURE__*/React.createElement("div", _extends({}, tokenProps, {
             key: label
           }), /*#__PURE__*/React.createElement("span", tokenLabelProps, label), icon);
@@ -41430,7 +40999,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: onClick
   }), MultiSelectBase.getOtherProps(props), ptm('root'));
   var hiddenInputWrapperProps = mergeProps({
-    className: 'p-hidden-accessible'
+    className: 'p-hidden-accessible',
+    'data-p-hidden-accessible': true
   }, ptm('hiddenInputWrapper'));
   var inputProps = mergeProps(_objectSpread$E({
     ref: inputRef,
@@ -41445,29 +41015,9 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     disabled: props.disabled,
     tabIndex: !props.disabled ? props.tabIndex : -1
   }, ariaProps), ptm('input'));
-  var firstHiddenElementProps = mergeProps({
-    ref: firstHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onFirstHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenFirstFocusableEl'));
-  var lastHiddenElementProps = mergeProps({
-    ref: lastHiddenFocusableElementOnOverlay,
-    role: 'presentation',
-    'aria-hidden': true,
-    className: 'p-hidden-accessible p-hidden-focusable',
-    tabIndex: '0',
-    onFocus: onLastHiddenFocus,
-    'data-p-hidden-accessible': true,
-    'data-p-hidden-focusable': true
-  }, ptm('hiddenLastFocusableEl'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     readOnly: true
-  }))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React.createElement("span", firstHiddenElementProps), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
+  }))), !props.inline && /*#__PURE__*/React.createElement(React.Fragment, null, label, clearIcon, triggerIcon), /*#__PURE__*/React.createElement(MultiSelectPanel, _extends({
     hostName: "MultiSelect",
     ref: overlayRef,
     visibleOptions: visibleOptions
@@ -41476,6 +41026,10 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onOverlayHide: hide,
     filterValue: filterState,
     focusedOptionIndex: focusedOptionIndex,
+    onFirstHiddenFocus: onFirstHiddenFocus,
+    onLastHiddenFocus: onLastHiddenFocus,
+    firstHiddenFocusableElementOnOverlay: firstHiddenFocusableElementOnOverlay,
+    lastHiddenFocusableElementOnOverlay: lastHiddenFocusableElementOnOverlay,
     setFocusedOptionIndex: setFocusedOptionIndex,
     hasFilter: hasFilter,
     onFilterInputChange: onFilterInputChange,
@@ -41503,12 +41057,11 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     sx: sx,
     isUnstyled: isUnstyled,
     metaData: metaData
-  })), /*#__PURE__*/React.createElement("span", lastHiddenElementProps)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 MultiSelect.displayName = 'MultiSelect';
 
@@ -41738,10 +41291,9 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   }, ptm('srOnlyAria'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 MultiStateCheckbox.displayName = 'MultiStateCheckbox';
 
@@ -44246,9 +43798,6 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -44258,6 +43807,10 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (item.items) {
       changeActiveItem(event, item);
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var getItemProp = function getItemProp(item, name) {
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
@@ -44377,9 +43930,9 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         if (activeItemsState.some(function (subItem) {
           return ObjectUtils.equals(item, subItem);
         })) {
-          activeItemsState.filter(function (subItem) {
+          activeItems = activeItemsState.filter(function (subItem) {
             return !ObjectUtils.equals(item, subItem);
-          }), _readOnlyError("activeItems");
+          });
         } else {
           activeItems.push(item);
         }
@@ -44610,9 +44163,11 @@ var classes$p = {
     var strength = _ref5.strength;
     return classNames('p-password-info', strength);
   },
+  showIcon: 'p-password-show-icon',
+  hideIcon: 'p-password-hide-icon',
   transition: 'p-connected-overlay'
 };
-var styles$m = "\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n";
+var styles$m = "\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n\n    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n";
 var PasswordBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Password',
@@ -44908,16 +44463,24 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   var createIcon = function createIcon() {
     var icon;
-    var hideIconProps = mergeProps(ptm('hideIcon'));
-    var showIconProps = mergeProps(ptm('showIcon'));
+    var hideIconProps = mergeProps({
+      key: 'hideIcon',
+      role: 'button',
+      tabIndex: props.tabIndex,
+      className: cx('hideIcon'),
+      onClick: toggleMask
+    }, ptm('hideIcon'));
+    var showIconProps = mergeProps({
+      key: 'showIcon',
+      role: 'button',
+      tabIndex: props.tabIndex,
+      className: cx('showIcon'),
+      onClick: toggleMask
+    }, ptm('showIcon'));
     if (unmaskedState) {
-      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, _extends({}, hideIconProps, {
-        onClick: toggleMask
-      }));
+      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, hideIconProps);
     } else {
-      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, _extends({}, showIconProps, {
-        onClick: toggleMask
-      }));
+      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, showIconProps);
     }
     var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread$x({}, hideIconProps) : _objectSpread$x({}, showIconProps), {
       props: props
@@ -45076,7 +44639,7 @@ var PickListBase = ComponentBase.extend({
     targetSelection: null,
     showSourceControls: true,
     showTargetControls: true,
-    metaKeySelection: true,
+    metaKeySelection: false,
     onFocus: null,
     onBlur: null,
     filter: false,
@@ -46590,7 +46153,6 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
-    checked: props.checked,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
@@ -46611,10 +46173,9 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ref: inputRef
   }, hiddenInputProps))), /*#__PURE__*/React.createElement("div", inputProps, /*#__PURE__*/React.createElement("div", iconProps))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 RadioButton.displayName = 'RadioButton';
 
@@ -46861,10 +46422,9 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var icons = createIcons();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Rating.displayName = 'Rating';
 
@@ -47589,7 +47149,7 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       return props.options.map(function (option, index) {
         var isDisabled = props.disabled || isOptionDisabled(option);
         var optionLabel = getOptionLabel(option);
-        var tabIndex = index === focusedIndex ? '0' : '-1';
+        var tabIndex = props.disabled || index !== focusedIndex ? '-1' : '0';
         var selected = isSelected(option);
         var key = optionLabel + '_' + index;
         return /*#__PURE__*/React.createElement(SelectButtonItem, {
@@ -47635,10 +47195,9 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   }, SelectButtonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, items), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 SelectButton.displayName = 'SelectButton';
 
@@ -48169,9 +47728,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -48184,6 +47740,10 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
       setActiveItemState(item);
       props.onForward();
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var createSeparator = function createSeparator(index) {
     var key = props.id + '_sep_' + index;
@@ -49631,9 +49191,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -49644,6 +49201,10 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       originalEvent: event,
       processedItem: processedItem
     });
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var getItemId = function getItemId(processedItem) {
     return "".concat(props.menuId, "_").concat(processedItem.key);
@@ -50410,11 +49971,8 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     styleElementRef.current = DomHandler.removeInlineStyle(styleElementRef.current);
   };
   var alignOverlay = function alignOverlay() {
-    DomHandler.absolutePosition(containerRef.current, targetRef.current);
-    var targetWidth = DomHandler.getOuterWidth(targetRef.current);
-    if (targetWidth > DomHandler.getOuterWidth(containerRef.current)) {
-      containerRef.current.style.minWidth = DomHandler.getOuterWidth(targetRef.current) + 'px';
-    }
+    var calculateMinWidth = DomHandler.getOuterWidth(targetRef.current) > DomHandler.getOuterWidth(containerRef.current);
+    DomHandler.alignOverlay(containerRef.current, targetRef.current, props.appendTo, calculateMinWidth);
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
@@ -50612,7 +50170,7 @@ var SplitButtonBase = ComponentBase.extend({
     id: null,
     label: null,
     icon: null,
-    autoZIndex: false,
+    autoZIndex: true,
     baseZIndex: 0,
     loading: false,
     loadingIcon: null,
@@ -50832,10 +50390,9 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     pt: ptm('menu')
   })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 SplitButton.displayName = 'SplitButton';
 
@@ -51066,20 +50623,15 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
-    setPanelSizes(function (prev) {
-      var sizes = [];
-      for (var index = 0; index < props.children.length; index++) sizes[index] = panelSize(prev, index);
-      sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
-      sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
-      if (props.onResizeEnd) {
-        props.onResizeEnd({
-          originalEvent: event,
-          sizes: sizes
-        });
-      }
-      if (isStateful) saveState(sizes);
-      return sizes;
-    });
+    var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
+    if (props.onResizeEnd) {
+      props.onResizeEnd({
+        originalEvent: event,
+        sizes: sizes
+      });
+    }
+    if (isStateful) saveState(sizes);
+    setPanelSizes(sizes);
     !isUnstyled() && DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
     gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
       return gutterRefs.current[key].setAttribute('data-p-splitter-gutter-resizing', false);
@@ -51386,9 +50938,6 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         index: index
       });
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -51396,6 +50945,10 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         index: index
       });
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onItemKeyDown = function onItemKeyDown(event, item, index) {
     if (props.readOnly) {
@@ -51879,9 +51432,6 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -51897,6 +51447,10 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     } else {
       setActiveIndexState(index);
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var isSelected = function isSelected(index) {
     return index === (activeIndex || 0);
@@ -53702,10 +53256,9 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   }, ToggleButtonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 ToggleButton.displayName = 'ToggleButton';
 
@@ -53843,53 +53396,53 @@ var TreeBase = ComponentBase.extend({
     __parentMetadata: null,
     id: null,
     value: null,
-    checkboxIcon: null,
-    disabled: false,
-    emptyMessage: null,
-    selectionMode: null,
-    selectionKeys: null,
-    onSelectionChange: null,
-    contextMenuSelectionKey: null,
-    onContextMenuSelectionChange: null,
-    expandedKeys: null,
     ariaLabel: null,
     ariaLabelledBy: null,
-    style: null,
+    checkboxIcon: null,
     className: null,
-    contentStyle: null,
-    contentClassName: null,
-    metaKeySelection: true,
-    propagateSelectionUp: true,
-    propagateSelectionDown: true,
-    loading: false,
-    loadingIcon: null,
-    expandIcon: null,
     collapseIcon: null,
+    contentClassName: null,
+    contentStyle: null,
+    contextMenuSelectionKey: null,
+    disabled: false,
     dragdropScope: null,
-    header: null,
-    footer: null,
-    showHeader: true,
+    emptyMessage: null,
+    expandIcon: null,
+    expandedKeys: null,
     filter: false,
-    filterIcon: null,
-    filterValue: null,
     filterBy: 'label',
+    filterIcon: null,
+    filterLocale: undefined,
     filterMode: 'lenient',
     filterPlaceholder: null,
-    filterLocale: undefined,
     filterTemplate: null,
+    filterValue: null,
+    footer: null,
+    header: null,
     level: 0,
+    loading: false,
+    loadingIcon: null,
+    metaKeySelection: false,
     nodeTemplate: null,
-    togglerTemplate: null,
-    onSelect: null,
-    onUnselect: null,
-    onExpand: null,
     onCollapse: null,
-    onToggle: null,
-    onDragDrop: null,
     onContextMenu: null,
+    onContextMenuSelectionChange: null,
+    onDragDrop: null,
+    onExpand: null,
     onFilterValueChange: null,
     onNodeClick: null,
     onNodeDoubleClick: null,
+    onSelect: null,
+    onSelectionChange: null,
+    onToggle: null,
+    onUnselect: null,
+    propagateSelectionDown: true,
+    propagateSelectionUp: true,
+    selectionKeys: null,
+    selectionMode: null,
+    showHeader: true,
+    style: null,
+    togglerTemplate: null,
     children: undefined
   },
   css: {
@@ -55041,9 +54594,10 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     var emptyMessageProps = mergeProps({
       className: classNames(props.contentClassName, cx('emptyMessage'))
     }, ptm('emptyMessage'));
+    var message = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
     return /*#__PURE__*/React.createElement("li", emptyMessageProps, /*#__PURE__*/React.createElement("span", {
       className: "p-treenode-content"
-    }, localeOption('emptyMessage')));
+    }, message));
   };
   var createRootChildrenContainer = function createRootChildrenContainer(children) {
     var containerProps = mergeProps(_objectSpread$9({
@@ -55259,7 +54813,7 @@ var TreeSelectBase = ComponentBase.extend({
     filterValue: null,
     inputId: null,
     inputRef: null,
-    metaKeySelection: true,
+    metaKeySelection: false,
     name: null,
     nodeTemplate: null,
     onChange: null,
@@ -56102,10 +55656,9 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     cx: cx
   }, content), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 TreeSelect.displayName = 'TreeSelect';
 
@@ -56245,7 +55798,7 @@ var TreeTableBase = ComponentBase.extend({
     lazy: false,
     loading: false,
     loadingIcon: null,
-    metaKeySelection: true,
+    metaKeySelection: false,
     multiSortMeta: null,
     onColReorder: null,
     onCollapse: null,
@@ -59250,7 +58803,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     className: cx('checkbox', {
       focusedState: focusedState
     }),
-    tabIndex: props.tabIndex,
+    tabIndex: props.disabled ? '-1' : props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
@@ -59272,10 +58825,9 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     ref: elementRef
   }, rootProps), /*#__PURE__*/React.createElement("div", checkboxProps, checkIcon), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 TriStateCheckbox.displayName = 'TriStateCheckbox';