@sustaina/shared-ui 1.38.0 → 1.39.0

package/dist/index.mjs

@@ -305,21 +305,16 @@ var useDraftGuardStore = create((set) => ({
 function cn(...args) {
   return twMerge(clsx(args));
 }
-var AdministrationIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var AdministrationIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 19 19",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_299_1800)", children: [
@@ -415,21 +410,16 @@ var AdministrationIcon = ({
     ]
   }
 );
-var AnalyticsIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var AnalyticsIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 18 17",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_299_1720)", children: [
@@ -437,105 +427,105 @@ var AnalyticsIcon = ({
           "path",
           {
             d: "M0.712536 5.34459L0.415865 5.40561L0.230531 5.16508C0.325273 3.79997 0.0984471 2.24754 0.224999 0.906546C0.277556 0.350992 0.61572 0.0494463 1.15927 0.020356L14.1513 0.0884699C14.2764 0.169355 14.2792 0.44323 14.1513 0.526244L0.82664 0.656086C0.797596 0.677371 0.712536 0.88597 0.712536 0.910094V2.29366H17.4478V0.910094C17.4478 0.898032 17.3704 0.69369 17.36 0.681629C17.1297 0.420525 15.2384 0.766061 15.0212 0.491477C14.9133 0.355249 14.9251 0.201993 15.0682 0.0998223C15.2273 -0.0137009 16.8462 -0.0101533 17.1311 0.0295798C17.5474 0.0877604 17.8337 0.353121 17.9278 0.773157L17.8994 15.4226C17.7424 15.8611 17.4409 16.0222 17.0011 16.0619C13.7419 16.3578 10.0642 15.832 6.76007 16.0619C6.2746 16.1151 6.10241 15.5581 6.62176 15.4879C10.0006 15.2999 13.654 15.749 17.0011 15.4943C17.2106 15.4787 17.4478 15.4439 17.4478 15.1722V2.86127H0.712536V5.34459Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M8.9073 10.0982C8.52834 10.0151 8.55047 9.10128 8.60026 8.7898C8.67771 8.30165 9.17908 8.32293 9.56496 8.32506C9.63066 7.52614 9.47506 6.58461 9.56289 5.80414C9.65486 4.98677 10.6776 5.49904 11.2288 5.31386C11.3879 5.19963 11.1396 4.59583 11.5663 4.45392C11.8249 4.36807 12.9058 4.4745 12.9535 4.4227C12.9501 4.1545 12.9597 3.65004 13.2778 3.58831C13.5268 3.54006 14.84 3.53226 14.9977 3.63656C15.1782 3.75646 15.219 4.03743 15.2377 4.24178C15.3559 5.53381 15.1443 7.01245 15.2349 8.32435C15.4348 8.31158 16.0011 8.33287 16.1007 8.53579C16.1927 8.72452 16.2695 10.2003 15.7577 10.1017C14.5275 9.97186 13.0019 10.2613 11.809 10.1017C11.363 10.0421 11.5372 9.60149 11.5704 9.60149H15.6505V8.89197H9.15004V9.60149H10.6368C10.8381 9.60149 10.8381 10.0982 10.6368 10.0982C10.1998 10.0982 9.26967 10.1776 8.908 10.0982H8.9073ZM14.6817 4.06723H13.5061V8.32435H14.6817V4.06723ZM12.9528 4.98961H11.7772V8.32435H12.9528V4.98961ZM11.2931 5.84103H10.1175V8.32435H11.2931V5.84103Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M7.35133 7.11817C7.70263 9.44894 4.97519 10.9914 3.13915 9.55962C1.03063 7.91638 2.26158 4.48514 4.88529 4.63201C5.03674 4.6682 5.04158 6.09859 4.98694 6.28803C4.91157 6.547 4.30923 6.42922 4.03262 6.86984C3.35836 7.94121 5.0561 8.91609 5.55816 7.65456C5.63215 7.46867 5.5789 7.24801 5.72759 7.11888H7.35271L7.35133 7.11817ZM4.5167 5.20175C3.49183 5.17976 2.71454 6.13477 2.58038 7.11746L3.40262 7.10965C3.50428 6.50869 3.9199 6.07943 4.5084 5.97513L4.5167 5.20246V5.20175ZM3.40193 7.62264L2.57969 7.61483C2.71385 8.61667 3.50428 9.50428 4.516 9.53054L4.50701 8.75929C3.93649 8.62732 3.50843 8.22076 3.40262 7.62264H3.40193ZM6.86794 7.61483L6.10448 7.64676C5.92952 8.19735 5.57061 8.61809 5.00977 8.75858L5.00077 9.52982C5.94265 9.51634 6.82783 8.56914 6.86794 7.61412V7.61483Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M15.972 12.344C15.6339 12.6945 15.2141 12.4738 15.0613 12.5746C14.9831 12.6256 14.1208 13.5055 14.0973 13.5714C14.0682 13.653 14.1436 13.834 14.1339 13.9638C14.0855 14.5931 13.2847 14.9053 12.8477 14.3576C12.5344 13.9645 12.7771 13.7658 12.708 13.5714C12.6831 13.5012 11.7377 12.5398 11.6658 12.527C11.5897 12.5135 11.4874 12.5845 11.3975 12.5817C11.264 12.5774 11.1568 12.4823 11.0192 12.5433C10.9604 12.5696 10.1596 13.3905 10.1119 13.4664C9.9985 13.6459 10.206 13.973 9.94179 14.3526C9.43213 15.0856 8.29454 14.3611 8.68181 13.5558C8.96741 12.962 9.42867 13.2713 9.77098 13.1124C9.82423 13.0875 10.5752 12.3206 10.6057 12.2659C10.7958 11.9254 10.4902 11.5294 10.9501 11.2009C11.4099 10.8724 12.0614 11.1286 12.1222 11.7019C12.1395 11.865 12.0427 12.0453 12.0863 12.1545C12.1125 12.2198 13.0046 13.1152 13.071 13.1351C13.2446 13.1876 13.663 13.1762 13.8213 13.0826C13.878 13.0492 14.6948 12.2148 14.719 12.1545C14.7902 11.9757 14.5405 11.5699 14.9223 11.2314C15.6477 10.5879 16.5889 11.7061 15.9727 12.3447L15.972 12.344ZM11.2661 11.5947C11.0005 11.682 11.2045 12.1985 11.5047 11.9828C11.6748 11.8608 11.5648 11.4968 11.2661 11.5947ZM15.3462 11.5947C15.0806 11.682 15.2846 12.1985 15.5848 11.9828C15.7549 11.8608 15.6449 11.4968 15.3462 11.5947ZM9.56006 13.7219C9.51027 13.6495 9.04279 13.5842 9.16312 13.9496C9.30765 14.3867 9.69353 13.9156 9.56006 13.7219ZM13.3469 13.6537C13.0517 13.7289 13.1478 14.171 13.4431 14.11C13.7999 14.0362 13.6125 13.5863 13.3469 13.6537Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M0.712512 15.1713C0.742249 15.3778 0.834915 15.4573 1.02855 15.4835C2.32104 15.6581 3.94478 15.3338 5.24349 15.4892C5.77598 15.553 5.74002 16.0029 5.24349 16.0582C4.27603 16.1654 2.14262 16.1505 1.15925 16.0611C0.61293 16.0114 0.279607 15.7553 0.224976 15.1749L0.26301 6.26685C0.362592 6.05683 0.712512 6.10934 0.712512 6.23138V15.1713Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M5.5533 3.67721C6.09824 3.36999 6.99309 3.76306 7.45366 4.13981C7.91423 4.51657 8.7095 5.80931 8.4232 6.40886C8.2925 6.68344 7.09337 6.50322 6.77249 6.54083L6.69089 6.48265C6.63557 6.04984 6.53253 5.62839 6.08787 5.46945C5.89008 5.3985 5.68124 5.46378 5.55261 5.3091V3.67721H5.5533ZM7.32711 4.73084C6.97926 4.37396 6.50348 4.19729 6.03807 4.06744L6.04706 4.90893C6.62174 5.02813 6.97719 5.49996 7.15491 6.04204L7.90454 6.05339C7.92252 5.59433 7.63415 5.04516 7.32642 4.73013L7.32711 4.73084Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M9.34784 11.5082C9.3181 11.5571 9.05947 11.5855 8.97994 11.5912C7.45855 11.704 5.80715 11.4975 4.27123 11.5912C3.83003 11.5302 3.85769 11.0739 4.34246 11.02C5.35211 10.9079 7.97513 10.9015 8.97786 11.0186C9.20815 11.0456 9.51658 11.2286 9.34784 11.5075V11.5082Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M4.13565 14.1426H7.80082C7.96956 14.1426 7.96956 14.6392 7.80082 14.6392H4.13565C3.97452 14.6392 3.88808 14.2291 4.13565 14.1426Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M6.76354 12.5815C6.96339 12.6461 6.94334 12.9874 6.71236 13.0966C6.5049 13.1945 4.81547 13.1782 4.47938 13.1513C3.72974 13.091 3.98354 12.5808 4.13568 12.5808H6.76354V12.5815Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M2.10531 11.508C1.72773 10.8858 3.55686 10.8013 3.23875 11.447C3.12603 11.6755 2.16824 11.6116 2.10531 11.508Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M2.1053 12.6616C2.16823 12.5581 3.12532 12.4942 3.23804 12.7227C3.54716 13.3492 1.72356 13.291 2.1053 12.6616Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M2.20972 14.1523H3.15714L3.2664 14.2566C3.3238 14.8377 2.57832 14.6029 2.20972 14.6284L2.12605 14.5724C2.09424 14.5156 2.09009 14.4539 2.09009 14.39C2.09009 14.2815 2.10184 14.1842 2.20972 14.1516V14.1523Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M3.84171 1.6372C3.68542 1.47542 3.8016 1.14479 4.0547 1.17672C4.60448 1.24625 4.15498 1.96145 3.84171 1.6372Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M1.87155 1.24618C2.11221 1.49309 1.73255 1.88404 1.49051 1.63712C1.24847 1.39021 1.62951 0.999266 1.87155 1.24618Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M3.04709 1.24618C3.28775 1.49309 2.90809 1.88404 2.66605 1.63712C2.42401 1.39021 2.80505 0.999266 3.04709 1.24618Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx("path", { d: "M14.6816 4.06738H13.506V8.3245H14.6816V4.06738Z" }),
@@ -554,12 +544,7 @@ var AnalyticsIcon = ({
     ]
   }
 );
-var ApplicationLogIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var ApplicationLogIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -568,7 +553,7 @@ var ApplicationLogIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
@@ -599,12 +584,7 @@ var ApplicationLogIcon = ({
   }
 );
 var application_log_default = ApplicationLogIcon;
-var ArrowIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var ArrowIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -612,18 +592,13 @@ var ArrowIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
-    children: /* @__PURE__ */ jsx("path", { d: "M0.293 0.723L6.79 8.723L13.293 0.723H0.293Z", fill: color })
+    children: /* @__PURE__ */ jsx("path", { d: "M0.293 0.723L6.79 8.723L13.293 0.723H0.293Z", fill: "currentColor" })
   }
 );
 var arrow_default = ArrowIcon;
-var SuiCalendarIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var SuiCalendarIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -631,24 +606,19 @@ var SuiCalendarIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
-        fill: color,
+        fill: "currentColor",
         d: "M8.504 11.205H5.837v2.4h2.667zm5.333 0h-2.666v2.4h2.666zm5.334 0h-2.667v2.4h2.667zm2.666-8.4h-1.333v-2.4h-2.667v2.4H7.171v-2.4H4.504v2.4H3.17c-1.48 0-2.654 1.08-2.654 2.4l-.013 16.8c0 1.32 1.187 2.4 2.667 2.4h18.666c1.467 0 2.667-1.08 2.667-2.4v-16.8c0-1.32-1.2-2.4-2.667-2.4m0 19.2H3.171v-13.2h18.666z"
       }
     )
   }
 );
 var calendar_default = SuiCalendarIcon;
-var SuiCalendarIcon2 = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiCalendarIcon2 = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 20 20",
@@ -657,7 +627,7 @@ var SuiCalendarIcon2 = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
@@ -764,12 +734,7 @@ var SuiCalendarIcon2 = ({
   }
 );
 var calendar2_default = SuiCalendarIcon2;
-var SuiCheckIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiCheckIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -778,7 +743,7 @@ var SuiCheckIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#check_svg__a)", children: [
@@ -797,17 +762,12 @@ var SuiCheckIcon = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "check_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "check_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
 );
 var check_default = SuiCheckIcon;
-var CustomActionStatusIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var CustomActionStatusIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 23 23",
@@ -816,21 +776,21 @@ var CustomActionStatusIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_14821_55543)", children: [
         /* @__PURE__ */ jsx(
           "path",
           {
-            fill: color,
+            fill: "currentColor",
             d: "M13.548 0.255589C13.8411 0.606143 13.8315 1.80253 14.037 2.26404L15.7429 2.96836C16.3115 2.76897 17.1254 1.77037 17.737 1.96655C18.3088 2.14987 19.8809 4.27249 20.5243 4.69219C21.0165 5.44154 19.9557 6.23913 19.6977 6.90004C19.8554 7.18949 20.2743 8.62226 20.4479 8.70105C20.8365 8.87633 22.2796 8.85382 22.4516 9.27513V13.6088C22.2939 13.9947 20.7871 14.0575 20.3858 14.2102L19.6993 15.9244C19.884 16.5821 20.8556 17.3009 20.6342 18.0342C20.0975 18.4748 18.1639 20.8354 17.6685 20.9399C17.4837 20.9785 17.3946 20.9512 17.2273 20.8852C17.0378 20.8113 15.324 19.6133 15.2507 19.4862C15.1902 19.3801 15.179 19.3399 15.1631 19.2177C15.0166 18.1001 15.265 16.6352 15.187 15.4806C18.965 11.446 15.6091 4.86586 10.1077 5.97541C5.79922 6.84376 4.34662 12.3578 7.36491 15.4806L7.38084 19.3013C7.34261 19.5023 7.16582 19.6213 7.02087 19.7419C6.79311 19.9333 5.30387 20.9351 5.11911 20.956C5.00762 20.9688 4.91842 20.9512 4.8133 20.9174C4.25902 20.7389 2.51494 18.4989 1.91606 18.0342C1.70582 17.3379 2.60891 16.5837 2.85261 15.9839L2.20913 14.2536C1.78386 14.0124 0.426827 14.0285 0.154464 13.694L0.0604909 13.4802C0.101903 12.2468 -0.0653376 10.8671 0.0365994 9.65141C0.119423 8.65924 1.43823 8.9712 2.16453 8.67372L2.85102 6.95954C2.66625 6.30185 1.69467 5.58305 1.91606 4.84978C2.51494 4.38505 4.25902 2.14504 4.8133 1.96655C5.42492 1.77037 6.23883 2.76897 6.80744 2.96836L8.47507 2.29298C8.78088 1.78002 8.63594 0.228252 9.30649 0.0770955C10.4835 0.143025 11.9505 -0.0949655 13.0925 0.0497587C13.2295 0.0674472 13.4636 0.15589 13.5496 0.258805L13.548 0.255589ZM12.5032 1.39891H10.0439C9.87511 1.85881 9.88944 2.95711 9.55178 3.26907C9.32242 3.47972 8.16289 3.79168 7.7631 3.96375C7.2789 4.17279 7.04954 4.59732 6.43314 4.35772C6.20219 4.26767 5.19716 3.43148 5.08089 3.48455L3.41326 5.20033L4.36733 6.88396C4.20646 7.3712 3.90702 7.79894 3.7127 8.2701C3.52953 8.70909 3.40211 9.66588 2.98003 9.85241C2.66785 9.99071 1.36337 10.0727 1.29011 10.2898L1.31718 12.652C1.44938 12.8369 2.87013 12.8241 3.18868 13.1746C3.4037 13.4126 3.56457 14.252 3.71429 14.609C3.84809 14.9322 4.32432 15.6768 4.36096 15.9276C4.42626 16.3602 3.36389 17.4135 3.41645 17.6804L5.12708 19.4203L6.04292 18.7513L6.06203 16.082C2.79368 12.0072 4.70022 5.65059 9.94678 4.65038C16.4755 3.40575 20.5594 10.999 16.4915 16.082L16.5106 18.7513L17.4694 19.3978L19.137 17.682L18.183 15.9984C18.3438 15.5111 18.6433 15.0834 18.8376 14.6122C19.0208 14.1732 19.1482 13.2164 19.5703 13.0299C19.8825 12.8916 21.1869 12.8096 21.2602 12.5925L21.2331 10.2303C21.1009 10.0454 19.6802 10.0582 19.3616 9.70769C19.1466 9.4697 18.9857 8.6303 18.836 8.27331C18.7022 7.95009 18.226 7.20557 18.1893 6.95471C18.1209 6.49481 19.2533 5.44154 19.1084 5.14727L17.4232 3.46203C16.9772 3.70485 16.2366 4.45742 15.7429 4.43651C15.453 4.42365 15.0325 4.06988 14.7203 3.94123C14.2154 3.73219 13.0017 3.47329 12.8201 3.00213C12.7246 2.7561 12.5717 1.46002 12.5032 1.40213V1.39891Z"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
-            fill: color,
+            fill: "currentColor",
             d: "M10.4772 10.7707H12.07C12.1847 10.0149 12.1703 8.82975 12.4252 8.13668C12.8282 7.04482 14.131 8.2396 14.5436 8.76221C16.0933 10.7208 15.6378 13.7536 13.4828 15.0304L13.486 22.2489C13.4796 22.5448 13.2709 22.8326 12.9779 22.8986C12.5638 22.9918 10.0982 22.9838 9.63944 22.913C9.35911 22.8696 9.15524 22.6815 9.07878 22.4081L9.06126 15.032C6.62274 13.6169 6.40612 9.87659 8.62485 8.14311C10.5887 6.60743 10.2351 9.54694 10.4756 10.7707H10.4772ZM10.388 14.4772V21.5783H12.1576V14.4772C12.1576 14.2135 12.9189 13.8388 13.1228 13.6651C14.2585 12.7051 14.5515 10.7996 13.4844 9.69809C13.3283 10.3879 13.5449 12.0008 12.6466 12.1134C12.1942 12.1697 10.0567 12.1713 9.68244 12.0571C9.10586 11.8834 9.16001 10.2416 9.05967 9.69649C7.98137 10.7835 8.29355 12.7084 9.42123 13.6635C9.67289 13.8758 10.318 14.1476 10.3864 14.4756L10.388 14.4772Z"
           }
         )
@@ -840,12 +800,7 @@ var CustomActionStatusIcon = ({
   }
 );
 var custom_action_status_default = CustomActionStatusIcon;
-var CustomFieldIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var CustomFieldIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 30 30",
@@ -854,7 +809,7 @@ var CustomFieldIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_14170_63977)", children: [
@@ -862,29 +817,29 @@ var CustomFieldIcon = ({
           "path",
           {
             d: "M9.16987 12.9149C11.2388 12.9149 12.9159 11.2378 12.9159 9.1689C12.9159 7.10001 11.2388 5.42285 9.16987 5.42285C7.10099 5.42285 5.42383 7.10001 5.42383 9.1689C5.42383 11.2378 7.10099 12.9149 9.16987 12.9149Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M16.4128 13.2318C16.8305 13.6494 17.5139 13.6494 17.9315 13.2318L19.7877 11.3757L21.6438 13.2318C22.0614 13.6494 22.7448 13.6494 23.1625 13.2318C23.5801 12.8142 23.5801 12.1308 23.1625 11.7131L21.3063 9.85699L23.1625 8.00084C23.5801 7.5832 23.5801 6.8998 23.1625 6.48217C22.7448 6.06454 22.0614 6.06454 21.6438 6.48217L19.7877 8.33832L17.9315 6.48217C17.5139 6.06454 16.8305 6.06454 16.4128 6.48217C15.9952 6.8998 15.9952 7.5832 16.4128 8.00084L18.269 9.85699L16.4128 11.7131C15.9952 12.1308 15.9952 12.8142 16.4128 13.2318Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M12.375 17.0664H5.96284C5.49688 17.0664 5.11914 17.4441 5.11914 17.9101V24.3223C5.11914 24.7882 5.49688 25.166 5.11914 25.166H12.375C12.841 25.166 13.2187 24.7882 13.2187 24.3223V17.9101C13.2187 17.4441 12.841 17.0664 12.375 17.0664Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsx("path", { d: "M16.1816 24.6089H25.8315L21.0055 17.623L16.1816 24.6089Z", fill: color }),
+        /* @__PURE__ */ jsx("path", { d: "M16.1816 24.6089H25.8315L21.0055 17.623L16.1816 24.6089Z", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M28.1017 0H1.89833C0.852141 0 0 0.852141 0 1.89833V28.1017C0 29.1479 0.852141 30 1.89833 30H28.1017C29.1479 30 30 29.1479 30 28.1017V1.89833C30 0.852141 29.1479 0 28.1017 0ZM27.8907 27.8907H2.10926V2.10926H27.8907V27.8907Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -893,21 +848,16 @@ var CustomFieldIcon = ({
   }
 );
 var custom_field_default = CustomFieldIcon;
-var DashboardIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var DashboardIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 17 17",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_299_1698)", children: [
@@ -915,28 +865,28 @@ var DashboardIcon = ({
           "path",
           {
             d: "M15.6565 1.31863C15.9038 1.56527 15.9634 1.84696 15.9886 2.18586C16.1559 4.42711 15.8576 6.87564 15.9862 9.13904C15.9161 9.66798 15.5181 10.1114 14.9744 10.157C13.3113 10.0339 11.4397 10.3101 9.80243 10.1563C9.25442 10.1047 8.83926 9.69382 8.78759 9.1415C8.57417 6.86273 8.95366 4.25551 8.78821 1.94168C8.88846 1.39305 9.3147 1.03632 9.86332 0.987118C11.4674 0.844425 13.2818 1.09844 14.9086 0.990193C15.1854 1.01787 15.4591 1.12181 15.6559 1.31925L15.6565 1.31863ZM9.77414 9.16918H14.9098L15.0021 9.07692V2.06531L14.9098 1.97305H9.8664L9.77414 2.06531V9.16918Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M0.569834 16.4047C0.322582 16.1581 0.262922 15.8764 0.237705 15.5375C0.0704101 13.2962 0.368711 10.8477 0.240165 8.5843C0.310281 8.05535 0.708221 7.6119 1.25193 7.56638C2.91503 7.68939 4.78664 7.41324 6.42391 7.567C6.97193 7.61866 7.38709 8.02952 7.43875 8.58184C7.65218 10.8606 7.27269 13.4678 7.43814 15.7817C7.33788 16.3303 6.91165 16.687 6.36302 16.7362C4.75896 16.8789 2.94456 16.6249 1.31774 16.7331C1.04096 16.7055 0.767266 16.6015 0.570449 16.4041L0.569834 16.4047ZM6.45282 8.55416H1.31712L1.22487 8.64642V15.658L1.31712 15.7503H6.36056L6.45282 15.658V8.55416Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M0.569817 1.31896C0.790622 1.09816 1.06924 1.01328 1.37615 0.986832C2.9673 0.84906 4.75034 1.09631 6.36301 0.986832C6.87658 1.01266 7.37477 1.42229 7.43812 1.9414C7.52177 2.6278 7.51562 4.57075 7.43689 5.26453C7.38338 5.73566 6.95592 6.16435 6.48356 6.21786C4.84444 6.40422 2.86827 6.07702 1.19225 6.21909C0.643624 6.11884 0.286893 5.69261 0.237688 5.14398C0.170648 4.38377 0.165112 2.81969 0.241379 2.06625C0.269056 1.78948 0.373 1.51578 0.570432 1.31896H0.569817ZM6.45281 5.23316V2.06564L6.36055 1.97338H1.31711L1.22485 2.06564V5.1409L1.31711 5.23316H6.45281Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M15.6565 16.4046C15.4357 16.6254 15.1571 16.7097 14.8502 16.7361C13.259 16.8739 11.476 16.6267 9.86333 16.7361C9.34976 16.7103 8.85156 16.3007 8.78821 15.7816C8.70456 15.0952 8.71072 13.1522 8.78944 12.4584C8.84295 11.9873 9.27041 11.5586 9.74278 11.5051C11.3819 11.3187 13.3581 11.6459 15.0341 11.5039C15.5827 11.6041 15.9394 12.0304 15.9886 12.579C16.0563 13.3386 16.0618 14.9027 15.9856 15.6561C15.9579 15.9329 15.8539 16.2066 15.6565 16.4034V16.4046ZM9.77414 12.4904V15.6579L9.8664 15.7502H14.9098L15.0021 15.6579V12.5827L14.9098 12.4904H9.77414Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -944,87 +894,72 @@ var DashboardIcon = ({
     ]
   }
 );
-var DataEntryIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var DataEntryIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 17 16",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M1.53951 2.28617V14.6382H13.0515V6.70508C13.0515 6.67198 13.1786 6.49545 13.2227 6.46786C13.4106 6.36304 13.6702 6.42924 13.7696 6.62233V15.1898C13.6978 15.3112 13.5873 15.3995 13.4437 15.3884H1.1473C0.99263 15.3995 0.871102 15.2947 0.810339 15.1623L0.793766 1.88896C0.782718 1.72346 0.887674 1.62416 1.0313 1.56347L11.1292 1.53589C11.4274 1.55796 11.5766 1.87793 11.4219 2.1317C11.3998 2.17031 11.2673 2.28617 11.2396 2.28617H1.53951Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M8.50619 8.27946C8.39018 8.16361 8.40676 7.99259 8.43438 7.84364C8.56695 7.13749 9.04754 6.26585 9.24088 5.54867L14.6047 0.191906C14.7207 0.125705 14.9251 0.136739 15.0355 0.213973L16.5878 1.76418C16.6651 1.87451 16.6596 2.01795 16.6265 2.13932L11.2792 7.51263C11.0914 7.65055 9.22431 8.30153 8.94811 8.3567C8.79896 8.38428 8.62772 8.40635 8.51171 8.28498L8.50619 8.27946ZM14.798 1.05804C14.7096 1.15182 14.1296 1.67591 14.1407 1.74211L15.0853 2.65789L15.7426 2.00692L14.798 1.05804ZM9.39003 7.39678L10.8649 6.87269L14.5439 3.19853L13.5938 2.28275L9.9148 5.92381L9.39003 7.39678Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M11.2225 8.49784C11.2943 8.17786 11.8633 8.12821 11.9517 8.51439C11.9903 8.67989 11.9959 9.51292 11.9572 9.68394C11.9241 9.84392 11.797 9.93771 11.6479 9.97081H2.90891C2.699 9.92667 2.64376 9.77772 2.62718 9.58464C2.57194 8.97228 2.67138 8.26613 2.62718 7.64274C2.66033 7.4331 2.89786 7.32829 3.0912 7.32277C4.38934 7.4331 5.93053 7.17933 7.20105 7.32829C7.83078 7.40552 7.67059 8.10615 7.20105 8.10615H3.37292V9.22605H11.2225C11.2557 9.01641 11.1783 8.69092 11.2225 8.49784Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.37375 4.52249V5.68101H7.83714C7.88133 5.68101 8.03048 5.82445 8.05258 5.87961C8.15753 6.14442 8.036 6.37061 7.7598 6.42577L2.88212 6.40922C2.72192 6.33751 2.63906 6.25475 2.62249 6.0727C2.57278 5.65343 2.57278 4.55008 2.62249 4.13081C2.64459 3.94875 2.72192 3.85497 2.89317 3.7998L9.06899 3.77222C9.38938 3.77773 9.58824 4.16391 9.36728 4.40664C9.34519 4.42871 9.19052 4.52249 9.18499 4.52249H3.37375Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.5488 10.9841C4.65349 11.0392 5.89075 10.8792 6.97887 10.973C8.34869 11.0889 8.38183 13.2296 7.05068 13.4337C5.95703 13.3675 4.73082 13.5386 3.65375 13.4393C2.31154 13.3179 2.26183 11.2379 3.55432 10.9841H3.5488ZM3.65927 11.7344C3.2671 11.8227 3.25053 12.573 3.65927 12.6889L6.94021 12.6999C7.38209 12.6613 7.39313 11.8117 6.96782 11.7344H3.65927Z",
-          fill: color
+          fill: "currentColor"
         }
       )
     ]
   }
 );
-var DecreaseIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var DecreaseIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 9 4",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
-    children: /* @__PURE__ */ jsx("rect", { x: "0.572754", y: "0.441406", width: "7.57659", height: "2.75347", fill: color })
+    children: /* @__PURE__ */ jsx("rect", { x: "0.572754", y: "0.441406", width: "7.57659", height: "2.75347", fill: "currentColor" })
   }
 );
 var decrease_default = DecreaseIcon;
-var SuiDotsVerticalIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiDotsVerticalIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1033,7 +968,7 @@ var SuiDotsVerticalIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx("g", { clipPath: "url(#dots-vertical_svg__a)", children: /* @__PURE__ */ jsx(
@@ -1043,17 +978,12 @@ var SuiDotsVerticalIcon = ({
           d: "M12.504 9.03a3.373 3.373 0 0 1 3.375 3.375 3.373 3.373 0 0 1-3.375 3.375 3.373 3.373 0 0 1-3.375-3.375 3.373 3.373 0 0 1 3.375-3.375M9.129 4.155a3.373 3.373 0 0 0 3.375 3.375 3.373 3.373 0 0 0 3.375-3.375A3.373 3.373 0 0 0 12.504.78a3.373 3.373 0 0 0-3.375 3.375m0 16.5a3.373 3.373 0 0 0 3.375 3.375 3.373 3.373 0 0 0 3.375-3.375 3.373 3.373 0 0 0-3.375-3.375 3.373 3.373 0 0 0-3.375 3.375"
         }
       ) }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "dots-vertical_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M.504.405h24v24h-24z" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "dots-vertical_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M.504.405h24v24h-24z" }) }) })
     ]
   }
 );
 var dots_vertical_default = SuiDotsVerticalIcon;
-var SuiEmptyDataIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var SuiEmptyDataIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     viewBox: "0 0 184 152",
@@ -1061,7 +991,7 @@ var SuiEmptyDataIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", children: [
       /* @__PURE__ */ jsxs("g", { transform: "translate(24 31.67)", children: [
@@ -1111,12 +1041,7 @@ var SuiEmptyDataIcon = ({
   }
 );
 var empty_data_default = SuiEmptyDataIcon;
-var SuiExpandIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiExpandIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1125,21 +1050,16 @@ var SuiExpandIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx("g", { fill: "currentColor", clipPath: "url(#expand_svg__a)", children: /* @__PURE__ */ jsx("path", { d: "M11.674.038c.69-.18 1.498.305 1.69 1.2.283 6.934.043 13.962.122 20.93-.128 2.08-2.27 2.537-2.852.602-.282-6.934-.042-13.962-.122-20.93.072-.855.481-1.623 1.163-1.802M19.93 10.11c.024-.474-.188-2.095.498-1.842L24 11.947l-.2.504-3.37 3.288c-.687.252-.475-1.368-.5-1.843h-4.312c-.187 0-.664-.575-.718-.852-.066-.33-.066-1.751 0-2.083.054-.277.531-.852.718-.852h4.313M4.07 13.898c-.025.473.187 2.095-.5 1.842L0 12.06l.2-.504 3.37-3.288c.687-.253.475 1.367.5 1.842h4.312c.187 0 .664.576.718.852.066.33.066 1.752 0 2.084-.054.276-.531.852-.718.852z" }) }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "expand_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "expand_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
 );
 var expand_default = SuiExpandIcon;
-var SuiFilterIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiFilterIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1148,7 +1068,7 @@ var SuiFilterIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx("g", { clipPath: "url(#filter_svg__a)", children: /* @__PURE__ */ jsx(
@@ -1158,18 +1078,12 @@ var SuiFilterIcon = ({
           d: "M.29.332a.85.85 0 0 0-.258.505c-.057.443-.053 2.439.125 2.752l8.58 8.904c.236 2.44-.221 5.164.023 7.57.049.464.147.525.494.83.675.59 3.539 2.57 4.326 2.94s1.45.15 1.654-.619l.022-10.721 8.585-8.904c.178-.317.187-2.313.13-2.752-.085-.639-.748-.793-1.352-.838H1.379C1.034.027.545.105.29.332"
         }
       ) }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "filter_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M24-.001H0v24h24z" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "filter_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M24-.001H0v24h24z" }) }) })
     ]
   }
 );
 var filter_default = SuiFilterIcon;
-var FiltersIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  strokeWidth = 1.5,
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var FiltersIcon = ({ size = "1em", className, strokeWidth = 1.5, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -1178,14 +1092,14 @@ var FiltersIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M10 18H14",
-          stroke: color,
+          stroke: "currentColor",
           strokeWidth,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1195,7 +1109,7 @@ var FiltersIcon = ({
         "path",
         {
           d: "M11 6H3",
-          stroke: color,
+          stroke: "currentColor",
           strokeWidth,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1205,7 +1119,7 @@ var FiltersIcon = ({
         "path",
         {
           d: "M15 6H21",
-          stroke: color,
+          stroke: "currentColor",
           strokeWidth,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1215,7 +1129,7 @@ var FiltersIcon = ({
         "path",
         {
           d: "M18 9V3",
-          stroke: color,
+          stroke: "currentColor",
           strokeWidth,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1225,7 +1139,7 @@ var FiltersIcon = ({
         "path",
         {
           d: "M7 12H15",
-          stroke: color,
+          stroke: "currentColor",
           strokeWidth,
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1235,39 +1149,29 @@ var FiltersIcon = ({
   }
 );
 var filters_default = FiltersIcon;
-var HamburgerMenuIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var HamburgerMenuIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
-    fill: color,
+    fill: "currentColor",
     viewBox: "0 0 15 15",
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
         d: "M1.5 3C1.22386 3 1 3.22386 1 3.5C1 3.77614 1.22386 4 1.5 4H13.5C13.7761 4 14 3.77614 14 3.5C14 3.22386 13.7761 3 13.5 3H1.5ZM1 7.5C1 7.22386 1.22386 7 1.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5 8H1.5C1.22386 8 1 7.77614 1 7.5ZM1 11.5C1 11.2239 1.22386 11 1.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H1.5C1.22386 12 1 11.7761 1 11.5Z",
-        fill: color,
+        fill: "currentColor",
         "fill-rule": "evenodd",
         "clip-rule": "evenodd"
       }
     )
   }
 );
-var HandymanIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var HandymanIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 128 128",
@@ -1276,7 +1180,7 @@ var HandymanIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10094_215884)", children: [
@@ -1284,14 +1188,14 @@ var HandymanIcon = ({
           "path",
           {
             d: "M115.573 96.9068L87.3067 68.6401H82.0266L68.48 82.1868V87.4668L96.7466 115.733C98.8266 117.813 102.187 117.813 104.267 115.733L115.573 104.427C117.653 102.4 117.653 98.9868 115.573 96.9068Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M92.48 54.3468L100 46.8268L111.307 58.1335C117.547 51.8935 117.547 41.7602 111.307 35.5202L92.4266 16.6402L84.9066 24.1602V9.12016L81.1733 5.3335L62.2933 24.2135L66.08 28.0002H81.1733L73.6533 35.5202L79.3066 41.1735L63.8933 56.5868L41.8666 34.5602V26.9868L25.76 10.8802L10.6666 25.9735L26.8266 42.1335H34.3466L56.3733 64.1602L51.84 68.6935H40.5333L12.2666 96.9602C10.1866 99.0402 10.1866 102.4 12.2666 104.48L23.5733 115.787C25.6533 117.867 29.0133 117.867 31.0933 115.787L59.36 87.5202V76.2135L86.8266 48.7468L92.48 54.3468Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -1299,21 +1203,16 @@ var HandymanIcon = ({
     ]
   }
 );
-var InformationIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var InformationIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 34 34",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_789_42722)", children: [
@@ -1321,14 +1220,14 @@ var InformationIcon = ({
           "path",
           {
             d: "M16.7158 33.4883C7.61916 33.4883 0.21582 26.0849 0.21582 16.9883C0.21582 7.89162 7.61916 0.488281 16.7158 0.488281C25.8125 0.488281 33.2158 7.89162 33.2158 16.9883C33.2158 26.0849 25.8125 33.4883 16.7158 33.4883ZM16.7158 1.80093C8.34112 1.80093 1.52847 8.61358 1.52847 16.9883C1.52847 25.363 8.34112 32.1756 16.7158 32.1756C25.0905 32.1756 31.9032 25.363 31.9032 16.9883C31.9032 8.61358 25.0905 1.80093 16.7158 1.80093Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M18.9999 21.0838H13.5393V20.5325C13.5393 19.6005 13.6443 18.8523 13.8543 18.2747C14.0643 17.6972 14.3794 17.1721 14.7994 16.6864C15.2195 16.2139 16.1514 15.3606 17.6085 14.153C18.3829 13.5229 18.7767 12.9454 18.7767 12.4203C18.7767 11.8952 18.6192 11.4883 18.3042 11.1864C17.9892 10.8845 17.5166 10.7532 16.8865 10.7532C16.204 10.7532 15.6395 10.9764 15.1932 11.4227C14.7469 11.869 14.4581 12.6566 14.34 13.7723L8.76123 13.0766C8.95813 11.0289 9.69321 9.37496 10.9927 8.12794C12.2923 6.88093 14.2744 6.25085 16.9653 6.25085C19.0524 6.25085 20.7457 6.68403 22.019 7.5635C23.7648 8.74489 24.6312 10.3069 24.6312 12.2759C24.6312 13.0898 24.408 13.8773 23.9617 14.6256C23.5154 15.3869 22.5966 16.3057 21.2051 17.3952C20.2338 18.1566 19.63 18.7735 19.3674 19.2461C19.118 19.7055 18.9868 20.3225 18.9868 21.0575L18.9999 21.0838ZM13.3555 22.5408H19.2099V27.6995H13.3555V22.5408Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -1337,40 +1236,30 @@ var InformationIcon = ({
   }
 );
 var information_default = InformationIcon;
-var MailIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var MailIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 28 23",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_654_8264)", children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M24.4 0.789062H3.07C1.38 0.789062 0 2.16906 0 3.85906V19.3791C0 21.0691 1.38 22.4491 3.07 22.4491H24.4C26.09 22.4491 27.47 21.0691 27.47 19.3791V3.85906C27.47 2.16906 26.09 0.789062 24.4 0.789062ZM24.4 2.45906C24.64 2.45906 24.87 2.51906 25.07 2.62906L14.13 13.5691L3.01 2.46906C3.01 2.46906 3.05 2.46906 3.07 2.46906H24.4V2.45906ZM24.4 20.7791H3.07C2.3 20.7791 1.67 20.1491 1.67 19.3791V3.85906C1.67 3.74906 1.68 3.63906 1.71 3.53906L14.12 15.9491L25.79 4.26906V19.3791C25.79 20.1491 25.16 20.7791 24.39 20.7791H24.4Z",
-          fill: color
+          fill: "currentColor"
         }
       ) }),
       /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_654_8264", children: /* @__PURE__ */ jsx("rect", { width: "27.47", height: "21.66", fill: "white", transform: "translate(0 0.789062)" }) }) })
     ]
   }
 );
-var ManIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var ManIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 128 128",
@@ -1379,130 +1268,115 @@ var ManIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_10094_215893)", children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M64 31.9998C58.1334 31.9998 53.3334 27.1998 53.3334 21.3332C53.3334 15.4665 58.1334 10.6665 64 10.6665C69.8667 10.6665 74.6667 15.4665 74.6667 21.3332C74.6667 27.1998 69.8667 31.9998 64 31.9998ZM90.6667 10.6665H101.333V12.7998C100.8 24.5332 97.0667 33.5998 89.0667 39.9998C86.4 42.1332 83.2 43.7332 80 44.7998V117.333H69.3334V85.3332H58.6667V117.333H48V53.8665C46.4 54.3998 45.3334 54.9332 44.8 55.4665C40 59.1998 37.3867 63.9998 37.3334 71.9998V74.6665H26.6667V71.9998C26.6667 61.3332 30.4534 52.8532 37.92 46.4532C43.7867 41.6532 53.3334 37.3332 64 37.3332C74.6667 37.3332 78.2934 34.8798 82.56 31.6798C87.8934 27.4132 90.6667 21.3332 90.6667 13.3332V10.6665ZM21.3334 85.3332H37.3334V117.333H21.3334V85.3332Z",
-          fill: color
+          fill: "currentColor"
         }
       ) }),
       /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_10094_215893", children: /* @__PURE__ */ jsx("rect", { width: "128", height: "128", fill: "white" }) }) })
     ]
   }
 );
-var ManagementIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var ManagementIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M6.20251 3.20437H6.68705V1.86063C6.68705 1.86063 6.76697 1.66082 6.78695 1.63085C6.92183 1.41106 7.13662 1.29117 7.39638 1.27119C8.36546 1.19626 9.43945 1.32614 10.4185 1.27119C10.6533 1.27119 11.0429 1.64084 11.0429 1.86063V3.20437H12.042C12.2218 2.07044 13.5755 1.62086 14.4397 2.35517L14.9892 1.84065L15.3089 2.16035L14.7394 2.76478C15.6636 4.80286 12.5365 5.86186 12.042 3.68891H11.0429V5.03264C11.0429 5.22746 10.6533 5.62208 10.4535 5.62208H9.10976V7.0907C10.0739 7.43038 10.0739 8.65922 9.10976 8.9939V11.1868H10.0788V9.35856C10.0788 9.13877 10.4685 8.77411 10.7033 8.77411C11.997 8.85903 13.4507 8.65422 14.7245 8.77411C15.1091 8.80908 15.3739 9.1038 15.4038 9.48344C15.5037 10.7572 15.3289 12.1559 15.4038 13.4447C15.3539 13.7944 15.0791 14.0641 14.7245 14.0941C13.4557 14.209 12.017 14.0042 10.7332 14.0941C10.4885 14.1041 10.0838 13.7294 10.0838 13.5046V11.6764H8.63521V8.9989C7.67112 8.65922 7.67112 7.43038 8.63521 7.09569V5.62708H7.29148C7.09167 5.62708 6.70203 5.23245 6.70203 5.03764V3.6939H6.21749L6.20251 4.1185C6.03766 4.21341 5.56311 4.20342 5.52315 4.41323C5.49317 4.56308 5.85783 4.93773 5.80788 5.05262L4.92871 5.93179C4.90373 5.96176 4.88375 5.95677 4.85378 5.94678C4.68394 5.90682 4.28931 5.4972 4.14445 5.74697C4.09449 5.83688 4.02456 6.30144 3.9796 6.33641L3.555 6.3514V10.2227H5.62805C5.62805 10.2227 5.83785 10.3027 5.86782 10.3177C6.02767 10.4126 6.19251 10.6623 6.21749 10.8472C6.13257 12.1409 6.33738 13.5946 6.21749 14.8684C6.18252 15.253 5.8878 15.5177 5.50816 15.5477C4.07951 15.6576 2.50599 15.4628 1.06236 15.5477C0.712686 15.4978 0.44294 15.223 0.412968 14.8684C0.298077 13.5996 0.502883 12.1609 0.412968 10.8771C0.402978 10.6324 0.777624 10.2277 1.00241 10.2277H3.07546V6.35639L2.65086 6.34141C2.55595 6.17656 2.56594 5.70201 2.35613 5.66205C2.20628 5.63208 1.83163 5.99673 1.71674 5.94678L0.812591 5.03264C0.79261 4.94273 1.1173 4.55309 1.11231 4.4382C1.10232 4.17345 0.457926 4.21341 0.417964 4.09852C0.447935 3.71389 0.368011 3.23434 0.412968 2.85969C0.412968 2.82472 0.412968 2.79475 0.44294 2.76978C0.507879 2.71982 0.887521 2.67986 0.997417 2.62491C1.30213 2.48505 0.857549 2.09042 0.812591 1.91558C0.802601 1.88062 0.812591 1.85564 0.837568 1.83066L1.73672 0.941503C1.93653 0.961484 2.35114 1.43104 2.496 1.12633C2.54096 1.03142 2.6009 0.571851 2.67583 0.546875H3.96961C4.05453 0.576847 4.09449 1.10135 4.18441 1.18128C4.37923 1.35611 4.69892 0.966479 4.90373 0.941503L5.80288 1.83066C5.82786 1.85564 5.83785 1.88062 5.82786 1.91558C5.7829 2.08542 5.3633 2.47006 5.62305 2.61492C5.71297 2.66488 6.17753 2.73481 6.2125 2.77977L6.22748 3.20437H6.20251ZM3.59996 1.03142H3.00552L2.86565 1.54094L2.31617 1.77571C2.16631 1.78571 1.89157 1.49598 1.76669 1.55093C1.74171 1.56092 1.41203 1.8956 1.40703 1.92058C1.38205 2.02548 1.63182 2.30022 1.64181 2.4301L1.41702 2.98957L0.887521 3.15941V3.73886L1.40203 3.87873L1.63681 4.42821C1.6468 4.57807 1.35708 4.85281 1.41203 4.97769C1.42202 5.00267 1.7567 5.33236 1.78168 5.33735C1.88658 5.36233 2.16132 5.11257 2.2912 5.10257L2.85067 5.32736L3.02051 5.85686H3.59996L3.73983 5.34235L4.28931 5.10757C4.43917 5.09758 4.71391 5.38731 4.83879 5.33236C4.86377 5.32237 5.19346 4.98768 5.19845 4.96271C5.22343 4.85781 4.97366 4.58307 4.96367 4.45319L5.18846 3.89372L5.71796 3.72388V3.14442L5.20345 3.00456L4.96867 2.45507C4.95868 2.30522 5.24841 2.03047 5.19346 1.90559C5.18347 1.88062 4.84878 1.55093 4.82381 1.54593C4.71891 1.52096 4.44416 1.77072 4.31429 1.78071L3.75481 1.55592L3.59996 1.03142ZM10.5584 2.24028C10.5584 2.04546 10.6034 1.80569 10.3586 1.76073C9.41448 1.82067 8.35547 1.67081 7.42635 1.76073C7.12164 1.7907 7.16659 2.0005 7.17159 2.24527H10.5584V2.24028ZM13.3308 2.49004C12.3217 2.60993 12.1919 4.06356 13.1559 4.36827C13.9002 4.60305 14.6595 3.88373 14.3498 3.14442L13.5056 3.99362C13.4806 4.02359 13.4657 4.02859 13.4307 4.00861C13.3957 3.98863 12.8862 3.47911 12.8562 3.43415C12.7763 3.30927 13.051 3.12444 13.146 3.05451L13.4756 3.32425L14.0701 2.70983C13.8853 2.53 13.5955 2.46007 13.3408 2.49004H13.3308ZM10.5584 2.71982H7.17159V4.9727C7.17159 5.02765 7.32145 5.15752 7.39638 5.13754C8.3305 5.0726 9.37951 5.22246 10.2986 5.13754C10.3836 5.12755 10.5534 5.06761 10.5534 4.9677V2.71483L10.5584 2.71982ZM8.76509 7.56525C8.18563 7.67015 8.28554 8.62925 8.9649 8.51935C9.55434 8.42444 9.43446 7.44536 8.76509 7.56525ZM14.9093 9.7332C14.9093 9.53839 14.9542 9.29861 14.7095 9.25366L10.6833 9.27364C10.5034 9.36855 10.5634 9.56836 10.5534 9.7332H14.9043H14.9093ZM14.9093 10.2177H10.5584V13.4397C10.5584 13.4947 10.7083 13.6245 10.7832 13.6046C12.032 13.5196 13.4257 13.7144 14.6545 13.6046C14.7395 13.5946 14.9093 13.5346 14.9093 13.4347V10.2128V10.2177ZM5.71796 11.1868C5.71796 10.992 5.76292 10.7522 5.51815 10.7073L1.00741 10.7273C0.827577 10.8222 0.887521 11.022 0.87753 11.1868H5.71297H5.71796ZM5.71796 11.6714H0.882525V14.8933C0.882525 14.9483 1.03238 15.0782 1.10731 15.0582H5.4632C5.54313 15.0882 5.71796 14.9583 5.71796 14.8933V11.6714Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.30109 12.156H1.36791V13.6046H3.30109V12.156ZM5.23426 12.156H3.78563V12.6405H5.23426V12.156ZM5.23426 13.1201H3.78563V13.6046H5.23426V13.1201ZM5.23426 14.0892H1.36292V14.5737H5.23426V14.0892Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M12.4916 10.7012H11.043V12.1498H12.4916V10.7012ZM14.4248 10.7012H12.9761V11.1857H14.4248V10.7012ZM14.4248 11.6703H12.9761V12.1548H14.4248V11.6703ZM14.4248 12.6343H11.038V13.1189H14.4248V12.6343Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M8.1364 3.20459H7.65186V3.68913H8.1364V3.20459ZM10.0746 3.20459H8.62594V3.68913H10.0746V3.20459ZM10.0746 4.17368H7.65685V4.65822H10.0746V4.17368Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: "M3.29914 12.156V13.6046H1.36597V12.156H3.29914Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M5.23306 12.156H3.78442V12.6405H5.23306V12.156Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M5.23306 13.1206H3.78442V13.6051H5.23306V13.1206Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M12.4906 10.7012V12.1498H11.042V10.7012H12.4906Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M14.4248 12.6304H11.038V13.1149H14.4248V12.6304Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M14.4248 10.7012H12.9762V11.1857H14.4248V10.7012Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M14.4248 11.6697H12.9762V12.1542H14.4248V11.6697Z", fill: color }),
+      /* @__PURE__ */ jsx("path", { d: "M3.29914 12.156V13.6046H1.36597V12.156H3.29914Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M5.23306 12.156H3.78442V12.6405H5.23306V12.156Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M5.23306 13.1206H3.78442V13.6051H5.23306V13.1206Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M12.4906 10.7012V12.1498H11.042V10.7012H12.4906Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M14.4248 12.6304H11.038V13.1149H14.4248V12.6304Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M14.4248 10.7012H12.9762V11.1857H14.4248V10.7012Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M14.4248 11.6697H12.9762V12.1542H14.4248V11.6697Z", fill: "currentColor" }),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.1095 2.0025C4.88283 1.7877 5.39235 4.35029 3.70894 4.83483C1.69584 5.41428 1.10639 2.24227 3.1095 2.0025ZM3.17444 2.48704C1.97557 2.62691 2.11044 4.49015 3.37925 4.41023C4.64805 4.3303 4.51817 2.32719 3.17444 2.48704Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: "M10.0746 4.17114H7.65686V4.65569H10.0746V4.17114Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M10.068 3.20459H8.61938V3.68913H10.068V3.20459Z", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M8.1414 3.20459H7.65686V3.68913H8.1414V3.20459Z", fill: color })
+      /* @__PURE__ */ jsx("path", { d: "M10.0746 4.17114H7.65686V4.65569H10.0746V4.17114Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M10.068 3.20459H8.61938V3.68913H10.068V3.20459Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M8.1414 3.20459H7.65686V3.68913H8.1414V3.20459Z", fill: "currentColor" })
     ]
   }
 );
-var MenuIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var MenuIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 35 41",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M8.24469 6.74825H8.18469L7.52469 8.10425L5.68869 11.4522L3.85269 8.10425L3.19269 6.74825H3.13269V13.1562H1.83669V4.78025H3.44469L5.68869 9.04025H5.76069L8.00469 4.78025H9.54069V13.1562H8.24469V6.74825ZM11.6101 13.1562V4.78025H16.9741V5.98025H12.9661V8.30825H16.6021V9.50825H12.9661V11.9562H16.9741V13.1562H11.6101ZM20.9794 8.52425L20.0554 6.74825H20.0194V13.1562H18.7234V4.78025H20.2354L22.9714 9.41225L23.8954 11.1882H23.9314V4.78025H25.2274V13.1562H23.7154L20.9794 8.52425ZM28.5738 4.78025V9.94025C28.5738 10.6522 28.7098 11.1882 28.9818 11.5482C29.2538 11.9082 29.7178 12.0882 30.3738 12.0882C31.0298 12.0882 31.4938 11.9082 31.7658 11.5482C32.0378 11.1882 32.1738 10.6522 32.1738 9.94025V4.78025H33.5058V9.72425C33.5058 10.3402 33.4498 10.8722 33.3378 11.3202C33.2258 11.7682 33.0458 12.1402 32.7978 12.4362C32.5498 12.7242 32.2258 12.9402 31.8258 13.0842C31.4338 13.2283 30.9498 13.3003 30.3738 13.3003C29.7978 13.3003 29.3098 13.2283 28.9098 13.0842C28.5178 12.9402 28.1978 12.7242 27.9498 12.4362C27.7018 12.1402 27.5218 11.7682 27.4098 11.3202C27.2978 10.8722 27.2418 10.3402 27.2418 9.72425V4.78025H28.5738Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "20.4902", width: "33.6797", height: "4.5", fill: color }),
-      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "28.3242", width: "33.6797", height: "4.5", fill: color }),
-      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "36.1582", width: "33.6797", height: "4.5", fill: color })
+      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "20.4902", width: "33.6797", height: "4.5", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "28.3242", width: "33.6797", height: "4.5", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("rect", { x: "1.125", y: "36.1582", width: "33.6797", height: "4.5", fill: "currentColor" })
     ]
   }
 );
-var NotFoundIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var NotFoundIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 106 100",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
@@ -1568,70 +1442,60 @@ var NotFoundIcon = ({
   }
 );
 var not_found_default = NotFoundIcon;
-var PlusIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var PlusIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 9 9",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.12305 8.23047L3.12305 0.653882L5.87652 0.653882L5.87652 8.23047L3.12305 8.23047Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.12305 8.23047L3.12305 0.653882L5.87652 0.653882L5.87652 8.23047L3.12305 8.23047Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M0.710938 3.06641L8.28752 3.06641V5.81988L0.710937 5.81988L0.710938 3.06641Z",
-          fill: color
+          fill: "currentColor"
         }
       ),
       /* @__PURE__ */ jsx(
         "path",
         {
           d: "M0.710938 3.06641L8.28752 3.06641V5.81988L0.710937 5.81988L0.710938 3.06641Z",
-          fill: color
+          fill: "currentColor"
         }
       )
     ]
   }
 );
 var plus_default = PlusIcon;
-var PowerIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var PowerIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 31 30",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_654_8292)", children: [
@@ -1646,14 +1510,14 @@ var PowerIcon = ({
           "path",
           {
             d: "M15.59 5.06201H15.418C15.0596 5.06201 14.769 5.34317 14.769 5.69001V14.9737C14.769 15.3206 15.0596 15.6017 15.418 15.6017H15.59C15.9484 15.6017 16.2389 15.3206 16.2389 14.9737V5.69001C16.2389 5.34317 15.9484 5.06201 15.59 5.06201Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M19.2176 7.18043C18.8501 7.02911 18.4201 7.19556 18.2637 7.55118C18.1073 7.90679 18.2793 8.32293 18.6468 8.47425C21.6491 9.70754 23.5959 12.5373 23.5959 15.6924C23.5959 20.0127 19.9603 23.531 15.496 23.531C11.0317 23.531 7.39612 20.0127 7.39612 15.6924C7.39612 12.56 9.31163 9.73781 12.2826 8.49695C12.6501 8.34563 12.8221 7.92949 12.6579 7.57387C12.5015 7.21826 12.0715 7.05181 11.7041 7.2107C8.20142 8.67854 5.94189 12.0077 5.94189 15.7C5.94189 20.7996 10.2264 24.9459 15.496 24.9459C20.7656 24.9459 25.0501 20.7996 25.0501 15.7C25.0501 11.9774 22.7593 8.63314 19.2176 7.18043Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -1661,46 +1525,36 @@ var PowerIcon = ({
     ]
   }
 );
-var QuestionIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var QuestionIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10 14",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
         d: "M6.14532 9.06808H2.87018V8.73491C2.87018 8.16272 2.93412 7.70642 3.062 7.35152C3.18988 6.99662 3.3746 6.67069 3.62325 6.38098C3.87191 6.09126 4.43316 5.56977 5.307 4.831C5.77589 4.44713 6.00323 4.09223 6.00323 3.7663C6.00323 3.44037 5.91087 3.19411 5.72616 3.01304C5.54144 2.83197 5.25727 2.74505 4.87363 2.74505C4.46868 2.74505 4.12766 2.88267 3.8577 3.1579C3.58773 3.43312 3.41722 3.91115 3.34618 4.59923L0 4.17914C0.113671 2.92612 0.561248 1.91212 1.34273 1.15162C2.12422 0.383873 3.31776 0 4.93046 0C6.18084 0 7.19677 0.267987 7.96405 0.796717C9.0084 1.521 9.53412 2.47706 9.53412 3.67938C9.53412 4.17914 9.39914 4.65717 9.12917 5.12072C8.85921 5.58426 8.30506 6.1492 7.47384 6.81555C6.89128 7.28634 6.52896 7.66297 6.37266 7.94544C6.22347 8.22791 6.14532 8.5973 6.14532 9.06084V9.06808ZM2.75651 9.95896H6.26609V13.1169H2.75651V9.95896Z",
-        fill: color
+        fill: "currentColor"
       }
     )
   }
 );
-var RoleIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var RoleIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 30 31",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_8249_21508)", children: [
@@ -1708,56 +1562,51 @@ var RoleIcon = ({
           "path",
           {
             d: "M28.1017 30.1367H1.89833C0.852141 30.1367 0 29.2846 0 28.2384V2.03505C0 0.98886 0.852141 0.136719 1.89833 0.136719H28.1017C29.1479 0.136719 30 0.98886 30 2.03505V28.2384C30 29.2846 29.1479 30.1367 28.1017 30.1367ZM2.10926 28.0275H27.8907V2.24598H2.10926V28.0275Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M8.63326 12.0173C8.90535 12.1649 9.20276 12.167 9.49172 12.0552L13.1471 8.87026C13.493 8.38092 13.0058 7.70595 12.3624 7.72704C12.2612 7.73126 12.1325 7.77345 12.0292 7.79454L9.1226 10.2582C8.97074 10.2814 8.11438 9.29844 7.75791 9.21618C6.88679 9.0158 6.22237 9.77303 6.78976 10.4164C6.98381 10.6357 8.416 11.9013 8.63536 12.0194L8.63326 12.0173Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M8.63326 22.4313C8.90535 22.579 9.20276 22.5811 9.49172 22.4693L13.1471 19.2843C13.493 18.795 13.0058 18.12 12.3624 18.1411C12.2612 18.1453 12.1325 18.1875 12.0292 18.2086L9.1226 20.6722C8.97074 20.6954 8.11438 19.7125 7.75791 19.6302C6.88679 19.4299 6.22237 20.1871 6.78976 20.8304C6.98381 21.0498 8.416 22.3153 8.63536 22.4335L8.63326 22.4313Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M22.5775 9.00586H15.3322C14.8663 9.00586 14.4885 9.3836 14.4885 9.84956V10.5688C14.4885 11.0348 14.8663 11.4125 15.3322 11.4125H22.5775C23.0435 11.4125 23.4212 11.0348 23.4212 10.5688V9.84956C23.4212 9.3836 23.0435 9.00586 22.5775 9.00586Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M22.5775 19.2715H15.3322C14.8663 19.2715 14.4885 19.6492 14.4885 20.1152V20.8344C14.4885 21.3004 14.8663 21.6781 15.3322 21.6781H22.5775C23.0435 21.6781 23.4212 21.3004 23.4212 20.8344V20.1152C23.4212 19.6492 23.0435 19.2715 22.5775 19.2715Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M22.5775 14.1387H15.3322C14.8663 14.1387 14.4885 14.5164 14.4885 14.9824V15.7016C14.4885 16.1676 14.8663 16.5453 15.3322 16.5453H22.5775C23.0435 16.5453 23.4212 16.1676 23.4212 15.7016V14.9824C23.4212 14.5164 23.0435 14.1387 22.5775 14.1387Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_8249_21508", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "30", fill: color, transform: "translate(0 0.136719)" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_8249_21508", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "30", fill: "currentColor", transform: "translate(0 0.136719)" }) }) })
     ]
   }
 );
 var role_default = RoleIcon;
-var SuiSettingIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiSettingIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1766,7 +1615,7 @@ var SuiSettingIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsx(
@@ -1787,21 +1636,16 @@ var SuiSettingIcon = ({
   }
 );
 var setting_default = SuiSettingIcon;
-var SetupIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SetupIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 19 19",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_299_1775)", children: [
@@ -1809,50 +1653,50 @@ var SetupIcon = ({
           "path",
           {
             d: "M16.1936 8.73725H16.7593V1.32331C16.7593 1.29268 16.4991 0.859674 16.4411 0.801198C16.2714 0.629946 15.9066 0.478882 15.6634 0.453125L1.3584 0.501159C0.938418 0.608365 0.522675 1.09845 0.496515 1.53215L0.545301 13.8762C0.574289 14.1999 1.24598 14.7241 1.52244 14.7241H7.95656C8.1213 14.5849 8.1213 14.2368 7.95656 14.0976H1.45173C1.19861 14.0976 1.07417 13.4307 1.06003 13.2302C0.789939 9.56288 1.27073 5.57815 1.06003 1.87744C1.07346 1.50848 1.21912 1.06852 1.6589 1.07478L15.5955 1.07618C15.8281 0.992638 16.1929 1.36438 16.1929 1.53215V8.73725H16.1936Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M9.74963 12.3481C9.43924 12.4275 8.71169 12.1755 8.62967 12.6029C8.58654 12.8306 8.60563 14.4728 8.6926 14.6085C8.82694 14.818 9.51206 14.6774 9.74751 14.7359C9.77155 14.7505 9.9568 15.2128 9.9575 15.2601C9.96033 15.5024 9.24622 15.7899 9.34449 16.1365C9.37207 16.234 10.7006 17.5379 10.7989 17.5664C11.1871 17.6806 11.4105 17.1432 11.7018 16.9719L12.2236 17.1703L12.3494 18.2111C12.4767 18.3002 14.3362 18.3169 14.496 18.2403C14.5823 18.1992 14.6184 18.1171 14.6353 18.0294C14.747 17.4404 14.3638 17.187 15.2391 16.9719C15.5425 17.1501 15.7758 17.7328 16.1915 17.5428C16.2827 17.501 17.5696 16.2312 17.5971 16.1365C17.694 15.7947 17.0414 15.5379 16.9799 15.3019C16.9622 15.2336 17.1057 14.8431 17.1475 14.7944C17.3461 14.5577 18.1642 15.0011 18.2992 14.3969C18.3516 14.1651 18.3459 12.6899 18.2625 12.5138C18.1182 12.2089 17.4833 12.4289 17.1948 12.3467C16.6766 11.5872 17.3886 11.6095 17.6028 11.0011C17.6028 10.7386 16.3718 9.6262 16.0713 9.44381C15.4513 9.67354 15.4718 10.3732 14.6502 9.84131L14.629 8.9224C14.537 8.65577 12.6719 8.68153 12.4251 8.82215C12.0914 9.0115 12.3134 9.5531 12.2024 9.85593C12.1847 9.88099 11.805 10.0453 11.7569 10.0515C11.3709 10.1045 11.209 9.20503 10.6829 9.54405C10.5486 9.63038 9.3756 10.7881 9.34803 10.8779C9.23066 11.2628 9.78852 11.4856 9.96104 11.778L9.75034 12.3502L9.74963 12.3481ZM12.8705 9.36375H14.0725C14.1171 9.6979 13.9297 10.1149 14.2592 10.3286C14.3214 10.369 15.2533 10.7505 15.3105 10.7512C15.6103 10.7519 15.9158 10.1762 16.0784 10.204L16.8328 10.9997L16.2665 11.6938C16.4369 11.9339 16.6327 12.8278 16.8795 12.9002L17.6792 12.9134V14.0968C17.344 14.1268 16.8823 13.9715 16.6737 14.3252C16.6306 14.3983 16.2707 15.2622 16.2707 15.3158C16.27 15.5755 16.6907 15.8142 16.8265 16.021L16.0183 16.88C15.8373 16.754 15.5821 16.351 15.3777 16.3224C15.3014 16.312 14.3002 16.6552 14.2182 16.7109C13.9516 16.8919 14.1149 17.3639 14.0732 17.6472H12.8712C12.8444 17.407 12.9554 16.9002 12.7503 16.738C12.6655 16.6712 11.6629 16.3085 11.5667 16.3224C11.3624 16.351 11.1079 16.754 10.9262 16.88L10.118 16.021L10.6518 15.3151C10.234 14.5549 10.4291 13.8915 9.2646 14.0968V12.9134C10.393 13.1229 10.3054 12.4908 10.6511 11.6938L10.0438 10.999L10.9163 10.2033C11.1263 10.3363 11.3688 10.7512 11.6325 10.7505C11.7492 10.7505 12.8168 10.2792 12.8564 10.1504L12.8698 9.36306L12.8705 9.36375Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsx("path", { d: "M1.69927 2.82007H15.5574V3.4466H1.69927V2.82007Z", fill: color }),
+        /* @__PURE__ */ jsx("path", { d: "M1.69927 2.82007H15.5574V3.4466H1.69927V2.82007Z", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M1.78769 7.81547C1.92769 7.87116 2.07617 7.89274 2.22748 7.90458C3.06391 7.96793 4.5876 7.97976 5.41484 7.90458C5.8221 7.86768 5.90836 7.77718 5.94512 7.38247C6.0031 6.75942 6.01512 5.34276 5.943 4.73294C5.93028 4.62364 5.91684 4.506 5.83482 4.42176C5.64746 4.23102 4.50841 4.24703 4.2164 4.2881C3.71652 4.35772 3.60268 4.81926 3.34673 4.89375C2.81574 5.04899 1.76578 4.5777 1.69578 5.28707C1.64063 5.84677 1.65477 6.88124 1.69719 7.45208C1.70639 7.57809 1.70851 7.70896 1.7884 7.81547H1.78769ZM2.33566 5.5349H3.43158C3.68258 5.5349 4.1563 4.90837 4.20933 4.90837H5.30525V7.27526H2.33566V5.5349Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M1.78701 9.72855C1.70711 9.83715 1.70782 9.96455 1.69651 10.0919C1.64914 10.6461 1.64984 11.6318 1.69651 12.1866C1.72903 12.5758 1.76438 12.6064 2.15609 12.6391C3.02858 12.7108 4.61236 12.7101 5.48557 12.6391C5.88081 12.6071 5.91192 12.5723 5.94515 12.1866C6.00312 11.5002 6.00737 10.2179 5.94515 9.53502C5.93101 9.38048 5.92888 9.2315 5.80091 9.12012L4.06935 9.0874C3.81623 9.13474 3.61897 9.56914 3.41675 9.62831C3.06959 9.72994 1.997 9.5211 1.7863 9.72855H1.78701ZM2.33568 10.2688H3.57301L4.28005 9.64223H5.30527V12.0091H2.33568V10.2688Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M6.59485 4.9948C6.51495 5.1034 6.51566 5.2308 6.50434 5.35819C6.47536 5.69861 6.46263 7.46821 6.55949 7.67635C6.65636 7.8845 6.83807 7.88729 7.03392 7.90539C7.86046 7.97987 9.38485 7.96804 10.2213 7.90539C10.3337 7.89703 10.6243 7.87197 10.6844 7.78843C10.7367 7.68262 10.7431 7.56915 10.7516 7.45289C10.8004 6.78947 10.8371 5.28649 10.7516 4.66205C10.6802 4.14063 9.52131 4.22904 9.09284 4.28891C8.59296 4.35853 8.47912 4.82007 8.22317 4.89456C7.87601 4.9962 6.80342 4.78735 6.59272 4.9948H6.59485ZM7.14351 5.53501H8.31014C8.56114 5.53501 9.03486 4.90848 9.08789 4.90848H10.1838V7.27537H7.14351V5.53501Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M15.5574 4.45596C15.481 4.21927 14.0924 4.25338 13.8421 4.29863C13.4157 4.37451 13.2687 4.82561 13.0332 4.89453C12.6981 4.99268 11.5647 4.75808 11.4212 5.04768C11.3596 5.17229 11.3504 7.3199 11.3823 7.59279C11.4162 7.88238 11.5894 7.88308 11.8426 7.90536C12.662 7.97706 14.2847 7.97915 15.1013 7.90536C15.2845 7.88865 15.4301 7.8796 15.5574 7.72784V4.45596ZM11.9514 5.53498H13.1181C13.3691 5.53498 13.8428 4.90845 13.8958 4.90845H14.9917V7.27535H11.9514V5.53498Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M8.80513 9.08541C8.69483 9.11604 8.39434 9.57828 8.22535 9.62841C7.81597 9.74814 6.76035 9.43836 6.55955 9.86788C6.46693 10.067 6.47188 11.9313 6.50723 12.2543C6.52279 12.3935 6.57864 12.6358 6.7547 12.6358H8.06273L7.99627 12.0399L7.14357 12.0092V10.2689H8.3809C8.54918 10.2689 8.92674 9.70777 9.1028 9.65625C9.25835 9.611 9.80277 9.67018 9.83105 9.64233V9.08472H8.80513V9.08541Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx("path", { d: "M14.9918 1.63647H15.5581V2.2637H14.9918V1.63647Z", fill: "white" }),
@@ -1914,12 +1758,7 @@ var SetupIcon = ({
     ]
   }
 );
-var ToolBoxIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var ToolBoxIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 128 128",
@@ -1928,7 +1767,7 @@ var ToolBoxIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_10094_215896)", children: [
@@ -1936,14 +1775,14 @@ var ToolBoxIcon = ({
           "path",
           {
             d: "M96 85.3333H85.3333V80H42.6666V85.3333H32V80H10.6666V106.667H117.333V80H96V85.3333Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M106.667 42.6668H90.6666V32.0002C90.6666 26.1335 85.8666 21.3335 80 21.3335H48C42.1333 21.3335 37.3333 26.1335 37.3333 32.0002V42.6668H21.3333C15.4666 42.6668 10.6666 47.4668 10.6666 53.3335V74.6668H32V64.0002H42.6666V74.6668H85.3333V64.0002H96V74.6668H117.333V53.3335C117.333 47.4668 112.533 42.6668 106.667 42.6668ZM80 42.6668H48V32.0002H80V42.6668Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -1951,12 +1790,7 @@ var ToolBoxIcon = ({
     ]
   }
 );
-var TrashIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var TrashIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 17 15",
@@ -1965,7 +1799,7 @@ var TrashIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_336_302483)", children: [
@@ -1973,28 +1807,28 @@ var TrashIcon = ({
           "path",
           {
             d: "M3.49371 2.12043C3.38318 1.44249 3.66212 0.708651 4.43068 0.529533C4.94459 0.409578 7.77168 0.42749 8.38456 0.492081C9.25207 0.583811 9.64966 1.36813 9.5125 2.12097C10.3748 2.22627 11.9484 1.85067 12.6087 2.44664C13.1053 2.89498 13.1452 3.75638 12.64 4.21232C12.2707 4.54558 12.1422 4.28179 12.0664 4.92282C11.7412 7.68938 11.6509 10.4907 11.3494 13.2605C11.2452 13.9135 10.7718 14.3401 10.0646 14.3895C7.73175 14.5534 5.1836 14.2619 2.8276 14.3873C2.09203 14.2587 1.75116 13.8364 1.64178 13.1655L0.878435 4.54558C0.710025 4.38221 0.481427 4.33281 0.310702 4.15532C-0.221151 3.60006 -0.0434807 2.66593 0.639999 2.29358C0.702502 2.25938 0.998811 2.12043 1.03411 2.12043H3.49371ZM4.30394 2.12043H8.70228C8.71964 1.8333 8.70691 1.36813 8.32321 1.30951C7.19122 1.38116 5.90586 1.20367 4.79238 1.30246C4.28831 1.34696 4.29815 1.71931 4.30394 2.12043ZM12.0415 3.0589C12.0172 3.03068 11.8812 2.9574 11.8419 2.94926L1.26329 2.93243C0.749379 2.95794 0.749379 3.72598 1.26329 3.75149H11.7429C12.1029 3.75312 12.2429 3.29338 12.0415 3.0589ZM11.2487 4.56295H1.75753L2.51508 13.1612C2.5608 13.4597 2.68754 13.5498 2.9989 13.5759C5.22817 13.762 7.7468 13.4293 10.0073 13.5759L10.3823 13.4391L11.2487 4.56295Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M4.22952 5.50209C4.41761 5.72137 4.34006 6.27067 4.36263 6.54477C4.51599 8.36961 4.73649 10.3719 4.77121 12.1892C4.78568 12.9404 3.98125 12.8953 3.90254 12.4047C3.84698 10.417 3.54836 8.42443 3.49164 6.43947C3.48586 6.23159 3.45576 5.67469 3.54894 5.52542C3.66411 5.34088 4.08426 5.33274 4.22952 5.50263V5.50209Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M9.43711 5.50146C9.55575 5.63933 9.52045 6.22879 9.51466 6.43776C9.45852 8.42272 9.15932 10.4153 9.10376 12.4029C9.02447 12.8936 8.21946 12.9381 8.23509 12.1875C8.27213 10.3681 8.48973 8.37007 8.64367 6.54306C8.67492 6.17234 8.50941 5.28598 9.18941 5.37771C9.24497 5.38531 9.40412 5.46238 9.43711 5.50092V5.50146Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M6.83313 5.50252C6.90547 5.58611 6.90142 5.68218 6.91068 5.78314C7.10224 7.89891 6.76253 10.266 6.90837 12.4083C6.88985 12.8822 6.11551 12.8806 6.09814 12.4083L6.15312 5.52478C6.31575 5.34783 6.6734 5.31689 6.83313 5.50252Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -2003,12 +1837,7 @@ var TrashIcon = ({
   }
 );
 var trash_default = TrashIcon;
-var SuiTriangleDownIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsx(
+var SuiTriangleDownIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2017,27 +1846,22 @@ var SuiTriangleDownIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "m0 0 11.994 15L24 0z" })
   }
 );
 var triangle_down_default = SuiTriangleDownIcon;
-var UserAloneIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var UserAloneIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 16 18",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_2001_145027)", children: [
@@ -2045,14 +1869,14 @@ var UserAloneIcon = ({
           "path",
           {
             d: "M15.6777 17.4958C15.5882 17.5711 15.3981 17.6249 15.2751 17.6249H0.545811C0.310948 17.5819 0.143189 17.3128 0.109638 17.0976C0.0201661 16.3551 0.0649018 14.5473 0.255029 13.8263C0.691202 12.1368 2.31287 10.8132 4.13585 10.6948C6.66342 10.5334 9.35875 10.8239 11.8975 10.6948C15.3869 11.136 16.2145 14.063 15.8566 17.0438C15.8454 17.173 15.7671 17.4097 15.6665 17.4958H15.6777Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M7.40161 0.396418C11.1147 0.0305414 13.6982 3.70007 11.7969 6.82078C9.89563 9.94149 5.26548 9.50029 3.87867 6.27196C2.79383 3.74311 4.52734 0.686967 7.40161 0.396418Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -2061,22 +1885,17 @@ var UserAloneIcon = ({
   }
 );
 var user_alone_default = UserAloneIcon;
-var UserFriendIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var UserFriendIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 17 15",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: color,
+    fill: "currentColor",
     preserveAspectRatio: "xMidYMid meet",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3678_200811)", children: [
@@ -2084,42 +1903,42 @@ var UserFriendIcon = ({
           "path",
           {
             d: "M7.4394 7.51422C8.61928 7.38916 10.0254 7.55139 11.2183 7.54802C12.2462 7.76433 13.0834 8.73098 13.161 9.83283C13.2839 11.5938 13.064 13.5135 13.161 15.2947C13.1384 15.4874 12.9962 15.6395 12.8313 15.7105L5.74231 15.7274C5.50956 15.7172 5.30591 15.5009 5.29621 15.2609C5.39319 13.4933 5.17338 11.587 5.29621 9.83283C5.37703 8.67014 6.32417 7.63251 7.4394 7.51084V7.51422Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M8.92617 0.740824C11.315 0.507611 12.9895 3.18111 11.7547 5.35777C10.6071 7.37557 7.79155 7.35867 6.67955 5.31383C5.63867 3.40081 6.83148 0.946998 8.92617 0.740824Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M2.04411 15.7226C1.31355 15.6314 0.815737 14.9588 0.770481 14.2219C0.71876 13.3668 0.715527 12.0656 0.770481 11.2138C0.831899 10.2844 1.41053 9.40896 2.22513 9.04055C2.94276 8.71608 3.74443 8.83776 4.50408 8.8141C4.41357 9.20955 4.32629 9.59485 4.30366 10.0038C4.21638 11.7039 4.37155 13.4817 4.30366 15.1886L4.40387 15.7226H2.04087H2.04411Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M14.0531 15.7236L14.1533 15.1895C14.0854 13.4827 14.2406 11.7049 14.1533 10.0048C14.1339 9.5958 14.0434 9.21049 13.9529 8.81504C14.7125 8.8387 15.5142 8.71365 16.2318 9.0415C17.0497 9.41329 17.6283 10.2887 17.6865 11.2148C17.7414 12.0665 17.7414 13.3678 17.6865 14.2229C17.6445 14.8887 17.1079 15.7236 16.4129 15.7236H14.0499H14.0531Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M3.77045 3.60682C6.00737 3.34318 7.16139 6.2161 5.44491 7.67284C3.89975 8.98424 1.64019 7.61876 1.8988 5.55364C2.0184 4.58361 2.833 3.71835 3.77045 3.60682Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M14.0789 3.60555C16.5033 3.31826 17.528 6.61366 15.5044 7.86085C13.788 8.91875 11.7321 7.22542 12.2848 5.22114C12.5111 4.39983 13.2546 3.70357 14.0789 3.60555Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
@@ -2128,21 +1947,16 @@ var UserFriendIcon = ({
   }
 );
 var user_friend_default = UserFriendIcon;
-var UserIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var UserIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     viewBox: "0 0 31 31",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: color,
+    fill: "currentColor",
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_6640_79285)", children: [
@@ -2150,28 +1964,23 @@ var UserIcon = ({
           "path",
           {
             d: "M15.5 0.832031C7.22905 0.832031 0.5 7.56108 0.5 15.832C0.5 24.103 7.22905 30.832 15.5 30.832C23.7709 30.832 30.5 24.103 30.5 15.832C30.5 7.56108 23.7709 0.832031 15.5 0.832031ZM15.5 28.7053C8.40089 28.7053 2.62675 22.9311 2.62675 15.832C2.62675 8.73292 8.40089 2.95879 15.5 2.95879C22.5991 2.95879 28.3732 8.73292 28.3732 15.832C28.3732 22.9311 22.5991 28.7053 15.5 28.7053Z",
-            fill: color
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M19.5281 15.6953C20.483 14.7489 21.0742 13.4389 21.0742 11.9905C21.0742 9.11304 18.7327 6.77148 15.8552 6.77148C12.9777 6.77148 10.6361 9.11304 10.6361 11.9905C10.6361 13.5154 11.2933 14.8893 12.3397 15.8442C9.37922 17.2543 7.3269 20.2764 7.3269 23.7685C7.3269 24.3555 7.8033 24.8319 8.39028 24.8319C8.97727 24.8319 9.45366 24.3555 9.45366 23.7685C9.45366 20.3848 11.9973 17.586 15.2725 17.1756C15.4639 17.1968 15.6595 17.2096 15.8552 17.2096C16.1274 17.2096 16.3954 17.1883 16.657 17.1479C20.0619 17.4329 22.7459 20.2913 22.7459 23.7685C22.7459 24.3555 23.2223 24.8319 23.8093 24.8319C24.3962 24.8319 24.8726 24.3555 24.8726 23.7685C24.8726 20.1466 22.6672 17.0331 19.5302 15.6953H19.5281ZM12.7629 11.9905C12.7629 10.2849 14.1495 8.89824 15.8552 8.89824C17.5608 8.89824 18.9475 10.2849 18.9475 11.9905C18.9475 13.4644 17.9096 14.6979 16.5272 15.0063C16.3848 14.9999 16.2423 14.9956 16.0976 14.9956C15.8339 14.9956 15.5723 15.0084 15.315 15.0318C13.8667 14.7766 12.7608 13.5112 12.7608 11.9884L12.7629 11.9905Z",
-            fill: color
+            fill: "currentColor"
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_6640_79285", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "30", fill: color, transform: "translate(0.5 0.832031)" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_6640_79285", children: /* @__PURE__ */ jsx("rect", { width: "30", height: "30", fill: "currentColor", transform: "translate(0.5 0.832031)" }) }) })
     ]
   }
 );
 var user_default = UserIcon;
-var SuiWarningIcon = ({
-  size = 24,
-  color = "currentColor",
-  className = "",
-  ...props
-}) => /* @__PURE__ */ jsxs(
+var SuiWarningIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2180,7 +1989,7 @@ var SuiWarningIcon = ({
     width: size,
     height: size,
     className,
-    color,
+    "aria-hidden": true,
     ...props,
     children: [
       /* @__PURE__ */ jsxs("g", { clipPath: "url(#warning_svg__a)", children: [
@@ -2199,7 +2008,7 @@ var SuiWarningIcon = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "warning_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "warning_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
     ]
   }
 );
@@ -4828,9 +4637,10 @@ var CheckboxBuilder = class {
 
 // src/components/advanceSearch/builder/helper.ts
 var helper = (prismaFilter, options) => {
+  const lookup = options?.lookupFieldName ? options.lookupFieldName : "value";
   return options?.multiTableSearch ? {
     some: {
-      value: { ...prismaFilter, ...options?.insensitive ? { mode: "insensitive" } : void 0 }
+      [lookup]: { ...prismaFilter, ...options?.insensitive ? { mode: "insensitive" } : void 0 }
     }
   } : { ...prismaFilter, ...options?.insensitive ? { mode: "insensitive" } : void 0 };
 };
@@ -4860,12 +4670,16 @@ var DatetimeBuilder = class {
       dayStart.setHours(0, 0, 0, 0);
       const dayEnd = new Date(baseDate);
       dayEnd.setHours(23, 59, 59, 999);
+      const sharedOptions = {
+        multiTableSearch: row.multiTableSearch,
+        lookupFieldName: row.lookupFieldName
+      };
       switch (row.operator) {
         case "on":
           return {
             [row.fieldName]: helper(
               { gte: dayStart.toISOString(), lt: dayEnd.toISOString() },
-              { multiTableSearch: row.multiTableSearch }
+              sharedOptions
             )
           };
         case "after":
@@ -4873,15 +4687,12 @@ var DatetimeBuilder = class {
             [row.fieldName]: helper(
               { gte: dayEnd.toISOString() },
               // use end of the day time
-              { multiTableSearch: row.multiTableSearch }
+              sharedOptions
             )
           };
         case "before":
           return {
-            [row.fieldName]: helper(
-              { lt: dayStart.toISOString() },
-              { multiTableSearch: row.multiTableSearch }
-            )
+            [row.fieldName]: helper({ lt: dayStart.toISOString() }, sharedOptions)
           };
         case "between": {
           const normalized = normalizeBetween(row.value, row.value2);
@@ -4889,7 +4700,7 @@ var DatetimeBuilder = class {
           return {
             [row.fieldName]: helper(
               { gte: normalized.min.toISOString(), lt: normalized.max.toISOString() },
-              { multiTableSearch: row.multiTableSearch }
+              sharedOptions
             )
           };
         }
@@ -4916,7 +4727,10 @@ var DateMonthBuilder = class {
       return {};
     }
     const month = parseMonth(row.value);
-    const sharedOptions = { multiTableSearch: row.multiTableSearch };
+    const sharedOptions = {
+      multiTableSearch: row.multiTableSearch,
+      lookupFieldName: row.lookupFieldName
+    };
     switch (row.operator) {
       case "on": {
         if (!month) return {};
@@ -5024,40 +4838,36 @@ var LookupBuilder = class {
 var NumberBuilder = class {
   build(row) {
     const value = Number(row.value);
+    const sharedOptions = {
+      multiTableSearch: row.multiTableSearch,
+      lookupFieldName: row.lookupFieldName
+    };
     switch (row.operator) {
       case "gt":
         return {
-          [row.fieldName]: helper({ gt: value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ gt: value }, sharedOptions)
         };
       case "gte":
         return {
-          [row.fieldName]: helper({ gte: value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ gte: value }, sharedOptions)
         };
       case "lt":
         return {
-          [row.fieldName]: helper({ lt: value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ lt: value }, sharedOptions)
         };
       case "lte":
         return {
-          [row.fieldName]: helper({ lte: value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ lte: value }, sharedOptions)
         };
       case "equals":
         return {
-          [row.fieldName]: helper(
-            { equals: value },
-            {
-              multiTableSearch: row.multiTableSearch
-            }
-          )
+          [row.fieldName]: helper({ equals: value }, sharedOptions)
         };
       case "notEquals":
         return {
-          [row.fieldName]: helper(
-            { not: value },
-            {
-              multiTableSearch: row.multiTableSearch
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper({ equals: value }, sharedOptions)
+          }
         };
       default:
         return {};
@@ -5068,13 +4878,17 @@ var NumberBuilder = class {
 // src/components/advanceSearch/builder/text.ts
 var TextBuilder = class {
   build(row) {
+    const sharedOptions = {
+      multiTableSearch: row.multiTableSearch,
+      lookupFieldName: row.lookupFieldName
+    };
     switch (row.operator) {
       case "contains":
         return {
           [row.fieldName]: helper(
             { contains: row.value },
             {
-              multiTableSearch: row.multiTableSearch,
+              ...sharedOptions,
               insensitive: true
             }
           )
@@ -5084,7 +4898,7 @@ var TextBuilder = class {
           [row.fieldName]: helper(
             { equals: row.value },
             {
-              multiTableSearch: row.multiTableSearch,
+              ...sharedOptions,
               insensitive: false
             }
           )
@@ -5094,7 +4908,7 @@ var TextBuilder = class {
           [row.fieldName]: helper(
             { startsWith: row.value },
             {
-              multiTableSearch: row.multiTableSearch,
+              ...sharedOptions,
               insensitive: true
             }
           )
@@ -5104,50 +4918,58 @@ var TextBuilder = class {
           [row.fieldName]: helper(
             { endsWith: row.value },
             {
-              multiTableSearch: row.multiTableSearch,
+              ...sharedOptions,
               insensitive: true
             }
           )
         };
       case "notEquals":
         return {
-          [row.fieldName]: helper(
-            { not: row.value },
-            {
-              multiTableSearch: row.multiTableSearch,
-              insensitive: false
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper(
+              { equals: row.value },
+              {
+                ...sharedOptions,
+                insensitive: false
+              }
+            )
+          }
         };
       case "notBeginsWith":
         return {
-          [row.fieldName]: helper(
-            { not: { startsWith: row.value } },
-            {
-              multiTableSearch: row.multiTableSearch,
-              insensitive: true
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper(
+              { startsWith: row.value },
+              {
+                ...sharedOptions,
+                insensitive: true
+              }
+            )
+          }
         };
       case "notEndsWith":
         return {
-          [row.fieldName]: helper(
-            { not: { endsWith: row.value } },
-            {
-              multiTableSearch: row.multiTableSearch,
-              insensitive: true
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper(
+              { endsWith: row.value },
+              {
+                ...sharedOptions,
+                insensitive: true
+              }
+            )
+          }
         };
       case "notContains":
         return {
-          [row.fieldName]: helper(
-            { not: { contains: row.value } },
-            {
-              multiTableSearch: row.multiTableSearch,
-              insensitive: true
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper(
+              { contains: row.value },
+              {
+                ...sharedOptions,
+                insensitive: true
+              }
+            )
+          }
         };
       default:
         return {};
@@ -5165,40 +4987,36 @@ var UUIDBuilder = class {
     if (!regex.test(row.value)) {
       return { [row.fieldName]: {} };
     }
+    const sharedOptions = {
+      multiTableSearch: row.multiTableSearch,
+      lookupFieldName: row.lookupFieldName
+    };
     switch (row.operator) {
       case "gt":
         return {
-          [row.fieldName]: helper({ gt: row.value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ gt: row.value }, sharedOptions)
         };
       case "gte":
         return {
-          [row.fieldName]: helper({ gte: row.value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ gte: row.value }, sharedOptions)
         };
       case "lt":
         return {
-          [row.fieldName]: helper({ lt: row.value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ lt: row.value }, sharedOptions)
         };
       case "lte":
         return {
-          [row.fieldName]: helper({ lte: row.value }, { multiTableSearch: row.multiTableSearch })
+          [row.fieldName]: helper({ lte: row.value }, sharedOptions)
         };
       case "equals":
         return {
-          [row.fieldName]: helper(
-            { equals: row.value },
-            {
-              multiTableSearch: row.multiTableSearch
-            }
-          )
+          [row.fieldName]: helper({ equals: row.value }, sharedOptions)
         };
       case "notEquals":
         return {
-          [row.fieldName]: helper(
-            { not: row.value },
-            {
-              multiTableSearch: row.multiTableSearch
-            }
-          )
+          NOT: {
+            [row.fieldName]: helper({ equals: row.value }, sharedOptions)
+          }
         };
       default:
         return {};
@@ -6415,7 +6233,7 @@ var DataTable = ({
               className: "flex flex-col h-full items-center justify-center text-sm py-4 gap-2",
               ["data-testid"]: "status-content-empty-data"
             },
-            defaultIcon: /* @__PURE__ */ jsx(empty_data_default, { className: "text-[128px]" })
+            defaultIcon: /* @__PURE__ */ jsx(empty_data_default, { size: 128 })
           }
         ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(Table, { ...components?.tableProps, children: [
@@ -6571,7 +6389,7 @@ var DataTable = ({
                 className: "flex flex-col h-[calc(100%-76px)] items-center justify-center text-sm py-4 gap-2",
                 ["data-testid"]: "status-content-empty-filtered-data"
               },
-              defaultIcon: /* @__PURE__ */ jsx(empty_data_default, { className: "text-[128px]" })
+              defaultIcon: /* @__PURE__ */ jsx(empty_data_default, { size: 128 })
             }
           ),
           activeStatusContentComputed === "fetchingMore" && /* @__PURE__ */ jsx(
@@ -11165,22 +10983,24 @@ var MainListContainer = ({
   );
 };
 var MainListContainer_default = MainListContainer;
-var InfoIcon = (props) => {
+var InfoIcon = ({ size = "1em", className, ...props }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      width: "20",
-      height: "20",
+      width: size,
+      height: size,
       viewBox: "0 0 20 20",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-hidden": true,
       ...props,
       children: [
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M10.0013 18.3327C14.6037 18.3327 18.3346 14.6017 18.3346 9.99935C18.3346 5.39698 14.6037 1.66602 10.0013 1.66602C5.39893 1.66602 1.66797 5.39698 1.66797 9.99935C1.66797 14.6017 5.39893 18.3327 10.0013 18.3327Z",
-            stroke: "white",
+            stroke: "currentColor",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -11190,7 +11010,7 @@ var InfoIcon = (props) => {
           "path",
           {
             d: "M10 13.3333V10",
-            stroke: "white",
+            stroke: "currentColor",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -11200,7 +11020,7 @@ var InfoIcon = (props) => {
           "path",
           {
             d: "M10 6.66602H10.0083",
-            stroke: "white",
+            stroke: "currentColor",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"