@iota/apps-ui-icons 0.4.1 → 0.6.0

package/dist/index.js

@@ -66,6 +66,7 @@ __export(index_exports, {
   IotaLogoSmall: () => SvgIotaLogoSmall,
   IotaLogoWeb: () => SvgIotaLogoWeb,
   Key: () => SvgKey,
+  Keystone: () => SvgKeystone,
   Ledger: () => SvgLedger,
   LightMode: () => SvgLightMode,
   Link: () => SvgLink,
@@ -84,6 +85,7 @@ __export(index_exports, {
   MoreVert: () => SvgMoreVert,
   Notifications: () => SvgNotifications,
   OutboundLink: () => SvgOutboundLink,
+  Passkey: () => SvgPasskey,
   Pause: () => SvgPause,
   Person: () => SvgPerson,
   Pined: () => SvgPined,
@@ -1335,10 +1337,42 @@ function SvgKey(props) {
   );
 }
 
-// src/Ledger.tsx
+// src/Keystone.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
+function SvgKeystone(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 20 18",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          "path",
+          {
+            d: "M13.0887 17.3327C11.7044 17.3327 10.3202 17.332 8.93585 17.3327C8.46126 17.3327 8.44287 17.3064 8.65532 16.8652C9.2089 15.7156 9.76997 14.5694 10.3202 13.4185C11.6697 10.592 13.0207 7.76689 14.3518 4.93166C14.5234 4.56641 14.7148 4.42582 15.1349 4.43659C16.3708 4.46955 17.608 4.45542 18.8452 4.44331C19.1182 4.44062 19.1931 4.50452 19.1584 4.78637C18.6478 8.87996 18.1547 12.9771 17.6754 17.0744C17.6216 17.3098 17.514 17.3327 17.3118 17.3313C15.905 17.3239 14.4976 17.3273 13.0908 17.3273C13.0887 17.33 13.0887 17.3313 13.0887 17.3327Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          "path",
+          {
+            d: "M11.5247 0.66906C11.2748 1.20113 11.046 1.69553 10.8118 2.18791C9.06727 5.84983 7.31868 9.5104 5.58371 13.1777C5.44753 13.4649 5.28615 13.551 4.97362 13.547C3.69145 13.5288 2.40929 13.5356 1.12713 13.5436C0.890856 13.545 0.80438 13.5255 0.841149 13.2356C1.11896 11.0245 1.36886 8.81017 1.63033 6.59647C1.85503 4.69556 2.0879 2.79531 2.30307 0.893053C2.33303 0.626683 2.49373 0.668387 2.65987 0.668387C5.12205 0.668387 7.58492 0.668387 10.0471 0.668387C10.5217 0.66906 10.9949 0.66906 11.5247 0.66906Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/Ledger.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function SvgLedger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1347,7 +1381,7 @@ function SvgLedger(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1359,9 +1393,9 @@ function SvgLedger(props) {
 }
 
 // src/LightMode.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function SvgLightMode(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1371,8 +1405,8 @@ function SvgLightMode(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "currentColor", d: "M12 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "currentColor", d: "M12 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1381,7 +1415,7 @@ function SvgLightMode(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1394,9 +1428,9 @@ function SvgLightMode(props) {
 }
 
 // src/Link.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function SvgLink(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1405,7 +1439,7 @@ function SvgLink(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1417,9 +1451,9 @@ function SvgLink(props) {
 }
 
 // src/ListViewLarge.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function SvgListViewLarge(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1428,7 +1462,7 @@ function SvgListViewLarge(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1440,9 +1474,9 @@ function SvgListViewLarge(props) {
 }
 
 // src/ListViewMedium.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function SvgListViewMedium(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1452,7 +1486,7 @@ function SvgListViewMedium(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1461,7 +1495,7 @@ function SvgListViewMedium(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1474,9 +1508,9 @@ function SvgListViewMedium(props) {
 }
 
 // src/ListViewSmall.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function SvgListViewSmall(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1485,7 +1519,7 @@ function SvgListViewSmall(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1497,9 +1531,9 @@ function SvgListViewSmall(props) {
 }
 
 // src/Loader.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SvgLoader(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1508,7 +1542,7 @@ function SvgLoader(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1522,9 +1556,9 @@ function SvgLoader(props) {
 }
 
 // src/Loader2.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function SvgLoader2(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1533,7 +1567,7 @@ function SvgLoader2(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1545,9 +1579,9 @@ function SvgLoader2(props) {
 }
 
 // src/LockLocked.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function SvgLockLocked(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1556,7 +1590,7 @@ function SvgLockLocked(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1570,9 +1604,9 @@ function SvgLockLocked(props) {
 }
 
 // src/LockUnlocked.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function SvgLockUnlocked(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1581,7 +1615,7 @@ function SvgLockUnlocked(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1595,9 +1629,9 @@ function SvgLockUnlocked(props) {
 }
 
 // src/Logout.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function SvgLogout(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1607,14 +1641,14 @@ function SvgLogout(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M18.586 10.793H10a1 1 0 1 0 0 2h8.586l-1.293 1.293a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3A1 1 0 1 0 17.293 9.5z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1627,9 +1661,9 @@ function SvgLogout(props) {
 }
 
 // src/Mail.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function SvgMail(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1638,7 +1672,7 @@ function SvgMail(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1652,9 +1686,9 @@ function SvgMail(props) {
 }
 
 // src/MenuIcon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function SvgMenuIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1663,7 +1697,7 @@ function SvgMenuIcon(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1675,9 +1709,9 @@ function SvgMenuIcon(props) {
 }
 
 // src/Migration.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function SvgMigration(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1687,14 +1721,14 @@ function SvgMigration(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M17.72 3.139c-.266-.297-.72-.087-.72.333V6h-1a6 6 0 0 0-6 6 4 4 0 0 1-4 4H4a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6 4 4 0 0 1 4-4h1v2.528c0 .42.454.63.72.333l3.157-3.528a.51.51 0 0 0 0-.666z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1707,9 +1741,9 @@ function SvgMigration(props) {
 }
 
 // src/MoreHoriz.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function SvgMoreHoriz(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1718,7 +1752,7 @@ function SvgMoreHoriz(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1730,9 +1764,9 @@ function SvgMoreHoriz(props) {
 }
 
 // src/MoreVert.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function SvgMoreVert(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1741,7 +1775,7 @@ function SvgMoreVert(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1753,9 +1787,9 @@ function SvgMoreVert(props) {
 }
 
 // src/Notifications.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function SvgNotifications(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1764,7 +1798,7 @@ function SvgNotifications(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1778,9 +1812,9 @@ function SvgNotifications(props) {
 }
 
 // src/OutboundLink.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function SvgOutboundLink(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1790,14 +1824,14 @@ function SvgOutboundLink(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M5 6a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1810,9 +1844,9 @@ function SvgOutboundLink(props) {
 }
 
 // src/Pause.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function SvgPause(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1821,7 +1855,7 @@ function SvgPause(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1833,9 +1867,9 @@ function SvgPause(props) {
 }
 
 // src/Person.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function SvgPerson(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1844,7 +1878,7 @@ function SvgPerson(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1858,9 +1892,9 @@ function SvgPerson(props) {
 }
 
 // src/Pined.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function SvgPined(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1869,15 +1903,15 @@ function SvgPined(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { fill: "currentColor", d: "m16 12 2 2v2h-5v6l-1 1-1-1v-6H6v-2l2-2V5H7V3h10v2h-1z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { fill: "currentColor", d: "m16 12 2 2v2h-5v6l-1 1-1-1v-6H6v-2l2-2V5H7V3h10v2h-1z" })
     }
   );
 }
 
 // src/PlaceholderReplace.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function SvgPlaceholderReplace(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1887,14 +1921,14 @@ function SvgPlaceholderReplace(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M11 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1909,9 +1943,9 @@ function SvgPlaceholderReplace(props) {
 }
 
 // src/Play.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function SvgPlay(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1920,7 +1954,7 @@ function SvgPlay(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -1932,9 +1966,9 @@ function SvgPlay(props) {
 }
 
 // src/Profile.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function SvgProfile(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1944,7 +1978,7 @@ function SvgProfile(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1953,16 +1987,16 @@ function SvgProfile(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { fill: "currentColor", d: "M15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0" })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { fill: "currentColor", d: "M15 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0" })
       ]
     }
   );
 }
 
 // src/QrCode.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function SvgQrCode(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1972,7 +2006,7 @@ function SvgQrCode(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1981,7 +2015,7 @@ function SvgQrCode(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -1994,9 +2028,9 @@ function SvgQrCode(props) {
 }
 
 // src/QuestionMarkFilled.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function SvgQuestionMarkFilled(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2005,7 +2039,7 @@ function SvgQuestionMarkFilled(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2018,10 +2052,51 @@ function SvgQuestionMarkFilled(props) {
   );
 }
 
+// src/Passkey.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+function SvgPasskey(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          "path",
+          {
+            fill: "currentColor",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M18.5 9.5C19.4667 9.5 20.2913 9.84206 20.9746 10.5254C21.6579 11.2087 22 12.0333 22 13C22 13.75 21.7873 14.4167 21.3623 15C20.9373 15.5833 20.4 16 19.75 16.25V19.5H20.9746V21.5H17.5V16.3496C16.7667 16.1329 16.1668 15.7206 15.7002 15.1123C15.2335 14.504 15 13.8 15 13C15 12.0333 15.3421 11.2087 16.0254 10.5254C16.7087 9.84206 17.5333 9.5 18.5 9.5ZM18.5 11.5C17.6716 11.5 17 12.1716 17 13C17 13.8284 17.6716 14.5 18.5 14.5C19.3284 14.5 20 13.8284 20 13C20 12.1716 19.3284 11.5 18.5 11.5Z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M11 12.5C11.3333 12.5 11.6667 12.5121 12 12.5371C12.3333 12.5621 12.6667 12.6004 13 12.6504C12.9334 13.6169 13.1088 14.5295 13.5254 15.3877C13.942 16.2458 14.5498 16.9501 15.3496 17.5V19.5H3V16.7002C3 16.1336 3.14589 15.6127 3.4375 15.1377C3.72912 14.6628 4.11638 14.2998 4.59961 14.0498C5.63293 13.5331 6.68335 13.146 7.75 12.8877C8.81667 12.6294 9.9 12.5 11 12.5Z"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M11 3.5C12.1 3.5 13.0419 3.89147 13.8252 4.6748C14.6085 5.45814 15 6.4 15 7.5C15 8.6 14.6085 9.54186 13.8252 10.3252C13.0419 11.1085 12.1 11.5 11 11.5C9.9 11.5 8.95814 11.1085 8.1748 10.3252C7.39147 9.54186 7 8.6 7 7.5C7 6.4 7.39147 5.45814 8.1748 4.6748C8.95814 3.89147 9.9 3.5 11 3.5Z"
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/RadioOff.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function SvgRadioOff(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2030,7 +2105,7 @@ function SvgRadioOff(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2042,9 +2117,9 @@ function SvgRadioOff(props) {
 }
 
 // src/RadioOn.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function SvgRadioOn(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2054,23 +2129,23 @@ function SvgRadioOn(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { fill: "currentColor", d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10" })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { fill: "currentColor", d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10" })
       ]
     }
   );
 }
 
 // src/RecognizedBadge.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function SvgRecognizedBadge(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2079,7 +2154,7 @@ function SvgRecognizedBadge(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2093,9 +2168,9 @@ function SvgRecognizedBadge(props) {
 }
 
 // src/Refresh.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function SvgRefresh(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2104,7 +2179,7 @@ function SvgRefresh(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2116,9 +2191,9 @@ function SvgRefresh(props) {
 }
 
 // src/RewardsOff.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function SvgRewardsOff(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2127,7 +2202,7 @@ function SvgRewardsOff(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2139,9 +2214,9 @@ function SvgRewardsOff(props) {
 }
 
 // src/Save.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function SvgSave(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2150,7 +2225,7 @@ function SvgSave(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2164,9 +2239,9 @@ function SvgSave(props) {
 }
 
 // src/Search.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function SvgSearch(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2175,7 +2250,7 @@ function SvgSearch(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2189,9 +2264,9 @@ function SvgSearch(props) {
 }
 
 // src/Seed.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function SvgSeed(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2200,7 +2275,7 @@ function SvgSeed(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2212,9 +2287,9 @@ function SvgSeed(props) {
 }
 
 // src/Send.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function SvgSend(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2223,7 +2298,7 @@ function SvgSend(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2237,9 +2312,9 @@ function SvgSend(props) {
 }
 
 // src/Settings.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function SvgSettings(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2248,7 +2323,7 @@ function SvgSettings(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2262,9 +2337,9 @@ function SvgSettings(props) {
 }
 
 // src/SmX.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function SvgSmX(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2273,7 +2348,7 @@ function SvgSmX(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2285,9 +2360,9 @@ function SvgSmX(props) {
 }
 
 // src/SortByDefault.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function SvgSortByDefault(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2296,7 +2371,7 @@ function SvgSortByDefault(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2308,9 +2383,9 @@ function SvgSortByDefault(props) {
 }
 
 // src/SortByDown.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function SvgSortByDown(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2319,7 +2394,7 @@ function SvgSortByDown(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2331,9 +2406,9 @@ function SvgSortByDown(props) {
 }
 
 // src/SortByUp.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function SvgSortByUp(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2342,7 +2417,7 @@ function SvgSortByUp(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2354,9 +2429,9 @@ function SvgSortByUp(props) {
 }
 
 // src/Stake.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function SvgStake(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2365,7 +2440,7 @@ function SvgStake(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2379,9 +2454,9 @@ function SvgStake(props) {
 }
 
 // src/StarHex.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function SvgStarHex(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2391,14 +2466,14 @@ function SvgStarHex(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "M12.182 6.399a.2.2 0 0 0-.364 0l-1.453 3.183a.2.2 0 0 1-.16.116l-3.476.398a.2.2 0 0 0-.113.346l2.579 2.366a.2.2 0 0 1 .06.187l-.695 3.43a.2.2 0 0 0 .295.214l3.047-1.721a.2.2 0 0 1 .196 0l3.047 1.72a.2.2 0 0 0 .295-.213l-.696-3.43a.2.2 0 0 1 .061-.187l2.579-2.366a.2.2 0 0 0-.113-.346l-3.477-.398a.2.2 0 0 1-.159-.116z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2413,9 +2488,9 @@ function SvgStarHex(props) {
 }
 
 // src/Subnames.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function SvgSubnames(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2424,7 +2499,7 @@ function SvgSubnames(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2438,9 +2513,9 @@ function SvgSubnames(props) {
 }
 
 // src/SwapAccount.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function SvgSwapAccount(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2449,7 +2524,7 @@ function SvgSwapAccount(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2461,9 +2536,9 @@ function SvgSwapAccount(props) {
 }
 
 // src/ThumbUp.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function SvgThumbUp(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2472,7 +2547,7 @@ function SvgThumbUp(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2484,9 +2559,9 @@ function SvgThumbUp(props) {
 }
 
 // src/TriangleDown.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function SvgTriangleDown(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2495,7 +2570,7 @@ function SvgTriangleDown(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2507,9 +2582,9 @@ function SvgTriangleDown(props) {
 }
 
 // src/TriangleLeft.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function SvgTriangleLeft(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2518,7 +2593,7 @@ function SvgTriangleLeft(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2530,9 +2605,9 @@ function SvgTriangleLeft(props) {
 }
 
 // src/TriangleRight.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function SvgTriangleRight(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2541,7 +2616,7 @@ function SvgTriangleRight(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2553,9 +2628,9 @@ function SvgTriangleRight(props) {
 }
 
 // src/TriangleUp.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function SvgTriangleUp(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2564,7 +2639,7 @@ function SvgTriangleUp(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2576,9 +2651,9 @@ function SvgTriangleUp(props) {
 }
 
 // src/Unpined.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function SvgUnpined(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2587,7 +2662,7 @@ function SvgUnpined(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2599,9 +2674,9 @@ function SvgUnpined(props) {
 }
 
 // src/Unstake.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function SvgUnstake(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2611,14 +2686,14 @@ function SvgUnstake(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "path",
           {
             fill: "currentColor",
             d: "m19.607 13.95-1.464 1.455-1.747-1.716a5 5 0 1 0-6.39-6.53l.006.011-.011.005-.063.168-1.773-1.742 1.542-1.55a7 7 0 1 1 9.9 9.899"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2627,16 +2702,16 @@ function SvgUnstake(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { fill: "currentColor", d: "M19.086 21.414 2 4.414 3.414 3 20.5 20z" })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { fill: "currentColor", d: "M19.086 21.414 2 4.414 3.414 3 20.5 20z" })
       ]
     }
   );
 }
 
 // src/Vest.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function SvgVest(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2646,7 +2721,7 @@ function SvgVest(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2655,7 +2730,7 @@ function SvgVest(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2668,9 +2743,9 @@ function SvgVest(props) {
 }
 
 // src/Vesting.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function SvgVesting(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2680,10 +2755,10 @@ function SvgVesting(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("g", { fill: "currentColor", clipPath: "url(#vesting_svg__a)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M8 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v6a1 1 0 1 1-2 0V8H5v9a1 1 0 0 0 1 1h4a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M8 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("g", { fill: "currentColor", clipPath: "url(#vesting_svg__a)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M8 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v6a1 1 0 1 1-2 0V8H5v9a1 1 0 0 0 1 1h4a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M8 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "path",
             {
               fillRule: "evenodd",
@@ -2692,16 +2767,16 @@ function SvgVesting(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("clipPath", { id: "vesting_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("clipPath", { id: "vesting_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
       ]
     }
   );
 }
 
 // src/VisibilityOff.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function SvgVisibilityOff(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2711,7 +2786,7 @@ function SvgVisibilityOff(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2720,7 +2795,7 @@ function SvgVisibilityOff(props) {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2733,9 +2808,9 @@ function SvgVisibilityOff(props) {
 }
 
 // src/VisibilityOn.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function SvgVisibilityOn(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2745,8 +2820,8 @@ function SvgVisibilityOn(props) {
       viewBox: "0 0 24 24",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { fill: "currentColor", d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { fill: "currentColor", d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -2761,9 +2836,9 @@ function SvgVisibilityOn(props) {
 }
 
 // src/Warning.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function SvgWarning(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2772,7 +2847,7 @@ function SvgWarning(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -2832,6 +2907,7 @@ function SvgWarning(props) {
   IotaLogoSmall,
   IotaLogoWeb,
   Key,
+  Keystone,
   Ledger,
   LightMode,
   Link,
@@ -2850,6 +2926,7 @@ function SvgWarning(props) {
   MoreVert,
   Notifications,
   OutboundLink,
+  Passkey,
   Pause,
   Person,
   Pined,