npm - @oxide/design-system - Versions diffs - 2.6.1--canary.5e36b0c.0 → 2.6.1--canary.2e8b315.0 - Mend

@oxide/design-system 2.6.1--canary.5e36b0c.0 → 2.6.1--canary.2e8b315.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/asciidoc.css +28 -26
package/dist/button.css +1 -1
package/dist/{chunk-YRJL4JLL.js → chunk-EZCJJGCD.js} +849 -661
package/dist/chunk-EZCJJGCD.js.map +1 -0
package/dist/components/src/index.js +11 -11
package/dist/components/src/index.js.map +1 -1
package/dist/icons/index.d.ts +18 -0
package/dist/icons/react/index.d.ts +201 -165
package/dist/icons/react/index.js +13 -1
package/dist/tabs.css +1 -1
package/icons/sprite.svg +1 -1
package/icons/svg/access-token-16.svg +1 -0
package/icons/svg/access-token-24.svg +1 -0
package/icons/svg/cpu-16.svg +1 -1
package/icons/svg/loader-12.svg +1 -1
package/icons/svg/new-window-16.svg +1 -1
package/icons/svg/sparkle-16.svg +1 -0
package/icons/svg/submit-16.svg +1 -0
package/icons/svg/webhooks-16.svg +1 -0
package/icons/svg/webhooks-24.svg +1 -0
package/package.json +1 -3
package/styles/dist/blue.css +643 -162
package/styles/dist/green.css +641 -162
package/styles/dist/main.css +855 -631
package/styles/dist/purple.css +643 -162
package/styles/dist/red.css +643 -162
package/styles/dist/tailwind-tokens.ts +2988 -0
package/styles/dist/yellow.css +641 -162
package/dist/chunk-YRJL4JLL.js.map +0 -1
package/styles/dist/tailwind.css +0 -51

package/dist/{chunk-YRJL4JLL.js → chunk-EZCJJGCD.js} RENAMED Viewed

@@ -30,9 +30,9 @@ var Access24Icon = ({
 );
 var Access24Icon_default = Access24Icon;
-// icons/react/Action24Icon.tsx
+// icons/react/AccessToken24Icon.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Action24Icon = ({
+var AccessToken24Icon = ({
   title,
   titleId,
   ...props
@@ -52,17 +52,17 @@ var Action24Icon = ({
         "path",
         {
           fill: "currentColor",
-          d: "M14 11h5.863a.5.5 0 0 1 .369.838l-9.363 10.215a.5.5 0 0 1-.869-.338V13H4.137a.5.5 0 0 1-.369-.838l9.363-10.214a.5.5 0 0 1 .869.337z"
+          d: "M4 15a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3l-.103-.005A1 1 0 0 1 2 21v-5a1 1 0 0 1 1-1zm17 0a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h3v-3a1 1 0 0 1 1-1zm-8.5-9a1 1 0 0 1 1 1v2.401l2.08-1.2a1 1 0 0 1 1.366.366l.5.866a1 1 0 0 1-.366 1.366L15 11.999l2.081 1.202a1 1 0 0 1 .366 1.366l-.5.866a1 1 0 0 1-1.366.366l-2.08-1.201V17a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-2.402l-2.08 1.2a1 1 0 0 1-1.366-.365l-.5-.866a1 1 0 0 1 .366-1.366L9 12l-2.08-1.2a1 1 0 0 1-.366-1.366l.5-.866a1 1 0 0 1 1.366-.366l2.08 1.2V7a1 1 0 0 1 1-1zM8 2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V5h-3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
         }
       )
     ]
   }
 );
-var Action24Icon_default = Action24Icon;
+var AccessToken24Icon_default = AccessToken24Icon;
-// icons/react/Affinity24Icon.tsx
+// icons/react/Action24Icon.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Affinity24Icon = ({
+var Action24Icon = ({
   title,
   titleId,
   ...props
@@ -79,6 +79,36 @@ var Affinity24Icon = ({
     children: [
       title ? /* @__PURE__ */ jsx3("title", { id: titleId, children: title }) : null,
       /* @__PURE__ */ jsx3(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M14 11h5.863a.5.5 0 0 1 .369.838l-9.363 10.215a.5.5 0 0 1-.869-.338V13H4.137a.5.5 0 0 1-.369-.838l9.363-10.214a.5.5 0 0 1 .869.337z"
+        }
+      )
+    ]
+  }
+);
+var Action24Icon_default = Action24Icon;
+// icons/react/Affinity24Icon.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Affinity24Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs4(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx4(
         "path",
         {
           fill: "currentColor",
@@ -93,12 +123,12 @@ var Affinity24Icon = ({
 var Affinity24Icon_default = Affinity24Icon;
 // icons/react/AddRoundel24Icon.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var AddRoundel24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs4(
+}) => /* @__PURE__ */ jsxs5(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -109,8 +139,8 @@ var AddRoundel24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx4(
+      title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx5(
         "path",
         {
           fill: "currentColor",
@@ -125,12 +155,12 @@ var AddRoundel24Icon = ({
 var AddRoundel24Icon_default = AddRoundel24Icon;
 // icons/react/Calendar24Icon.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Calendar24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs5(
+}) => /* @__PURE__ */ jsxs6(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -141,8 +171,8 @@ var Calendar24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx5(
+      title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx6(
         "path",
         {
           fill: "currentColor",
@@ -157,8 +187,8 @@ var Calendar24Icon = ({
 var Calendar24Icon_default = Calendar24Icon;
 // icons/react/Chat24Icon.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var Chat24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs6(
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var Chat24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs7(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -169,8 +199,8 @@ var Chat24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs6(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx6("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx6(
+      title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fill: "currentColor",
@@ -185,12 +215,12 @@ var Chat24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs6(
 var Chat24Icon_default = Chat24Icon;
 // icons/react/Clipboard24Icon.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var Clipboard24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs7(
+}) => /* @__PURE__ */ jsxs8(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -201,8 +231,8 @@ var Clipboard24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx7(
+      title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx8(
         "path",
         {
           fill: "currentColor",
@@ -217,8 +247,8 @@ var Clipboard24Icon = ({
 var Clipboard24Icon_default = Clipboard24Icon;
 // icons/react/Cloud24Icon.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var Cloud24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs8(
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var Cloud24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs9(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -229,8 +259,8 @@ var Cloud24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs8(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx8(
+      title ? /* @__PURE__ */ jsx9("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx9(
         "path",
         {
           fill: "currentColor",
@@ -245,12 +275,12 @@ var Cloud24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs8(
 var Cloud24Icon_default = Cloud24Icon;
 // icons/react/Compatibility24Icon.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var Compatibility24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs9(
+}) => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -261,8 +291,8 @@ var Compatibility24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx9("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx9(
+      title ? /* @__PURE__ */ jsx10("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx10(
         "path",
         {
           fill: "currentColor",
@@ -277,12 +307,12 @@ var Compatibility24Icon = ({
 var Compatibility24Icon_default = Compatibility24Icon;
 // icons/react/Contrast24Icon.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var Contrast24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs10(
+}) => /* @__PURE__ */ jsxs11(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -293,8 +323,8 @@ var Contrast24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx10("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx10(
+      title ? /* @__PURE__ */ jsx11("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx11(
         "path",
         {
           fill: "currentColor",
@@ -309,8 +339,8 @@ var Contrast24Icon = ({
 var Contrast24Icon_default = Contrast24Icon;
 // icons/react/Cpu24Icon.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var Cpu24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs11(
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var Cpu24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs12(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -321,8 +351,8 @@ var Cpu24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs11(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx11("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx11(
+      title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx12(
         "path",
         {
           fill: "currentColor",
@@ -337,12 +367,12 @@ var Cpu24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs11(
 var Cpu24Icon_default = Cpu24Icon;
 // icons/react/Delete24Icon.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var Delete24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs12(
+}) => /* @__PURE__ */ jsxs13(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -353,8 +383,8 @@ var Delete24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx12("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx12(
+      title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx13(
         "path",
         {
           fill: "currentColor",
@@ -369,12 +399,12 @@ var Delete24Icon = ({
 var Delete24Icon_default = Delete24Icon;
 // icons/react/Dislike24Icon.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var Dislike24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs13(
+}) => /* @__PURE__ */ jsxs14(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -385,8 +415,8 @@ var Dislike24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx13("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx13(
+      title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx14(
         "path",
         {
           fill: "currentColor",
@@ -401,12 +431,12 @@ var Dislike24Icon = ({
 var Dislike24Icon_default = Dislike24Icon;
 // icons/react/Document24Icon.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var Document24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs14(
+}) => /* @__PURE__ */ jsxs15(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -417,8 +447,8 @@ var Document24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx14("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx14(
+      title ? /* @__PURE__ */ jsx15("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx15(
         "path",
         {
           fill: "currentColor",
@@ -431,8 +461,8 @@ var Document24Icon = ({
 var Document24Icon_default = Document24Icon;
 // icons/react/Dots24Icon.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-var Dots24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs15(
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var Dots24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs16(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -443,8 +473,8 @@ var Dots24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs15(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx15("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx15(
+      title ? /* @__PURE__ */ jsx16("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx16(
         "path",
         {
           fill: "currentColor",
@@ -459,12 +489,12 @@ var Dots24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs15(
 var Dots24Icon_default = Dots24Icon;
 // icons/react/Download24Icon.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var Download24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs16(
+}) => /* @__PURE__ */ jsxs17(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -475,8 +505,8 @@ var Download24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx16("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx16(
+      title ? /* @__PURE__ */ jsx17("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx17(
         "path",
         {
           fill: "currentColor",
@@ -491,8 +521,8 @@ var Download24Icon = ({
 var Download24Icon_default = Download24Icon;
 // icons/react/Email24Icon.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
-var Email24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs17(
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var Email24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs18(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -503,8 +533,8 @@ var Email24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs17(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx17("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx17(
+      title ? /* @__PURE__ */ jsx18("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx18(
         "path",
         {
           fill: "currentColor",
@@ -519,8 +549,8 @@ var Email24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs17(
 var Email24Icon_default = Email24Icon;
 // icons/react/Error24Icon.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
-var Error24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs18(
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var Error24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs19(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -531,8 +561,8 @@ var Error24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs18(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx18("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx18(
+      title ? /* @__PURE__ */ jsx19("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx19(
         "path",
         {
           fill: "currentColor",
@@ -547,12 +577,12 @@ var Error24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs18(
 var Error24Icon_default = Error24Icon;
 // icons/react/Firewall24Icon.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var Firewall24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs19(
+}) => /* @__PURE__ */ jsxs20(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -563,8 +593,8 @@ var Firewall24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx19("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx19(
+      title ? /* @__PURE__ */ jsx20("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx20(
         "path",
         {
           fill: "currentColor",
@@ -579,12 +609,12 @@ var Firewall24Icon = ({
 var Firewall24Icon_default = Firewall24Icon;
 // icons/react/Folder24Icon.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var Folder24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs20(
+}) => /* @__PURE__ */ jsxs21(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -595,8 +625,8 @@ var Folder24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx20("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx20(
+      title ? /* @__PURE__ */ jsx21("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx21(
         "path",
         {
           fill: "currentColor",
@@ -611,12 +641,12 @@ var Folder24Icon = ({
 var Folder24Icon_default = Folder24Icon;
 // icons/react/Gateway24Icon.tsx
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var Gateway24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs21(
+}) => /* @__PURE__ */ jsxs22(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -627,8 +657,8 @@ var Gateway24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx21("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx21(
+      title ? /* @__PURE__ */ jsx22("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx22(
         "path",
         {
           fill: "currentColor",
@@ -643,8 +673,8 @@ var Gateway24Icon = ({
 var Gateway24Icon_default = Gateway24Icon;
 // icons/react/Heart24Icon.tsx
-import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
-var Heart24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs22(
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+var Heart24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs23(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -655,8 +685,8 @@ var Heart24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs22(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx22("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx22(
+      title ? /* @__PURE__ */ jsx23("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx23(
         "path",
         {
           fill: "currentColor",
@@ -669,8 +699,8 @@ var Heart24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs22(
 var Heart24Icon_default = Heart24Icon;
 // icons/react/Hide24Icon.tsx
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
-var Hide24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs23(
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var Hide24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs24(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -681,8 +711,8 @@ var Hide24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs23(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx23("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx23(
+      title ? /* @__PURE__ */ jsx24("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx24(
         "path",
         {
           fill: "currentColor",
@@ -697,12 +727,12 @@ var Hide24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs23(
 var Hide24Icon_default = Hide24Icon;
 // icons/react/Hourglass24Icon.tsx
-import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
 var Hourglass24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs24(
+}) => /* @__PURE__ */ jsxs25(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -713,8 +743,8 @@ var Hourglass24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx24("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx24(
+      title ? /* @__PURE__ */ jsx25("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx25(
         "path",
         {
           fill: "currentColor",
@@ -729,12 +759,12 @@ var Hourglass24Icon = ({
 var Hourglass24Icon_default = Hourglass24Icon;
 // icons/react/Images24Icon.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 var Images24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs25(
+}) => /* @__PURE__ */ jsxs26(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -745,8 +775,8 @@ var Images24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx25("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx25(
+      title ? /* @__PURE__ */ jsx26("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx26(
         "path",
         {
           fill: "currentColor",
@@ -761,8 +791,8 @@ var Images24Icon = ({
 var Images24Icon_default = Images24Icon;
 // icons/react/Info24Icon.tsx
-import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
-var Info24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs26(
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+var Info24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs27(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -773,8 +803,8 @@ var Info24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs26(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx26("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx26(
+      title ? /* @__PURE__ */ jsx27("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx27(
         "path",
         {
           fill: "currentColor",
@@ -789,12 +819,12 @@ var Info24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs26(
 var Info24Icon_default = Info24Icon;
 // icons/react/Instances24Icon.tsx
-import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 var Instances24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs27(
+}) => /* @__PURE__ */ jsxs28(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -805,8 +835,8 @@ var Instances24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx27("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx27(
+      title ? /* @__PURE__ */ jsx28("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx28(
         "path",
         {
           fill: "currentColor",
@@ -821,12 +851,12 @@ var Instances24Icon = ({
 var Instances24Icon_default = Instances24Icon;
 // icons/react/IpGlobal24Icon.tsx
-import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 var IpGlobal24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs28(
+}) => /* @__PURE__ */ jsxs29(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -837,8 +867,8 @@ var IpGlobal24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx28("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx28(
+      title ? /* @__PURE__ */ jsx29("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx29(
         "path",
         {
           fill: "currentColor",
@@ -853,12 +883,12 @@ var IpGlobal24Icon = ({
 var IpGlobal24Icon_default = IpGlobal24Icon;
 // icons/react/IpLocal24Icon.tsx
-import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
 var IpLocal24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs29(
+}) => /* @__PURE__ */ jsxs30(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -869,8 +899,8 @@ var IpLocal24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx29("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx29(
+      title ? /* @__PURE__ */ jsx30("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx30(
         "path",
         {
           fill: "currentColor",
@@ -885,12 +915,12 @@ var IpLocal24Icon = ({
 var IpLocal24Icon_default = IpLocal24Icon;
 // icons/react/Issues24Icon.tsx
-import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
 var Issues24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs30(
+}) => /* @__PURE__ */ jsxs31(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -901,8 +931,8 @@ var Issues24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx30("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx30(
+      title ? /* @__PURE__ */ jsx31("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx31(
         "path",
         {
           fill: "currentColor",
@@ -917,8 +947,8 @@ var Issues24Icon = ({
 var Issues24Icon_default = Issues24Icon;
 // icons/react/Key24Icon.tsx
-import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
-var Key24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs31(
+import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
+var Key24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs32(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -929,8 +959,8 @@ var Key24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs31(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx31("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx31(
+      title ? /* @__PURE__ */ jsx32("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx32(
         "path",
         {
           fill: "currentColor",
@@ -945,8 +975,8 @@ var Key24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs31(
 var Key24Icon_default = Key24Icon;
 // icons/react/Like24Icon.tsx
-import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
-var Like24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs32(
+import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
+var Like24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -957,8 +987,8 @@ var Like24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs32(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx32("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx32(
+      title ? /* @__PURE__ */ jsx33("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "currentColor",
@@ -973,12 +1003,12 @@ var Like24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs32(
 var Like24Icon_default = Like24Icon;
 // icons/react/LoadBalancer24Icon.tsx
-import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
 var LoadBalancer24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs33(
+}) => /* @__PURE__ */ jsxs34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -989,8 +1019,8 @@ var LoadBalancer24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx33("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx33(
+      title ? /* @__PURE__ */ jsx34("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx34(
         "path",
         {
           fill: "currentColor",
@@ -1005,12 +1035,12 @@ var LoadBalancer24Icon = ({
 var LoadBalancer24Icon_default = LoadBalancer24Icon;
 // icons/react/Location24Icon.tsx
-import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
 var Location24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs34(
+}) => /* @__PURE__ */ jsxs35(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1021,8 +1051,8 @@ var Location24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx34("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx34(
+      title ? /* @__PURE__ */ jsx35("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx35(
         "path",
         {
           fill: "currentColor",
@@ -1037,8 +1067,8 @@ var Location24Icon = ({
 var Location24Icon_default = Location24Icon;
 // icons/react/Logs24Icon.tsx
-import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
-var Logs24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs35(
+import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
+var Logs24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs36(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1049,8 +1079,8 @@ var Logs24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs35(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx35("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx35(
+      title ? /* @__PURE__ */ jsx36("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx36(
         "path",
         {
           fill: "currentColor",
@@ -1065,12 +1095,12 @@ var Logs24Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs35(
 var Logs24Icon_default = Logs24Icon;
 // icons/react/Metrics24Icon.tsx
-import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
 var Metrics24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs36(
+}) => /* @__PURE__ */ jsxs37(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1081,8 +1111,8 @@ var Metrics24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx36("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx36(
+      title ? /* @__PURE__ */ jsx37("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx37(
         "path",
         {
           fill: "currentColor",
@@ -1097,12 +1127,12 @@ var Metrics24Icon = ({
 var Metrics24Icon_default = Metrics24Icon;
 // icons/react/Monitoring24Icon.tsx
-import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
 var Monitoring24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs37(
+}) => /* @__PURE__ */ jsxs38(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1113,8 +1143,8 @@ var Monitoring24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx37("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx37(
+      title ? /* @__PURE__ */ jsx38("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx38(
         "path",
         {
           fill: "currentColor",
@@ -1129,12 +1159,12 @@ var Monitoring24Icon = ({
 var Monitoring24Icon_default = Monitoring24Icon;
 // icons/react/Networking24Icon.tsx
-import { jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
 var Networking24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs38(
+}) => /* @__PURE__ */ jsxs39(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1145,8 +1175,8 @@ var Networking24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx38("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx38(
+      title ? /* @__PURE__ */ jsx39("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx39(
         "path",
         {
           fill: "currentColor",
@@ -1161,12 +1191,12 @@ var Networking24Icon = ({
 var Networking24Icon_default = Networking24Icon;
 // icons/react/Organization24Icon.tsx
-import { jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs40 } from "react/jsx-runtime";
 var Organization24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs39(
+}) => /* @__PURE__ */ jsxs40(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1177,20 +1207,20 @@ var Organization24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx39("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx39("g", { fill: "currentColor", children: /* @__PURE__ */ jsx39("path", { d: "M9.918 12.707a1 1 0 0 0 0-1.414L6.52 7.895a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0zM22.293 12.707a1 1 0 0 0 0-1.414l-3.398-3.398a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0zM11.293 1.707a1 1 0 0 1 1.414 0l3.398 3.398a1 1 0 0 1 0 1.415l-3.398 3.398a1 1 0 0 1-1.414 0L7.895 6.52a1 1 0 0 1 0-1.415zM16.105 18.895a1 1 0 0 0 0-1.415l-3.398-3.398a1 1 0 0 0-1.414 0L7.895 17.48a1 1 0 0 0 0 1.415l3.398 3.398a1 1 0 0 0 1.414 0z" }) })
+      title ? /* @__PURE__ */ jsx40("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx40("g", { fill: "currentColor", children: /* @__PURE__ */ jsx40("path", { d: "M9.918 12.707a1 1 0 0 0 0-1.414L6.52 7.895a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0zM22.293 12.707a1 1 0 0 0 0-1.414l-3.398-3.398a1 1 0 0 0-1.415 0l-3.398 3.398a1 1 0 0 0 0 1.414l3.398 3.398a1 1 0 0 0 1.415 0zM11.293 1.707a1 1 0 0 1 1.414 0l3.398 3.398a1 1 0 0 1 0 1.415l-3.398 3.398a1 1 0 0 1-1.414 0L7.895 6.52a1 1 0 0 1 0-1.415zM16.105 18.895a1 1 0 0 0 0-1.415l-3.398-3.398a1 1 0 0 0-1.414 0L7.895 17.48a1 1 0 0 0 0 1.415l3.398 3.398a1 1 0 0 0 1.414 0z" }) })
     ]
   }
 );
 var Organization24Icon_default = Organization24Icon;
 // icons/react/Overview24Icon.tsx
-import { jsx as jsx40, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs41 } from "react/jsx-runtime";
 var Overview24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs40(
+}) => /* @__PURE__ */ jsxs41(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1201,8 +1231,8 @@ var Overview24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx40("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx40(
+      title ? /* @__PURE__ */ jsx41("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx41(
         "path",
         {
           fill: "currentColor",
@@ -1217,12 +1247,12 @@ var Overview24Icon = ({
 var Overview24Icon_default = Overview24Icon;
 // icons/react/Person24Icon.tsx
-import { jsx as jsx41, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs42 } from "react/jsx-runtime";
 var Person24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs41(
+}) => /* @__PURE__ */ jsxs42(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1233,8 +1263,8 @@ var Person24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx41("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx41(
+      title ? /* @__PURE__ */ jsx42("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx42(
         "path",
         {
           fill: "currentColor",
@@ -1249,12 +1279,12 @@ var Person24Icon = ({
 var Person24Icon_default = Person24Icon;
 // icons/react/PersonGroup24Icon.tsx
-import { jsx as jsx42, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
 var PersonGroup24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs42(
+}) => /* @__PURE__ */ jsxs43(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1265,8 +1295,8 @@ var PersonGroup24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx42("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx42(
+      title ? /* @__PURE__ */ jsx43("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx43(
         "path",
         {
           fill: "currentColor",
@@ -1281,12 +1311,12 @@ var PersonGroup24Icon = ({
 var PersonGroup24Icon_default = PersonGroup24Icon;
 // icons/react/Progress24Icon.tsx
-import { jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
 var Progress24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs43(
+}) => /* @__PURE__ */ jsxs44(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1297,8 +1327,8 @@ var Progress24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx43("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx43(
+      title ? /* @__PURE__ */ jsx44("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx44(
         "path",
         {
           fill: "currentColor",
@@ -1313,12 +1343,12 @@ var Progress24Icon = ({
 var Progress24Icon_default = Progress24Icon;
 // icons/react/Prohibited24Icon.tsx
-import { jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
 var Prohibited24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs44(
+}) => /* @__PURE__ */ jsxs45(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1329,8 +1359,8 @@ var Prohibited24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx44("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx44(
+      title ? /* @__PURE__ */ jsx45("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx45(
         "path",
         {
           fill: "currentColor",
@@ -1345,12 +1375,12 @@ var Prohibited24Icon = ({
 var Prohibited24Icon_default = Prohibited24Icon;
 // icons/react/Router24Icon.tsx
-import { jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs46 } from "react/jsx-runtime";
 var Router24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs45(
+}) => /* @__PURE__ */ jsxs46(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1361,8 +1391,8 @@ var Router24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx45("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx45(
+      title ? /* @__PURE__ */ jsx46("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx46(
         "path",
         {
           fill: "currentColor",
@@ -1377,12 +1407,12 @@ var Router24Icon = ({
 var Router24Icon_default = Router24Icon;
 // icons/react/Safety24Icon.tsx
-import { jsx as jsx46, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
 var Safety24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs46(
+}) => /* @__PURE__ */ jsxs47(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1393,8 +1423,8 @@ var Safety24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx46("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx46(
+      title ? /* @__PURE__ */ jsx47("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx47(
         "path",
         {
           fill: "currentColor",
@@ -1407,12 +1437,12 @@ var Safety24Icon = ({
 var Safety24Icon_default = Safety24Icon;
 // icons/react/Security24Icon.tsx
-import { jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
 var Security24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs47(
+}) => /* @__PURE__ */ jsxs48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1423,8 +1453,8 @@ var Security24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx47("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx47(
+      title ? /* @__PURE__ */ jsx48("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx48(
         "path",
         {
           fill: "currentColor",
@@ -1439,12 +1469,12 @@ var Security24Icon = ({
 var Security24Icon_default = Security24Icon;
 // icons/react/Servers24Icon.tsx
-import { jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs49 } from "react/jsx-runtime";
 var Servers24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs48(
+}) => /* @__PURE__ */ jsxs49(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1455,8 +1485,8 @@ var Servers24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx48("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx48(
+      title ? /* @__PURE__ */ jsx49("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx49(
         "path",
         {
           fill: "currentColor",
@@ -1471,12 +1501,12 @@ var Servers24Icon = ({
 var Servers24Icon_default = Servers24Icon;
 // icons/react/Settings24Icon.tsx
-import { jsx as jsx49, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
 var Settings24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs49(
+}) => /* @__PURE__ */ jsxs50(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1487,8 +1517,8 @@ var Settings24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx49("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx49(
+      title ? /* @__PURE__ */ jsx50("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx50(
         "path",
         {
           fill: "currentColor",
@@ -1503,12 +1533,12 @@ var Settings24Icon = ({
 var Settings24Icon_default = Settings24Icon;
 // icons/react/Snapshots24Icon.tsx
-import { jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
 var Snapshots24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs50(
+}) => /* @__PURE__ */ jsxs51(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1519,8 +1549,8 @@ var Snapshots24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx50("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx50(
+      title ? /* @__PURE__ */ jsx51("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx51(
         "path",
         {
           fill: "currentColor",
@@ -1535,12 +1565,12 @@ var Snapshots24Icon = ({
 var Snapshots24Icon_default = Snapshots24Icon;
 // icons/react/SoftwareUpdate24Icon.tsx
-import { jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
 var SoftwareUpdate24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs51(
+}) => /* @__PURE__ */ jsxs52(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1551,8 +1581,8 @@ var SoftwareUpdate24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx51("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx51(
+      title ? /* @__PURE__ */ jsx52("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx52(
         "path",
         {
           fill: "currentColor",
@@ -1567,12 +1597,12 @@ var SoftwareUpdate24Icon = ({
 var SoftwareUpdate24Icon_default = SoftwareUpdate24Icon;
 // icons/react/Speaker24Icon.tsx
-import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
 var Speaker24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs52(
+}) => /* @__PURE__ */ jsxs53(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1583,8 +1613,8 @@ var Speaker24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx52("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx52(
+      title ? /* @__PURE__ */ jsx53("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx53(
         "path",
         {
           fill: "currentColor",
@@ -1599,12 +1629,12 @@ var Speaker24Icon = ({
 var Speaker24Icon_default = Speaker24Icon;
 // icons/react/Storage24Icon.tsx
-import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
 var Storage24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs53(
+}) => /* @__PURE__ */ jsxs54(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1615,8 +1645,8 @@ var Storage24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx53("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx53(
+      title ? /* @__PURE__ */ jsx54("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx54(
         "path",
         {
           fill: "currentColor",
@@ -1629,12 +1659,12 @@ var Storage24Icon = ({
 var Storage24Icon_default = Storage24Icon;
 // icons/react/Subnet24Icon.tsx
-import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
 var Subnet24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs54(
+}) => /* @__PURE__ */ jsxs55(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1645,8 +1675,8 @@ var Subnet24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx54("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx54(
+      title ? /* @__PURE__ */ jsx55("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx55(
         "path",
         {
           fill: "currentColor",
@@ -1661,12 +1691,12 @@ var Subnet24Icon = ({
 var Subnet24Icon_default = Subnet24Icon;
 // icons/react/Resize24Icon.tsx
-import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
 var Resize24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs55(
+}) => /* @__PURE__ */ jsxs56(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1677,8 +1707,8 @@ var Resize24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx55("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx55(
+      title ? /* @__PURE__ */ jsx56("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx56(
         "path",
         {
           fill: "currentColor",
@@ -1693,12 +1723,12 @@ var Resize24Icon = ({
 var Resize24Icon_default = Resize24Icon;
 // icons/react/Terminal24Icon.tsx
-import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
 var Terminal24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs56(
+}) => /* @__PURE__ */ jsxs57(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1709,8 +1739,8 @@ var Terminal24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx56("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx56(
+      title ? /* @__PURE__ */ jsx57("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx57(
         "path",
         {
           fill: "currentColor",
@@ -1725,12 +1755,12 @@ var Terminal24Icon = ({
 var Terminal24Icon_default = Terminal24Icon;
 // icons/react/Transmit24Icon.tsx
-import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
 var Transmit24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs57(
+}) => /* @__PURE__ */ jsxs58(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1741,8 +1771,8 @@ var Transmit24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx57("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx57(
+      title ? /* @__PURE__ */ jsx58("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx58(
         "path",
         {
           fill: "currentColor",
@@ -1757,12 +1787,12 @@ var Transmit24Icon = ({
 var Transmit24Icon_default = Transmit24Icon;
 // icons/react/Wireless24Icon.tsx
-import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
 var Wireless24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs58(
+}) => /* @__PURE__ */ jsxs59(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1773,8 +1803,8 @@ var Wireless24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx58("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx58(
+      title ? /* @__PURE__ */ jsx59("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx59(
         "path",
         {
           fill: "currentColor",
@@ -1787,12 +1817,12 @@ var Wireless24Icon = ({
 var Wireless24Icon_default = Wireless24Icon;
 // icons/react/Question24Icon.tsx
-import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
 var Question24Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs59(
+}) => /* @__PURE__ */ jsxs60(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1803,8 +1833,8 @@ var Question24Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx59("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx59(
+      title ? /* @__PURE__ */ jsx60("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx60(
         "path",
         {
           fill: "currentColor",
@@ -1818,13 +1848,45 @@ var Question24Icon = ({
 );
 var Question24Icon_default = Question24Icon;
+// icons/react/Webhooks24Icon.tsx
+import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
+var Webhooks24Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs61(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx61("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx61(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12.75 0h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75M10.5 18.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75zm5.212-1.977 1.061-1.06a.75.75 0 0 1 1.06 0l2.476 2.474a.75.75 0 0 1 0 1.06l-1.061 1.061a.75.75 0 0 1-1.06 0l-2.476-2.474a.75.75 0 0 1 0-1.061M4.752 3.691l-1.06 1.061a.75.75 0 0 0 0 1.06l2.474 2.476a.75.75 0 0 0 1.061 0l1.06-1.061a.75.75 0 0 0 0-1.06L5.814 3.69a.75.75 0 0 0-1.06 0m12.021 4.597-1.06-1.061a.75.75 0 0 1 0-1.06l2.474-2.476a.75.75 0 0 1 1.06 0l1.061 1.061a.75.75 0 0 1 0 1.06l-2.474 2.476a.75.75 0 0 1-1.061 0M3.692 19.248l1.06 1.06a.75.75 0 0 0 1.06 0l2.476-2.474a.75.75 0 0 0 0-1.061l-1.06-1.06a.75.75 0 0 0-1.062 0l-2.474 2.474a.75.75 0 0 0 0 1.06M6 11.25v1.5a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-1.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m17.25 2.25a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+var Webhooks24Icon_default = Webhooks24Icon;
 // icons/react/Access16Icon.tsx
-import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
 var Access16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs60(
+}) => /* @__PURE__ */ jsxs62(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1835,8 +1897,8 @@ var Access16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx60("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx60(
+      title ? /* @__PURE__ */ jsx62("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx62(
         "path",
         {
           fill: "currentColor",
@@ -1850,13 +1912,43 @@ var Access16Icon = ({
 );
 var Access16Icon_default = Access16Icon;
+// icons/react/AccessToken16Icon.tsx
+import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
+var AccessToken16Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs63(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx63("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx63(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M1.25 11a.75.75 0 0 1 .75.75V14h2.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-3.5A.75.75 0 0 1 .75 11zm14 0a.75.75 0 0 1 .75.75v3.5l-.004.077a.75.75 0 0 1-.746.673h-3.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H14v-2.25a.75.75 0 0 1 .75-.75zm-7-8a.75.75 0 0 1 .75.75v2.518l2.18-1.26a.75.75 0 0 1 1.025.275l.25.434a.75.75 0 0 1-.274 1.024L10 8l2.18 1.26a.75.75 0 0 1 .275 1.024l-.25.434a.75.75 0 0 1-1.024.274L9 9.731v2.519a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V9.731l-2.18 1.26a.75.75 0 0 1-1.025-.274l-.25-.434a.75.75 0 0 1 .274-1.024L6 7.999l-2.18-1.258a.75.75 0 0 1-.274-1.024l.25-.434a.75.75 0 0 1 1.024-.274L7 6.268V3.75A.75.75 0 0 1 7.75 3zm-4-3A.75.75 0 0 1 5 .75v.5a.75.75 0 0 1-.75.75H2v2.25a.75.75 0 0 1-.75.75h-.5A.75.75 0 0 1 0 4.25V.75A.75.75 0 0 1 .75 0zm11.077.004A.75.75 0 0 1 16 .75v3.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V2h-2.25a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75h3.5z"
+        }
+      )
+    ]
+  }
+);
+var AccessToken16Icon_default = AccessToken16Icon;
 // icons/react/Affinity16Icon.tsx
-import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
 var Affinity16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs61(
+}) => /* @__PURE__ */ jsxs64(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1867,8 +1959,8 @@ var Affinity16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx61("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx61(
+      title ? /* @__PURE__ */ jsx64("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx64(
         "path",
         {
           fill: "currentColor",
@@ -1883,12 +1975,12 @@ var Affinity16Icon = ({
 var Affinity16Icon_default = Affinity16Icon;
 // icons/react/Action16Icon.tsx
-import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
 var Action16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs62(
+}) => /* @__PURE__ */ jsxs65(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1899,8 +1991,8 @@ var Action16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx62("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx62(
+      title ? /* @__PURE__ */ jsx65("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx65(
         "path",
         {
           fill: "currentColor",
@@ -1913,12 +2005,12 @@ var Action16Icon = ({
 var Action16Icon_default = Action16Icon;
 // icons/react/AddRoundel16Icon.tsx
-import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
 var AddRoundel16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs63(
+}) => /* @__PURE__ */ jsxs66(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1929,8 +2021,8 @@ var AddRoundel16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx63("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx63(
+      title ? /* @__PURE__ */ jsx66("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx66(
         "path",
         {
           fill: "currentColor",
@@ -1945,12 +2037,12 @@ var AddRoundel16Icon = ({
 var AddRoundel16Icon_default = AddRoundel16Icon;
 // icons/react/Calendar16Icon.tsx
-import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
 var Calendar16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs64(
+}) => /* @__PURE__ */ jsxs67(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1961,8 +2053,8 @@ var Calendar16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx64("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx64(
+      title ? /* @__PURE__ */ jsx67("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx67(
         "path",
         {
           fill: "currentColor",
@@ -1977,8 +2069,8 @@ var Calendar16Icon = ({
 var Calendar16Icon_default = Calendar16Icon;
 // icons/react/Chat16Icon.tsx
-import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
-var Chat16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs65(
+import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
+var Chat16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs68(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1989,8 +2081,8 @@ var Chat16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs65(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx65("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx65(
+      title ? /* @__PURE__ */ jsx68("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx68(
         "path",
         {
           fill: "currentColor",
@@ -2005,12 +2097,12 @@ var Chat16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs65(
 var Chat16Icon_default = Chat16Icon;
 // icons/react/Clipboard16Icon.tsx
-import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
 var Clipboard16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs66(
+}) => /* @__PURE__ */ jsxs69(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2021,8 +2113,8 @@ var Clipboard16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx66("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx66(
+      title ? /* @__PURE__ */ jsx69("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx69(
         "path",
         {
           fill: "currentColor",
@@ -2037,8 +2129,8 @@ var Clipboard16Icon = ({
 var Clipboard16Icon_default = Clipboard16Icon;
 // icons/react/Cloud16Icon.tsx
-import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
-var Cloud16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs67(
+import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
+var Cloud16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs70(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2049,8 +2141,8 @@ var Cloud16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs67(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx67("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx67(
+      title ? /* @__PURE__ */ jsx70("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx70(
         "path",
         {
           fill: "currentColor",
@@ -2065,8 +2157,8 @@ var Cloud16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs67(
 var Cloud16Icon_default = Cloud16Icon;
 // icons/react/Close16Icon.tsx
-import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
-var Close16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs68(
+import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
+var Close16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs71(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2077,8 +2169,8 @@ var Close16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs68(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx68("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx68(
+      title ? /* @__PURE__ */ jsx71("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx71(
         "path",
         {
           fill: "currentColor",
@@ -2093,12 +2185,12 @@ var Close16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs68(
 var Close16Icon_default = Close16Icon;
 // icons/react/Compability16Icon.tsx
-import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
 var Compability16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs69(
+}) => /* @__PURE__ */ jsxs72(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2109,8 +2201,8 @@ var Compability16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx69("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx69(
+      title ? /* @__PURE__ */ jsx72("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx72(
         "path",
         {
           fill: "currentColor",
@@ -2125,12 +2217,12 @@ var Compability16Icon = ({
 var Compability16Icon_default = Compability16Icon;
 // icons/react/Compass16Icon.tsx
-import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
 var Compass16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs70(
+}) => /* @__PURE__ */ jsxs73(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2141,8 +2233,8 @@ var Compass16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx70("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx70(
+      title ? /* @__PURE__ */ jsx73("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx73(
         "path",
         {
           fill: "currentColor",
@@ -2157,12 +2249,12 @@ var Compass16Icon = ({
 var Compass16Icon_default = Compass16Icon;
 // icons/react/Contrast16Icon.tsx
-import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
 var Contrast16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs71(
+}) => /* @__PURE__ */ jsxs74(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2173,8 +2265,8 @@ var Contrast16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx71("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx71(
+      title ? /* @__PURE__ */ jsx74("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx74(
         "path",
         {
           fill: "currentColor",
@@ -2189,8 +2281,8 @@ var Contrast16Icon = ({
 var Contrast16Icon_default = Contrast16Icon;
 // icons/react/Cpu16Icon.tsx
-import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
-var Cpu16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs72(
+import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
+var Cpu16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs75(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2201,13 +2293,13 @@ var Cpu16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs72(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx72("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx72(
+      title ? /* @__PURE__ */ jsx75("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx75(
         "path",
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M7 0v3h2V0h2v3h1.25a.75.75 0 0 1 .75.75V5h3v2h-3v2h3v2h-3v1.25a.75.75 0 0 1-.75.75H11v3H9v-3H7v3H5v-3H3.75a.75.75 0 0 1-.75-.75V11H0V9h3V7H0V5h3V3.75A.75.75 0 0 1 3.75 3H5V0zm0 9V7h2v2zm3.5-4h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5",
+          d: "M7 0v3h2V0h2v3h1.25a.75.75 0 0 1 .75.75V5h3v2h-3v2h3v2h-3v1.25a.75.75 0 0 1-.75.75H11v3H9v-3H7v3H5v-3H3.75a.75.75 0 0 1-.75-.75V11H0V9h3V7H0V5h3V3.75A.75.75 0 0 1 3.75 3H5V0zM5.4 10.99l.1.01h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .4.49M9 9H7V7h2z",
           clipRule: "evenodd"
         }
       )
@@ -2217,12 +2309,12 @@ var Cpu16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs72(
 var Cpu16Icon_default = Cpu16Icon;
 // icons/react/Delete16Icon.tsx
-import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
 var Delete16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs73(
+}) => /* @__PURE__ */ jsxs76(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2233,8 +2325,8 @@ var Delete16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx73("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx73(
+      title ? /* @__PURE__ */ jsx76("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx76(
         "path",
         {
           fill: "currentColor",
@@ -2249,12 +2341,12 @@ var Delete16Icon = ({
 var Delete16Icon_default = Delete16Icon;
 // icons/react/Dislike16Icon.tsx
-import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
 var Dislike16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs74(
+}) => /* @__PURE__ */ jsxs77(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2265,8 +2357,8 @@ var Dislike16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx74("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx74(
+      title ? /* @__PURE__ */ jsx77("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx77(
         "path",
         {
           fill: "currentColor",
@@ -2281,12 +2373,12 @@ var Dislike16Icon = ({
 var Dislike16Icon_default = Dislike16Icon;
 // icons/react/Document16Icon.tsx
-import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
 var Document16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs75(
+}) => /* @__PURE__ */ jsxs78(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2297,8 +2389,8 @@ var Document16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx75("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx75(
+      title ? /* @__PURE__ */ jsx78("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx78(
         "path",
         {
           fill: "currentColor",
@@ -2311,12 +2403,12 @@ var Document16Icon = ({
 var Document16Icon_default = Document16Icon;
 // icons/react/DocumentApi16Icon.tsx
-import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
 var DocumentApi16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs76(
+}) => /* @__PURE__ */ jsxs79(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2327,8 +2419,8 @@ var DocumentApi16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx76("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx76(
+      title ? /* @__PURE__ */ jsx79("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx79(
         "path",
         {
           fill: "currentColor",
@@ -2343,8 +2435,8 @@ var DocumentApi16Icon = ({
 var DocumentApi16Icon_default = DocumentApi16Icon;
 // icons/react/Dots16Icon.tsx
-import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
-var Dots16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs77(
+import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
+var Dots16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs80(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2355,8 +2447,8 @@ var Dots16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs77(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx77("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx77(
+      title ? /* @__PURE__ */ jsx80("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx80(
         "path",
         {
           fill: "currentColor",
@@ -2371,12 +2463,12 @@ var Dots16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs77(
 var Dots16Icon_default = Dots16Icon;
 // icons/react/DownloadRoundel16Icon.tsx
-import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
 var DownloadRoundel16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs78(
+}) => /* @__PURE__ */ jsxs81(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2387,8 +2479,8 @@ var DownloadRoundel16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx78("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx78(
+      title ? /* @__PURE__ */ jsx81("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx81(
         "path",
         {
           fill: "currentColor",
@@ -2403,8 +2495,8 @@ var DownloadRoundel16Icon = ({
 var DownloadRoundel16Icon_default = DownloadRoundel16Icon;
 // icons/react/Edit16Icon.tsx
-import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
-var Edit16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs79(
+import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
+var Edit16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs82(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2415,8 +2507,8 @@ var Edit16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs79(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx79("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx79(
+      title ? /* @__PURE__ */ jsx82("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx82(
         "path",
         {
           fill: "currentColor",
@@ -2431,8 +2523,8 @@ var Edit16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs79(
 var Edit16Icon_default = Edit16Icon;
 // icons/react/Email16Icon.tsx
-import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
-var Email16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs80(
+import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
+var Email16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs83(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2443,8 +2535,8 @@ var Email16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs80(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx80("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx80(
+      title ? /* @__PURE__ */ jsx83("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx83(
         "path",
         {
           fill: "currentColor",
@@ -2459,8 +2551,8 @@ var Email16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs80(
 var Email16Icon_default = Email16Icon;
 // icons/react/Error16Icon.tsx
-import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
-var Error16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs81(
+import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
+var Error16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs84(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2471,8 +2563,8 @@ var Error16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs81(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx81("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx81(
+      title ? /* @__PURE__ */ jsx84("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx84(
         "path",
         {
           fill: "currentColor",
@@ -2487,12 +2579,12 @@ var Error16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs81(
 var Error16Icon_default = Error16Icon;
 // icons/react/Filter16Icon.tsx
-import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs85 } from "react/jsx-runtime";
 var Filter16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs82(
+}) => /* @__PURE__ */ jsxs85(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2503,8 +2595,8 @@ var Filter16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx82("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx82(
+      title ? /* @__PURE__ */ jsx85("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx85(
         "path",
         {
           fill: "currentColor",
@@ -2519,12 +2611,12 @@ var Filter16Icon = ({
 var Filter16Icon_default = Filter16Icon;
 // icons/react/Firewall16Icon.tsx
-import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs86 } from "react/jsx-runtime";
 var Firewall16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs83(
+}) => /* @__PURE__ */ jsxs86(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2535,8 +2627,8 @@ var Firewall16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx83("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx83(
+      title ? /* @__PURE__ */ jsx86("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx86(
         "path",
         {
           fill: "currentColor",
@@ -2551,12 +2643,12 @@ var Firewall16Icon = ({
 var Firewall16Icon_default = Firewall16Icon;
 // icons/react/Folder16Icon.tsx
-import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs87 } from "react/jsx-runtime";
 var Folder16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs84(
+}) => /* @__PURE__ */ jsxs87(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2567,8 +2659,8 @@ var Folder16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx84("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx84(
+      title ? /* @__PURE__ */ jsx87("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx87(
         "path",
         {
           fill: "currentColor",
@@ -2583,12 +2675,12 @@ var Folder16Icon = ({
 var Folder16Icon_default = Folder16Icon;
 // icons/react/Gateway16Icon.tsx
-import { jsx as jsx85, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs88 } from "react/jsx-runtime";
 var Gateway16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs85(
+}) => /* @__PURE__ */ jsxs88(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2599,8 +2691,8 @@ var Gateway16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx85("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx85(
+      title ? /* @__PURE__ */ jsx88("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx88(
         "path",
         {
           fill: "currentColor",
@@ -2615,8 +2707,8 @@ var Gateway16Icon = ({
 var Gateway16Icon_default = Gateway16Icon;
 // icons/react/Heart16Icon.tsx
-import { jsx as jsx86, jsxs as jsxs86 } from "react/jsx-runtime";
-var Heart16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs86(
+import { jsx as jsx89, jsxs as jsxs89 } from "react/jsx-runtime";
+var Heart16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs89(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2627,8 +2719,8 @@ var Heart16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs86(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx86("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx86(
+      title ? /* @__PURE__ */ jsx89("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx89(
         "path",
         {
           fill: "currentColor",
@@ -2641,8 +2733,8 @@ var Heart16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs86(
 var Heart16Icon_default = Heart16Icon;
 // icons/react/Hide16Icon.tsx
-import { jsx as jsx87, jsxs as jsxs87 } from "react/jsx-runtime";
-var Hide16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs87(
+import { jsx as jsx90, jsxs as jsxs90 } from "react/jsx-runtime";
+var Hide16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs90(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2653,8 +2745,8 @@ var Hide16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs87(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx87("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx87(
+      title ? /* @__PURE__ */ jsx90("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx90(
         "path",
         {
           fill: "currentColor",
@@ -2669,12 +2761,12 @@ var Hide16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs87(
 var Hide16Icon_default = Hide16Icon;
 // icons/react/Hourglass16Icon.tsx
-import { jsx as jsx88, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs91 } from "react/jsx-runtime";
 var Hourglass16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs88(
+}) => /* @__PURE__ */ jsxs91(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2685,8 +2777,8 @@ var Hourglass16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx88("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx88(
+      title ? /* @__PURE__ */ jsx91("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx91(
         "path",
         {
           fill: "currentColor",
@@ -2701,12 +2793,12 @@ var Hourglass16Icon = ({
 var Hourglass16Icon_default = Hourglass16Icon;
 // icons/react/Images16Icon.tsx
-import { jsx as jsx89, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs92 } from "react/jsx-runtime";
 var Images16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs89(
+}) => /* @__PURE__ */ jsxs92(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2717,16 +2809,16 @@ var Images16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx89("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx89("g", { fill: "currentColor", children: /* @__PURE__ */ jsx89("path", { d: "M1.523 5.312A.375.375 0 0 0 1 5.657v5.808a.75.75 0 0 0 .451.688l5.024 2.184A.375.375 0 0 0 7 13.993V8.154a.75.75 0 0 0-.455-.69zM9 13.993c0 .27.277.452.525.344l5.024-2.184a.75.75 0 0 0 .451-.688V5.657c0-.27-.275-.451-.523-.345L9.455 7.465A.75.75 0 0 0 9 8.154zM12.891 3.816a.375.375 0 0 0 .002-.689L8.299 1.13a.75.75 0 0 0-.598 0L3.107 3.127c-.301.131-.3.56.002.689l4.596 1.97a.75.75 0 0 0 .59 0z" }) })
+      title ? /* @__PURE__ */ jsx92("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx92("g", { fill: "currentColor", children: /* @__PURE__ */ jsx92("path", { d: "M1.523 5.312A.375.375 0 0 0 1 5.657v5.808a.75.75 0 0 0 .451.688l5.024 2.184A.375.375 0 0 0 7 13.993V8.154a.75.75 0 0 0-.455-.69zM9 13.993c0 .27.277.452.525.344l5.024-2.184a.75.75 0 0 0 .451-.688V5.657c0-.27-.275-.451-.523-.345L9.455 7.465A.75.75 0 0 0 9 8.154zM12.891 3.816a.375.375 0 0 0 .002-.689L8.299 1.13a.75.75 0 0 0-.598 0L3.107 3.127c-.301.131-.3.56.002.689l4.596 1.97a.75.75 0 0 0 .59 0z" }) })
     ]
   }
 );
 var Images16Icon_default = Images16Icon;
 // icons/react/Info16Icon.tsx
-import { jsx as jsx90, jsxs as jsxs90 } from "react/jsx-runtime";
-var Info16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs90(
+import { jsx as jsx93, jsxs as jsxs93 } from "react/jsx-runtime";
+var Info16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs93(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2737,8 +2829,8 @@ var Info16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs90(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx90("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx90(
+      title ? /* @__PURE__ */ jsx93("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx93(
         "path",
         {
           fill: "currentColor",
@@ -2753,12 +2845,12 @@ var Info16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs90(
 var Info16Icon_default = Info16Icon;
 // icons/react/Instances16Icon.tsx
-import { jsx as jsx91, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs94 } from "react/jsx-runtime";
 var Instances16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs91(
+}) => /* @__PURE__ */ jsxs94(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2769,8 +2861,8 @@ var Instances16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx91("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx91(
+      title ? /* @__PURE__ */ jsx94("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx94(
         "path",
         {
           fill: "currentColor",
@@ -2785,12 +2877,12 @@ var Instances16Icon = ({
 var Instances16Icon_default = Instances16Icon;
 // icons/react/Integration16Icon.tsx
-import { jsx as jsx92, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs95 } from "react/jsx-runtime";
 var Integration16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs92(
+}) => /* @__PURE__ */ jsxs95(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2801,8 +2893,8 @@ var Integration16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx92("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx92(
+      title ? /* @__PURE__ */ jsx95("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx95(
         "path",
         {
           fill: "currentColor",
@@ -2817,12 +2909,12 @@ var Integration16Icon = ({
 var Integration16Icon_default = Integration16Icon;
 // icons/react/IpGlobal16Icon.tsx
-import { jsx as jsx93, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs96 } from "react/jsx-runtime";
 var IpGlobal16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs93(
+}) => /* @__PURE__ */ jsxs96(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2833,8 +2925,8 @@ var IpGlobal16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx93("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx93(
+      title ? /* @__PURE__ */ jsx96("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx96(
         "path",
         {
           fill: "currentColor",
@@ -2849,12 +2941,12 @@ var IpGlobal16Icon = ({
 var IpGlobal16Icon_default = IpGlobal16Icon;
 // icons/react/IpLocal16Icon.tsx
-import { jsx as jsx94, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs97 } from "react/jsx-runtime";
 var IpLocal16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs94(
+}) => /* @__PURE__ */ jsxs97(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2865,8 +2957,8 @@ var IpLocal16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx94("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx94(
+      title ? /* @__PURE__ */ jsx97("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx97(
         "path",
         {
           fill: "currentColor",
@@ -2881,12 +2973,12 @@ var IpLocal16Icon = ({
 var IpLocal16Icon_default = IpLocal16Icon;
 // icons/react/Issues16Icon.tsx
-import { jsx as jsx95, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs98 } from "react/jsx-runtime";
 var Issues16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs95(
+}) => /* @__PURE__ */ jsxs98(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2897,8 +2989,8 @@ var Issues16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx95("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx95(
+      title ? /* @__PURE__ */ jsx98("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx98(
         "path",
         {
           fill: "currentColor",
@@ -2913,8 +3005,8 @@ var Issues16Icon = ({
 var Issues16Icon_default = Issues16Icon;
 // icons/react/Key16Icon.tsx
-import { jsx as jsx96, jsxs as jsxs96 } from "react/jsx-runtime";
-var Key16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs96(
+import { jsx as jsx99, jsxs as jsxs99 } from "react/jsx-runtime";
+var Key16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs99(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2925,8 +3017,8 @@ var Key16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs96(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx96("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx96(
+      title ? /* @__PURE__ */ jsx99("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx99(
         "path",
         {
           fill: "currentColor",
@@ -2941,8 +3033,8 @@ var Key16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs96(
 var Key16Icon_default = Key16Icon;
 // icons/react/Like16Icon.tsx
-import { jsx as jsx97, jsxs as jsxs97 } from "react/jsx-runtime";
-var Like16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs97(
+import { jsx as jsx100, jsxs as jsxs100 } from "react/jsx-runtime";
+var Like16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs100(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2953,8 +3045,8 @@ var Like16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs97(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx97("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx97(
+      title ? /* @__PURE__ */ jsx100("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx100(
         "path",
         {
           fill: "currentColor",
@@ -2969,8 +3061,8 @@ var Like16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs97(
 var Like16Icon_default = Like16Icon;
 // icons/react/Link16Icon.tsx
-import { jsx as jsx98, jsxs as jsxs98 } from "react/jsx-runtime";
-var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs98(
+import { jsx as jsx101, jsxs as jsxs101 } from "react/jsx-runtime";
+var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs101(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2981,10 +3073,10 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs98(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx98("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsxs98("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ jsx98("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829M12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8z" }),
-        /* @__PURE__ */ jsx98("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06z" })
+      title ? /* @__PURE__ */ jsx101("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxs101("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ jsx101("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829M12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8z" }),
+        /* @__PURE__ */ jsx101("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06z" })
       ] })
     ]
   }
@@ -2992,12 +3084,12 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs98(
 var Link16Icon_default = Link16Icon;
 // icons/react/LoadBalancer16Icon.tsx
-import { jsx as jsx99, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs102 } from "react/jsx-runtime";
 var LoadBalancer16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs99(
+}) => /* @__PURE__ */ jsxs102(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3008,8 +3100,8 @@ var LoadBalancer16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx99("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx99(
+      title ? /* @__PURE__ */ jsx102("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx102(
         "path",
         {
           fill: "currentColor",
@@ -3024,8 +3116,8 @@ var LoadBalancer16Icon = ({
 var LoadBalancer16Icon_default = LoadBalancer16Icon;
 // icons/react/Logs16Icon.tsx
-import { jsx as jsx100, jsxs as jsxs100 } from "react/jsx-runtime";
-var Logs16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs100(
+import { jsx as jsx103, jsxs as jsxs103 } from "react/jsx-runtime";
+var Logs16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs103(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3036,8 +3128,8 @@ var Logs16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs100(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx100("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx100(
+      title ? /* @__PURE__ */ jsx103("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx103(
         "path",
         {
           fill: "currentColor",
@@ -3052,12 +3144,12 @@ var Logs16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs100(
 var Logs16Icon_default = Logs16Icon;
 // icons/react/Metrics16Icon.tsx
-import { jsx as jsx101, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs104 } from "react/jsx-runtime";
 var Metrics16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs101(
+}) => /* @__PURE__ */ jsxs104(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3068,8 +3160,8 @@ var Metrics16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx101("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx101(
+      title ? /* @__PURE__ */ jsx104("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx104(
         "path",
         {
           fill: "currentColor",
@@ -3084,12 +3176,12 @@ var Metrics16Icon = ({
 var Metrics16Icon_default = Metrics16Icon;
 // icons/react/Monitoring16Icon.tsx
-import { jsx as jsx102, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs105 } from "react/jsx-runtime";
 var Monitoring16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs102(
+}) => /* @__PURE__ */ jsxs105(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3100,8 +3192,8 @@ var Monitoring16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx102("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx102(
+      title ? /* @__PURE__ */ jsx105("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx105(
         "path",
         {
           fill: "currentColor",
@@ -3116,12 +3208,12 @@ var Monitoring16Icon = ({
 var Monitoring16Icon_default = Monitoring16Icon;
 // icons/react/Networking16Icon.tsx
-import { jsx as jsx103, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs106 } from "react/jsx-runtime";
 var Networking16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs103(
+}) => /* @__PURE__ */ jsxs106(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3132,8 +3224,8 @@ var Networking16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx103("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx103(
+      title ? /* @__PURE__ */ jsx106("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx106(
         "path",
         {
           fill: "currentColor",
@@ -3148,12 +3240,12 @@ var Networking16Icon = ({
 var Networking16Icon_default = Networking16Icon;
 // icons/react/NewWindow16Icon.tsx
-import { jsx as jsx104, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs107 } from "react/jsx-runtime";
 var NewWindow16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs104(
+}) => /* @__PURE__ */ jsxs107(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3164,13 +3256,13 @@ var NewWindow16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx104("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx104(
+      title ? /* @__PURE__ */ jsx107("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx107(
         "path",
         {
           fill: "currentColor",
           fillRule: "evenodd",
-          d: "M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75M7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25zM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5A.75.75 0 0 1 1.75 5",
+          d: "M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75M7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25zM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5l-.077-.004A.75.75 0 0 1 1 14.25v-8.5A.75.75 0 0 1 1.75 5",
           clipRule: "evenodd"
         }
       )
@@ -3180,12 +3272,12 @@ var NewWindow16Icon = ({
 var NewWindow16Icon_default = NewWindow16Icon;
 // icons/react/Notifications16Icon.tsx
-import { jsx as jsx105, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs108 } from "react/jsx-runtime";
 var Notifications16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs105(
+}) => /* @__PURE__ */ jsxs108(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3196,8 +3288,8 @@ var Notifications16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx105("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx105(
+      title ? /* @__PURE__ */ jsx108("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx108(
         "path",
         {
           fill: "currentColor",
@@ -3212,12 +3304,12 @@ var Notifications16Icon = ({
 var Notifications16Icon_default = Notifications16Icon;
 // icons/react/Organization16Icon.tsx
-import { jsx as jsx106, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs109 } from "react/jsx-runtime";
 var Organization16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs106(
+}) => /* @__PURE__ */ jsxs109(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3228,8 +3320,8 @@ var Organization16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx106("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx106(
+      title ? /* @__PURE__ */ jsx109("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx109(
         "path",
         {
           fill: "currentColor",
@@ -3244,12 +3336,12 @@ var Organization16Icon = ({
 var Organization16Icon_default = Organization16Icon;
 // icons/react/Overview16Icon.tsx
-import { jsx as jsx107, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs110 } from "react/jsx-runtime";
 var Overview16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs107(
+}) => /* @__PURE__ */ jsxs110(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3260,8 +3352,8 @@ var Overview16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx107("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx107(
+      title ? /* @__PURE__ */ jsx110("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx110(
         "path",
         {
           fill: "currentColor",
@@ -3276,12 +3368,12 @@ var Overview16Icon = ({
 var Overview16Icon_default = Overview16Icon;
 // icons/react/Person16Icon.tsx
-import { jsx as jsx108, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs111 } from "react/jsx-runtime";
 var Person16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs108(
+}) => /* @__PURE__ */ jsxs111(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3292,8 +3384,8 @@ var Person16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx108("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx108(
+      title ? /* @__PURE__ */ jsx111("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx111(
         "path",
         {
           fill: "currentColor",
@@ -3308,12 +3400,12 @@ var Person16Icon = ({
 var Person16Icon_default = Person16Icon;
 // icons/react/PersonGroup16Icon.tsx
-import { jsx as jsx109, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs112 } from "react/jsx-runtime";
 var PersonGroup16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs109(
+}) => /* @__PURE__ */ jsxs112(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3324,8 +3416,8 @@ var PersonGroup16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx109("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx109(
+      title ? /* @__PURE__ */ jsx112("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx112(
         "path",
         {
           fill: "currentColor",
@@ -3340,12 +3432,12 @@ var PersonGroup16Icon = ({
 var PersonGroup16Icon_default = PersonGroup16Icon;
 // icons/react/Profile16Icon.tsx
-import { jsx as jsx110, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs113 } from "react/jsx-runtime";
 var Profile16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs110(
+}) => /* @__PURE__ */ jsxs113(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3356,8 +3448,8 @@ var Profile16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx110("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx110(
+      title ? /* @__PURE__ */ jsx113("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx113(
         "path",
         {
           fill: "currentColor",
@@ -3372,12 +3464,12 @@ var Profile16Icon = ({
 var Profile16Icon_default = Profile16Icon;
 // icons/react/Refresh16Icon.tsx
-import { jsx as jsx111, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs114 } from "react/jsx-runtime";
 var Refresh16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs111(
+}) => /* @__PURE__ */ jsxs114(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3388,8 +3480,8 @@ var Refresh16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx111("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx111(
+      title ? /* @__PURE__ */ jsx114("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx114(
         "path",
         {
           fill: "currentColor",
@@ -3404,8 +3496,8 @@ var Refresh16Icon = ({
 var Refresh16Icon_default = Refresh16Icon;
 // icons/react/Ram16Icon.tsx
-import { jsx as jsx112, jsxs as jsxs112 } from "react/jsx-runtime";
-var Ram16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs112(
+import { jsx as jsx115, jsxs as jsxs115 } from "react/jsx-runtime";
+var Ram16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs115(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3416,8 +3508,8 @@ var Ram16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs112(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx112("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx112(
+      title ? /* @__PURE__ */ jsx115("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx115(
         "path",
         {
           fill: "currentColor",
@@ -3432,12 +3524,12 @@ var Ram16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs112(
 var Ram16Icon_default = Ram16Icon;
 // icons/react/Repair16Icon.tsx
-import { jsx as jsx113, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs116 } from "react/jsx-runtime";
 var Repair16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs113(
+}) => /* @__PURE__ */ jsxs116(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3448,8 +3540,8 @@ var Repair16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx113("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx113(
+      title ? /* @__PURE__ */ jsx116("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx116(
         "path",
         {
           fill: "currentColor",
@@ -3464,12 +3556,12 @@ var Repair16Icon = ({
 var Repair16Icon_default = Repair16Icon;
 // icons/react/Resize16Icon.tsx
-import { jsx as jsx114, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs117 } from "react/jsx-runtime";
 var Resize16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs114(
+}) => /* @__PURE__ */ jsxs117(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3480,8 +3572,8 @@ var Resize16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx114("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx114(
+      title ? /* @__PURE__ */ jsx117("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx117(
         "path",
         {
           fill: "currentColor",
@@ -3496,12 +3588,12 @@ var Resize16Icon = ({
 var Resize16Icon_default = Resize16Icon;
 // icons/react/Router16Icon.tsx
-import { jsx as jsx115, jsxs as jsxs115 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs118 } from "react/jsx-runtime";
 var Router16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs115(
+}) => /* @__PURE__ */ jsxs118(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3512,8 +3604,8 @@ var Router16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx115("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx115(
+      title ? /* @__PURE__ */ jsx118("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx118(
         "path",
         {
           fill: "currentColor",
@@ -3528,8 +3620,8 @@ var Router16Icon = ({
 var Router16Icon_default = Router16Icon;
 // icons/react/Sort16Icon.tsx
-import { jsx as jsx116, jsxs as jsxs116 } from "react/jsx-runtime";
-var Sort16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs116(
+import { jsx as jsx119, jsxs as jsxs119 } from "react/jsx-runtime";
+var Sort16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs119(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3540,8 +3632,8 @@ var Sort16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs116(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx116("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx116(
+      title ? /* @__PURE__ */ jsx119("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx119(
         "path",
         {
           fill: "currentColor",
@@ -3556,12 +3648,12 @@ var Sort16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs116(
 var Sort16Icon_default = Sort16Icon;
 // icons/react/Search16Icon.tsx
-import { jsx as jsx117, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs120 } from "react/jsx-runtime";
 var Search16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs117(
+}) => /* @__PURE__ */ jsxs120(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3572,8 +3664,8 @@ var Search16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx117("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx117(
+      title ? /* @__PURE__ */ jsx120("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx120(
         "path",
         {
           fill: "currentColor",
@@ -3588,12 +3680,12 @@ var Search16Icon = ({
 var Search16Icon_default = Search16Icon;
 // icons/react/Security16Icon.tsx
-import { jsx as jsx118, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs121 } from "react/jsx-runtime";
 var Security16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs118(
+}) => /* @__PURE__ */ jsxs121(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3604,8 +3696,8 @@ var Security16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx118("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx118(
+      title ? /* @__PURE__ */ jsx121("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx121(
         "path",
         {
           fill: "currentColor",
@@ -3620,12 +3712,12 @@ var Security16Icon = ({
 var Security16Icon_default = Security16Icon;
 // icons/react/Servers16Icon.tsx
-import { jsx as jsx119, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs122 } from "react/jsx-runtime";
 var Servers16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs119(
+}) => /* @__PURE__ */ jsxs122(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3636,8 +3728,8 @@ var Servers16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx119("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx119(
+      title ? /* @__PURE__ */ jsx122("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx122(
         "path",
         {
           fill: "currentColor",
@@ -3652,12 +3744,12 @@ var Servers16Icon = ({
 var Servers16Icon_default = Servers16Icon;
 // icons/react/Settings16Icon.tsx
-import { jsx as jsx120, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs123 } from "react/jsx-runtime";
 var Settings16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs120(
+}) => /* @__PURE__ */ jsxs123(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3668,8 +3760,8 @@ var Settings16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx120("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx120(
+      title ? /* @__PURE__ */ jsx123("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx123(
         "path",
         {
           fill: "currentColor",
@@ -3684,8 +3776,8 @@ var Settings16Icon = ({
 var Settings16Icon_default = Settings16Icon;
 // icons/react/Show16Icon.tsx
-import { jsx as jsx121, jsxs as jsxs121 } from "react/jsx-runtime";
-var Show16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs121(
+import { jsx as jsx124, jsxs as jsxs124 } from "react/jsx-runtime";
+var Show16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs124(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3696,8 +3788,8 @@ var Show16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs121(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx121("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx121(
+      title ? /* @__PURE__ */ jsx124("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx124(
         "path",
         {
           fill: "currentColor",
@@ -3712,12 +3804,12 @@ var Show16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs121(
 var Show16Icon_default = Show16Icon;
 // icons/react/SignOut16Icon.tsx
-import { jsx as jsx122, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs125 } from "react/jsx-runtime";
 var SignOut16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs122(
+}) => /* @__PURE__ */ jsxs125(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3728,8 +3820,8 @@ var SignOut16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx122("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx122(
+      title ? /* @__PURE__ */ jsx125("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx125(
         "path",
         {
           fill: "currentColor",
@@ -3744,12 +3836,12 @@ var SignOut16Icon = ({
 var SignOut16Icon_default = SignOut16Icon;
 // icons/react/Snapshots16Icon.tsx
-import { jsx as jsx123, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs126 } from "react/jsx-runtime";
 var Snapshots16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs123(
+}) => /* @__PURE__ */ jsxs126(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3760,8 +3852,8 @@ var Snapshots16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx123("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx123(
+      title ? /* @__PURE__ */ jsx126("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx126(
         "path",
         {
           fill: "currentColor",
@@ -3776,12 +3868,12 @@ var Snapshots16Icon = ({
 var Snapshots16Icon_default = Snapshots16Icon;
 // icons/react/SoftwareUpdate16Icon.tsx
-import { jsx as jsx124, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs127 } from "react/jsx-runtime";
 var SoftwareUpdate16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs124(
+}) => /* @__PURE__ */ jsxs127(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3792,8 +3884,8 @@ var SoftwareUpdate16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx124("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx124(
+      title ? /* @__PURE__ */ jsx127("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx127(
         "path",
         {
           fill: "currentColor",
@@ -3808,8 +3900,8 @@ var SoftwareUpdate16Icon = ({
 var SoftwareUpdate16Icon_default = SoftwareUpdate16Icon;
 // icons/react/Ssd16Icon.tsx
-import { jsx as jsx125, jsxs as jsxs125 } from "react/jsx-runtime";
-var Ssd16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs125(
+import { jsx as jsx128, jsxs as jsxs128 } from "react/jsx-runtime";
+var Ssd16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs128(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3820,8 +3912,8 @@ var Ssd16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs125(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx125("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx125(
+      title ? /* @__PURE__ */ jsx128("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx128(
         "path",
         {
           fill: "currentColor",
@@ -3836,12 +3928,12 @@ var Ssd16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs125(
 var Ssd16Icon_default = Ssd16Icon;
 // icons/react/Storage16Icon.tsx
-import { jsx as jsx126, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs129 } from "react/jsx-runtime";
 var Storage16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs126(
+}) => /* @__PURE__ */ jsxs129(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3852,8 +3944,8 @@ var Storage16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx126("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx126(
+      title ? /* @__PURE__ */ jsx129("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx129(
         "path",
         {
           fill: "currentColor",
@@ -3868,12 +3960,12 @@ var Storage16Icon = ({
 var Storage16Icon_default = Storage16Icon;
 // icons/react/Subnet16Icon.tsx
-import { jsx as jsx127, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs130 } from "react/jsx-runtime";
 var Subnet16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs127(
+}) => /* @__PURE__ */ jsxs130(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3884,8 +3976,8 @@ var Subnet16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx127("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx127(
+      title ? /* @__PURE__ */ jsx130("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx130(
         "path",
         {
           fill: "currentColor",
@@ -3900,8 +3992,8 @@ var Subnet16Icon = ({
 var Subnet16Icon_default = Subnet16Icon;
 // icons/react/Tags16Icon.tsx
-import { jsx as jsx128, jsxs as jsxs128 } from "react/jsx-runtime";
-var Tags16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs128(
+import { jsx as jsx131, jsxs as jsxs131 } from "react/jsx-runtime";
+var Tags16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs131(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3912,8 +4004,8 @@ var Tags16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs128(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx128("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx128(
+      title ? /* @__PURE__ */ jsx131("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx131(
         "path",
         {
           fill: "currentColor",
@@ -3928,12 +4020,12 @@ var Tags16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs128(
 var Tags16Icon_default = Tags16Icon;
 // icons/react/Terminal16Icon.tsx
-import { jsx as jsx129, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs132 } from "react/jsx-runtime";
 var Terminal16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs129(
+}) => /* @__PURE__ */ jsxs132(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3944,8 +4036,8 @@ var Terminal16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx129("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx129(
+      title ? /* @__PURE__ */ jsx132("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx132(
         "path",
         {
           fill: "currentColor",
@@ -3960,8 +4052,8 @@ var Terminal16Icon = ({
 var Terminal16Icon_default = Terminal16Icon;
 // icons/react/Time16Icon.tsx
-import { jsx as jsx130, jsxs as jsxs130 } from "react/jsx-runtime";
-var Time16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs130(
+import { jsx as jsx133, jsxs as jsxs133 } from "react/jsx-runtime";
+var Time16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs133(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3972,8 +4064,8 @@ var Time16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs130(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx130("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx130(
+      title ? /* @__PURE__ */ jsx133("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx133(
         "path",
         {
           fill: "currentColor",
@@ -3988,12 +4080,12 @@ var Time16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs130(
 var Time16Icon_default = Time16Icon;
 // icons/react/Transmit16Icon.tsx
-import { jsx as jsx131, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs134 } from "react/jsx-runtime";
 var Transmit16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs131(
+}) => /* @__PURE__ */ jsxs134(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4004,8 +4096,8 @@ var Transmit16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx131("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx131(
+      title ? /* @__PURE__ */ jsx134("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx134(
         "path",
         {
           fill: "currentColor",
@@ -4020,12 +4112,12 @@ var Transmit16Icon = ({
 var Transmit16Icon_default = Transmit16Icon;
 // icons/react/Question16Icon.tsx
-import { jsx as jsx132, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs135 } from "react/jsx-runtime";
 var Question16Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs132(
+}) => /* @__PURE__ */ jsxs135(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4036,8 +4128,8 @@ var Question16Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx132("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx132(
+      title ? /* @__PURE__ */ jsx135("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx135(
         "path",
         {
           fill: "currentColor",
@@ -4051,9 +4143,41 @@ var Question16Icon = ({
 );
 var Question16Icon_default = Question16Icon;
+// icons/react/Webhooks16Icon.tsx
+import { jsx as jsx136, jsxs as jsxs136 } from "react/jsx-runtime";
+var Webhooks16Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs136(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx136("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx136(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M8.25 4h-.5A.75.75 0 0 1 7 3.25V.75A.75.75 0 0 1 7.75 0h.5A.75.75 0 0 1 9 .75v2.5a.75.75 0 0 1-.75.75M4.995 5.348l.353-.353a.75.75 0 0 0 0-1.061l-1.06-1.06a.75.75 0 0 0-1.061 0l-.354.353a.75.75 0 0 0 0 1.06l1.061 1.061a.75.75 0 0 0 1.06 0m5.657-.353.353.353a.75.75 0 0 0 1.06 0l1.062-1.06a.75.75 0 0 0 0-1.061l-.354-.354a.75.75 0 0 0-1.06 0l-1.061 1.061a.75.75 0 0 0 0 1.06M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1.75 8a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-.75-.75h-.5a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75zm-5.023-2.874-.354-.353a.75.75 0 0 1 0-1.06l1.061-1.061a.75.75 0 0 1 1.06 0l.354.353a.75.75 0 0 1 0 1.06l-1.06 1.061a.75.75 0 0 1-1.061 0m9.9-.353-.354.354a.75.75 0 0 1-1.06 0l-1.061-1.061a.75.75 0 0 1 0-1.06l.353-.354a.75.75 0 0 1 1.06 0l1.061 1.06a.75.75 0 0 1 0 1.061M0 7.75v.5c0 .414.336.75.75.75h2.5A.75.75 0 0 0 4 8.25v-.5A.75.75 0 0 0 3.25 7H.75a.75.75 0 0 0-.75.75m12 .5v-.5a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+var Webhooks16Icon_default = Webhooks16Icon;
 // icons/react/Add12Icon.tsx
-import { jsx as jsx133, jsxs as jsxs133 } from "react/jsx-runtime";
-var Add12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs133(
+import { jsx as jsx137, jsxs as jsxs137 } from "react/jsx-runtime";
+var Add12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs137(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4063,9 +4187,9 @@ var Add12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs133(
     role: "img",
     "aria-labelledby": titleId,
     ...props,
-    children: [
-      title ? /* @__PURE__ */ jsx133("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx133(
+    children: [
+      title ? /* @__PURE__ */ jsx137("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx137(
         "path",
         {
           fill: "currentColor",
@@ -4080,12 +4204,12 @@ var Add12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs133(
 var Add12Icon_default = Add12Icon;
 // icons/react/AutoRestart12Icon.tsx
-import { jsx as jsx134, jsxs as jsxs134 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs138 } from "react/jsx-runtime";
 var AutoRestart12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs134(
+}) => /* @__PURE__ */ jsxs138(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4096,8 +4220,8 @@ var AutoRestart12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx134("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx134(
+      title ? /* @__PURE__ */ jsx138("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx138(
         "path",
         {
           fill: "currentColor",
@@ -4110,12 +4234,12 @@ var AutoRestart12Icon = ({
 var AutoRestart12Icon_default = AutoRestart12Icon;
 // icons/react/AddRoundel12Icon.tsx
-import { jsx as jsx135, jsxs as jsxs135 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs139 } from "react/jsx-runtime";
 var AddRoundel12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs135(
+}) => /* @__PURE__ */ jsxs139(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4126,8 +4250,8 @@ var AddRoundel12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx135("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx135(
+      title ? /* @__PURE__ */ jsx139("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx139(
         "path",
         {
           fill: "currentColor",
@@ -4142,12 +4266,12 @@ var AddRoundel12Icon = ({
 var AddRoundel12Icon_default = AddRoundel12Icon;
 // icons/react/Checkmark12Icon.tsx
-import { jsx as jsx136, jsxs as jsxs136 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs140 } from "react/jsx-runtime";
 var Checkmark12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs136(
+}) => /* @__PURE__ */ jsxs140(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4158,8 +4282,8 @@ var Checkmark12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx136("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx136(
+      title ? /* @__PURE__ */ jsx140("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx140(
         "path",
         {
           fill: "currentColor",
@@ -4174,8 +4298,8 @@ var Checkmark12Icon = ({
 var Checkmark12Icon_default = Checkmark12Icon;
 // icons/react/Close12Icon.tsx
-import { jsx as jsx137, jsxs as jsxs137 } from "react/jsx-runtime";
-var Close12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs137(
+import { jsx as jsx141, jsxs as jsxs141 } from "react/jsx-runtime";
+var Close12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs141(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4186,8 +4310,8 @@ var Close12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs137(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx137("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx137(
+      title ? /* @__PURE__ */ jsx141("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx141(
         "path",
         {
           fill: "currentColor",
@@ -4200,12 +4324,12 @@ var Close12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs137(
 var Close12Icon_default = Close12Icon;
 // icons/react/DirectionRightIcon.tsx
-import { jsx as jsx138, jsxs as jsxs138 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs142 } from "react/jsx-runtime";
 var DirectionRightIcon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs138(
+}) => /* @__PURE__ */ jsxs142(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4216,8 +4340,8 @@ var DirectionRightIcon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx138("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx138(
+      title ? /* @__PURE__ */ jsx142("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx142(
         "path",
         {
           fill: "currentColor",
@@ -4230,12 +4354,12 @@ var DirectionRightIcon = ({
 var DirectionRightIcon_default = DirectionRightIcon;
 // icons/react/DirectionUpIcon.tsx
-import { jsx as jsx139, jsxs as jsxs139 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs143 } from "react/jsx-runtime";
 var DirectionUpIcon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs139(
+}) => /* @__PURE__ */ jsxs143(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4246,8 +4370,8 @@ var DirectionUpIcon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx139("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx139(
+      title ? /* @__PURE__ */ jsx143("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx143(
         "path",
         {
           fill: "currentColor",
@@ -4260,12 +4384,12 @@ var DirectionUpIcon = ({
 var DirectionUpIcon_default = DirectionUpIcon;
 // icons/react/DirectionDownIcon.tsx
-import { jsx as jsx140, jsxs as jsxs140 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs144 } from "react/jsx-runtime";
 var DirectionDownIcon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs140(
+}) => /* @__PURE__ */ jsxs144(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4276,8 +4400,8 @@ var DirectionDownIcon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx140("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx140(
+      title ? /* @__PURE__ */ jsx144("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx144(
         "path",
         {
           fill: "currentColor",
@@ -4290,12 +4414,12 @@ var DirectionDownIcon = ({
 var DirectionDownIcon_default = DirectionDownIcon;
 // icons/react/DirectionLeftIcon.tsx
-import { jsx as jsx141, jsxs as jsxs141 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs145 } from "react/jsx-runtime";
 var DirectionLeftIcon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs141(
+}) => /* @__PURE__ */ jsxs145(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4306,8 +4430,8 @@ var DirectionLeftIcon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx141("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx141(
+      title ? /* @__PURE__ */ jsx145("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx145(
         "path",
         {
           fill: "currentColor",
@@ -4320,12 +4444,12 @@ var DirectionLeftIcon = ({
 var DirectionLeftIcon_default = DirectionLeftIcon;
 // icons/react/Clipboard12Icon.tsx
-import { jsx as jsx142, jsxs as jsxs142 } from "react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs146 } from "react/jsx-runtime";
 var Clipboard12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs142(
+}) => /* @__PURE__ */ jsxs146(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4336,8 +4460,8 @@ var Clipboard12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx142("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx142(
+      title ? /* @__PURE__ */ jsx146("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx146(
         "path",
         {
           fill: "currentColor",
@@ -4352,8 +4476,8 @@ var Clipboard12Icon = ({
 var Clipboard12Icon_default = Clipboard12Icon;
 // icons/react/Copy12Icon.tsx
-import { jsx as jsx143, jsxs as jsxs143 } from "react/jsx-runtime";
-var Copy12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs143(
+import { jsx as jsx147, jsxs as jsxs147 } from "react/jsx-runtime";
+var Copy12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs147(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4364,8 +4488,8 @@ var Copy12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs143(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx143("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx143(
+      title ? /* @__PURE__ */ jsx147("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx147(
         "path",
         {
           fill: "currentColor",
@@ -4380,12 +4504,12 @@ var Copy12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs143(
 var Copy12Icon_default = Copy12Icon;
 // icons/react/Disabled12Icon.tsx
-import { jsx as jsx144, jsxs as jsxs144 } from "react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs148 } from "react/jsx-runtime";
 var Disabled12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs144(
+}) => /* @__PURE__ */ jsxs148(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4396,8 +4520,8 @@ var Disabled12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx144("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx144(
+      title ? /* @__PURE__ */ jsx148("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx148(
         "path",
         {
           fill: "currentColor",
@@ -4412,8 +4536,8 @@ var Disabled12Icon = ({
 var Disabled12Icon_default = Disabled12Icon;
 // icons/react/Error12Icon.tsx
-import { jsx as jsx145, jsxs as jsxs145 } from "react/jsx-runtime";
-var Error12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs145(
+import { jsx as jsx149, jsxs as jsxs149 } from "react/jsx-runtime";
+var Error12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs149(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4424,8 +4548,8 @@ var Error12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs145(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx145("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx145(
+      title ? /* @__PURE__ */ jsx149("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx149(
         "path",
         {
           fill: "currentColor",
@@ -4440,8 +4564,8 @@ var Error12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs145(
 var Error12Icon_default = Error12Icon;
 // icons/react/Info12Icon.tsx
-import { jsx as jsx146, jsxs as jsxs146 } from "react/jsx-runtime";
-var Info12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs146(
+import { jsx as jsx150, jsxs as jsxs150 } from "react/jsx-runtime";
+var Info12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs150(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4452,8 +4576,8 @@ var Info12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs146(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx146("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx146(
+      title ? /* @__PURE__ */ jsx150("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx150(
         "path",
         {
           fill: "currentColor",
@@ -4468,12 +4592,12 @@ var Info12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs146(
 var Info12Icon_default = Info12Icon;
 // icons/react/Filter12Icon.tsx
-import { jsx as jsx147, jsxs as jsxs147 } from "react/jsx-runtime";
+import { jsx as jsx151, jsxs as jsxs151 } from "react/jsx-runtime";
 var Filter12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs147(
+}) => /* @__PURE__ */ jsxs151(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4484,8 +4608,8 @@ var Filter12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx147("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx147(
+      title ? /* @__PURE__ */ jsx151("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx151(
         "path",
         {
           fill: "currentColor",
@@ -4500,8 +4624,8 @@ var Filter12Icon = ({
 var Filter12Icon_default = Filter12Icon;
 // icons/react/Key12Icon.tsx
-import { jsx as jsx148, jsxs as jsxs148 } from "react/jsx-runtime";
-var Key12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs148(
+import { jsx as jsx152, jsxs as jsxs152 } from "react/jsx-runtime";
+var Key12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs152(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4512,8 +4636,8 @@ var Key12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs148(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx148("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx148(
+      title ? /* @__PURE__ */ jsx152("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx152(
         "path",
         {
           fill: "currentColor",
@@ -4528,12 +4652,12 @@ var Key12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs148(
 var Key12Icon_default = Key12Icon;
 // icons/react/Loader12Icon.tsx
-import { jsx as jsx149, jsxs as jsxs149 } from "react/jsx-runtime";
+import { jsx as jsx153, jsxs as jsxs153 } from "react/jsx-runtime";
 var Loader12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs149(
+}) => /* @__PURE__ */ jsxs153(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4544,15 +4668,13 @@ var Loader12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx149("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx149("circle", { cx: 6, cy: 6, r: 5.25, stroke: "#1C2225", strokeWidth: 1.5 }),
-      /* @__PURE__ */ jsx149(
+      title ? /* @__PURE__ */ jsx153("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx153("circle", { cx: 6, cy: 6, r: 5.25, stroke: "#1C2225", strokeWidth: 1.5 }),
+      /* @__PURE__ */ jsx153(
         "path",
         {
           fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M8.25 2.103a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63a6 6 0 0 1 4.831 8.367c-.147.337-.559.446-.878.262l-.144-.083c-.319-.185-.423-.591-.288-.934A4.5 4.5 0 0 0 8.25 2.103",
-          clipRule: "evenodd"
+          d: "M10.5 5.999a4.5 4.5 0 0 0-.464-1.99l-.14-.259a4.5 4.5 0 0 0-1.395-1.491l-.251-.156a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63A6 6 0 0 1 9 .804l.334.208a6 6 0 0 1 1.862 1.987l.186.348A6 6 0 0 1 12 5.999l-.013.394a6 6 0 0 1-.49 2.011c-.147.338-.558.446-.877.262l-.073-.042-.072-.042c-.319-.184-.423-.59-.288-.933.17-.432.273-.889.303-1.354z"
         }
       )
     ]
@@ -4561,12 +4683,12 @@ var Loader12Icon = ({
 var Loader12Icon_default = Loader12Icon;
 // icons/react/MenuOpen12Icon.tsx
-import { jsx as jsx150, jsxs as jsxs150 } from "react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs154 } from "react/jsx-runtime";
 var MenuOpen12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs150(
+}) => /* @__PURE__ */ jsxs154(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4577,8 +4699,8 @@ var MenuOpen12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx150("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx150(
+      title ? /* @__PURE__ */ jsx154("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx154(
         "path",
         {
           fill: "currentColor",
@@ -4593,12 +4715,12 @@ var MenuOpen12Icon = ({
 var MenuOpen12Icon_default = MenuOpen12Icon;
 // icons/react/MenuClose12Icon.tsx
-import { jsx as jsx151, jsxs as jsxs151 } from "react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs155 } from "react/jsx-runtime";
 var MenuClose12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs151(
+}) => /* @__PURE__ */ jsxs155(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4609,8 +4731,8 @@ var MenuClose12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx151("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx151(
+      title ? /* @__PURE__ */ jsx155("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx155(
         "path",
         {
           fill: "currentColor",
@@ -4625,8 +4747,8 @@ var MenuClose12Icon = ({
 var MenuClose12Icon_default = MenuClose12Icon;
 // icons/react/More12Icon.tsx
-import { jsx as jsx152, jsxs as jsxs152 } from "react/jsx-runtime";
-var More12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs152(
+import { jsx as jsx156, jsxs as jsxs156 } from "react/jsx-runtime";
+var More12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs156(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4637,8 +4759,8 @@ var More12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs152(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx152("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx152(
+      title ? /* @__PURE__ */ jsx156("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx156(
         "path",
         {
           fill: "currentColor",
@@ -4653,12 +4775,12 @@ var More12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs152(
 var More12Icon_default = More12Icon;
 // icons/react/NextArrow12Icon.tsx
-import { jsx as jsx153, jsxs as jsxs153 } from "react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs157 } from "react/jsx-runtime";
 var NextArrow12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs153(
+}) => /* @__PURE__ */ jsxs157(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4669,8 +4791,8 @@ var NextArrow12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx153("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx153(
+      title ? /* @__PURE__ */ jsx157("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx157(
         "path",
         {
           fill: "currentColor",
@@ -4683,12 +4805,12 @@ var NextArrow12Icon = ({
 var NextArrow12Icon_default = NextArrow12Icon;
 // icons/react/PrevArrow12Icon.tsx
-import { jsx as jsx154, jsxs as jsxs154 } from "react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs158 } from "react/jsx-runtime";
 var PrevArrow12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs154(
+}) => /* @__PURE__ */ jsxs158(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4699,8 +4821,8 @@ var PrevArrow12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx154("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx154(
+      title ? /* @__PURE__ */ jsx158("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx158(
         "path",
         {
           fill: "currentColor",
@@ -4713,12 +4835,12 @@ var PrevArrow12Icon = ({
 var PrevArrow12Icon_default = PrevArrow12Icon;
 // icons/react/OpenLink12Icon.tsx
-import { jsx as jsx155, jsxs as jsxs155 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs159 } from "react/jsx-runtime";
 var OpenLink12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs155(
+}) => /* @__PURE__ */ jsxs159(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4729,8 +4851,8 @@ var OpenLink12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx155("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx155(
+      title ? /* @__PURE__ */ jsx159("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx159(
         "path",
         {
           fill: "currentColor",
@@ -4745,12 +4867,12 @@ var OpenLink12Icon = ({
 var OpenLink12Icon_default = OpenLink12Icon;
 // icons/react/Repair12Icon.tsx
-import { jsx as jsx156, jsxs as jsxs156 } from "react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs160 } from "react/jsx-runtime";
 var Repair12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs156(
+}) => /* @__PURE__ */ jsxs160(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4761,8 +4883,8 @@ var Repair12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx156("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx156(
+      title ? /* @__PURE__ */ jsx160("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx160(
         "path",
         {
           fill: "currentColor",
@@ -4777,12 +4899,12 @@ var Repair12Icon = ({
 var Repair12Icon_default = Repair12Icon;
 // icons/react/Security12Icon.tsx
-import { jsx as jsx157, jsxs as jsxs157 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs161 } from "react/jsx-runtime";
 var Security12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs157(
+}) => /* @__PURE__ */ jsxs161(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4793,8 +4915,8 @@ var Security12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx157("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx157(
+      title ? /* @__PURE__ */ jsx161("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx161(
         "path",
         {
           fill: "currentColor",
@@ -4809,12 +4931,12 @@ var Security12Icon = ({
 var Security12Icon_default = Security12Icon;
 // icons/react/Success12Icon.tsx
-import { jsx as jsx158, jsxs as jsxs158 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs162 } from "react/jsx-runtime";
 var Success12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs158(
+}) => /* @__PURE__ */ jsxs162(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4825,8 +4947,8 @@ var Success12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx158("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx158(
+      title ? /* @__PURE__ */ jsx162("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx162(
         "path",
         {
           fill: "currentColor",
@@ -4841,12 +4963,12 @@ var Success12Icon = ({
 var Success12Icon_default = Success12Icon;
 // icons/react/Unauthorized12Icon.tsx
-import { jsx as jsx159, jsxs as jsxs159 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs163 } from "react/jsx-runtime";
 var Unauthorized12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs159(
+}) => /* @__PURE__ */ jsxs163(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4857,8 +4979,8 @@ var Unauthorized12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx159("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx159(
+      title ? /* @__PURE__ */ jsx163("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx163(
         "path",
         {
           fill: "currentColor",
@@ -4873,12 +4995,12 @@ var Unauthorized12Icon = ({
 var Unauthorized12Icon_default = Unauthorized12Icon;
 // icons/react/Warning12Icon.tsx
-import { jsx as jsx160, jsxs as jsxs160 } from "react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs164 } from "react/jsx-runtime";
 var Warning12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs160(
+}) => /* @__PURE__ */ jsxs164(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4889,8 +5011,8 @@ var Warning12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx160("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx160(
+      title ? /* @__PURE__ */ jsx164("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx164(
         "path",
         {
           fill: "currentColor",
@@ -4905,12 +5027,12 @@ var Warning12Icon = ({
 var Warning12Icon_default = Warning12Icon;
 // icons/react/Question12Icon.tsx
-import { jsx as jsx161, jsxs as jsxs161 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs165 } from "react/jsx-runtime";
 var Question12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs161(
+}) => /* @__PURE__ */ jsxs165(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4921,8 +5043,8 @@ var Question12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx161("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx161(
+      title ? /* @__PURE__ */ jsx165("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx165(
         "path",
         {
           fill: "currentColor",
@@ -4937,8 +5059,8 @@ var Question12Icon = ({
 var Question12Icon_default = Question12Icon;
 // icons/react/Hide12Icon.tsx
-import { jsx as jsx162, jsxs as jsxs162 } from "react/jsx-runtime";
-var Hide12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs162(
+import { jsx as jsx166, jsxs as jsxs166 } from "react/jsx-runtime";
+var Hide12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs166(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4949,8 +5071,8 @@ var Hide12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs162(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx162("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx162(
+      title ? /* @__PURE__ */ jsx166("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx166(
         "path",
         {
           fill: "currentColor",
@@ -4965,12 +5087,12 @@ var Hide12Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs162(
 var Hide12Icon_default = Hide12Icon;
 // icons/react/SelectArrows6Icon.tsx
-import { jsx as jsx163, jsxs as jsxs163 } from "react/jsx-runtime";
+import { jsx as jsx167, jsxs as jsxs167 } from "react/jsx-runtime";
 var SelectArrows6Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs163(
+}) => /* @__PURE__ */ jsxs167(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4981,8 +5103,8 @@ var SelectArrows6Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx163("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx163(
+      title ? /* @__PURE__ */ jsx167("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx167(
         "path",
         {
           fill: "currentColor",
@@ -4997,8 +5119,8 @@ var SelectArrows6Icon = ({
 var SelectArrows6Icon_default = SelectArrows6Icon;
 // icons/react/Close8Icon.tsx
-import { jsx as jsx164, jsxs as jsxs164 } from "react/jsx-runtime";
-var Close8Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs164(
+import { jsx as jsx168, jsxs as jsxs168 } from "react/jsx-runtime";
+var Close8Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs168(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -5009,8 +5131,8 @@ var Close8Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs164(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx164("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx164(
+      title ? /* @__PURE__ */ jsx168("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx168(
         "path",
         {
           fill: "currentColor",
@@ -5024,8 +5146,69 @@ var Close8Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs164(
 );
 var Close8Icon_default = Close8Icon;
+// icons/react/Sparkle16Icon.tsx
+import { jsx as jsx169, jsxs as jsxs169 } from "react/jsx-runtime";
+var Sparkle16Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs169(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx169("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx169(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M10.651 4.795a.38.38 0 0 1 .697 0L12.72 7.93a.75.75 0 0 0 .31.348l2.404 1.394a.38.38 0 0 1 0 .658l-2.404 1.394a.75.75 0 0 0-.31.348l-1.372 3.134a.38.38 0 0 1-.697 0l-1.37-3.134a.75.75 0 0 0-.311-.348L6.566 10.33a.38.38 0 0 1 0-.658L8.97 8.277a.75.75 0 0 0 .31-.348zM3.655.738a.38.38 0 0 1 .69 0L5.35 2.892a.75.75 0 0 0 .321.34l1.716.934a.38.38 0 0 1 0 .667l-1.716.934a.75.75 0 0 0-.321.34L4.345 8.263a.38.38 0 0 1-.69 0L2.65 6.108a.75.75 0 0 0-.32-.34L.612 4.833a.38.38 0 0 1 0-.667l1.715-.934a.75.75 0 0 0 .321-.34z"
+        }
+      )
+    ]
+  }
+);
+var Sparkle16Icon_default = Sparkle16Icon;
+// icons/react/Submit16Icon.tsx
+import { jsx as jsx170, jsxs as jsxs170 } from "react/jsx-runtime";
+var Submit16Icon = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs170(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    role: "img",
+    "aria-labelledby": titleId,
+    ...props,
+    children: [
+      title ? /* @__PURE__ */ jsx170("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx170(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M1.332 2.853a.38.38 0 0 1 .506-.486c2.168.946 8.082 3.518 12.33 5.288a.38.38 0 0 1 .001.701L1.832 13.643a.38.38 0 0 1-.504-.486l1.9-4.885a.75.75 0 0 0 0-.544z"
+        }
+      )
+    ]
+  }
+);
+var Submit16Icon_default = Submit16Icon;
 export {
   Access24Icon_default,
+  AccessToken24Icon_default,
   Action24Icon_default,
   Affinity24Icon_default,
   AddRoundel24Icon_default,
@@ -5084,7 +5267,9 @@ export {
   Transmit24Icon_default,
   Wireless24Icon_default,
   Question24Icon_default,
+  Webhooks24Icon_default,
   Access16Icon_default,
+  AccessToken16Icon_default,
   Affinity16Icon_default,
   Action16Icon_default,
   AddRoundel16Icon_default,
@@ -5157,6 +5342,7 @@ export {
   Time16Icon_default,
   Transmit16Icon_default,
   Question16Icon_default,
+  Webhooks16Icon_default,
   Add12Icon_default,
   AutoRestart12Icon_default,
   AddRoundel12Icon_default,
@@ -5188,6 +5374,8 @@ export {
   Question12Icon_default,
   Hide12Icon_default,
   SelectArrows6Icon_default,
-  Close8Icon_default
+  Close8Icon_default,
+  Sparkle16Icon_default,
+  Submit16Icon_default
 };
-//# sourceMappingURL=chunk-YRJL4JLL.js.map
+//# sourceMappingURL=chunk-EZCJJGCD.js.map