@mastra/playground-ui 61.0.0-alpha.2 → 61.0.0-alpha.4

package/dist/components/EmptyState.es.js

@@ -1,2 +1,1579 @@
-export { E as EmptyState } from '../EmptyState-DGzBN0Ix.js';
+import '../EmptyState.css';export { E as EmptyState } from '../EmptyState-BI6cIolY.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+
+function ApiKeysArt({ id }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.746",
+        width: "207.574",
+        height: "40.288",
+        rx: "20.144",
+        transform: "matrix(0.849 -0.528 0.849 0.528 11.612 77.745)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "0.878"
+      }
+    ),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.746",
+          width: "207.574",
+          height: "40.288",
+          rx: "20.144",
+          transform: "matrix(0.849 -0.528 0.849 0.528 11.612 69.479)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.878"
+        }
+      ),
+      /* @__PURE__ */ jsx("mask", { id: `${id}-0`, fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M41.33 61a4.6 4.6 0 0 1 4.41 0l1.88 1.17.68-1.6c.45-1.03 2.16-1.64 3.82-1.37 1.67.28 2.65 1.34 2.2 2.38l-.68 1.6 2.57-.43c1.66-.28 3.37.33 3.81 1.37.45 1.03-.54 2.1-2.2 2.37l-2.56.43 1.87 1.17c1.22.75 1.22 1.98 0 2.74-1.22.75-3.19.75-4.4 0l-1.88-1.17-.7 1.6c-.44 1.03-2.15 1.64-3.81 1.37-1.66-.28-2.65-1.34-2.2-2.38l.68-1.6-2.56.43c-1.67.28-3.38-.33-3.82-1.37-.45-1.03.54-2.1 2.2-2.37l2.57-.43-1.88-1.17c-1.22-.75-1.22-1.98 0-2.74" }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m41.33 61-.74-.46zm4.41 0 .75-.46zm1.88 1.17-.75.46 1.3.8.47-1.1zm.68-1.6-1.02-.16zm3.82-1.37.28-.63zm2.2 2.38 1.03.17zm-.68 1.6L52.62 63l-.47 1.1 1.76-.3zm2.57-.43.27.63zm3.81 1.37 1.02-.17zm-2.2 2.37.27.64zm-2.56.43-.28-.64-1.76.3 1.29.8zm1.87 3.9.75.47zm-6.28-1.16.74-.46-1.3-.8-.46 1.1zm-.7 1.6 1.03.16zm-3.81 1.37-.27.63zm-2.2-2.38 1.01.17zm.68-1.6 1.02.18.47-1.1-1.76.3zm-2.56.43.27.64zm-3.82-1.37-1.02.17zm2.2-2.37.28.63zm2.57-.43.27.63 1.76-.29-1.29-.8zm-1.88-1.17-.74.47zm0-2.74.75.47c.8-.5 2.11-.5 2.92 0l.74-.47.75-.46a6.1 6.1 0 0 0-5.9 0zm4.41 0-.74.47 1.87 1.16.75-.46.74-.47-1.87-1.16zm1.88 1.17 1.02.17.68-1.6-1.02-.16-1.02-.17L46.6 62zm.68-1.6 1.02.18c.3-.69 1.43-1.1 2.53-.91l.27-.64.28-.63c-2.23-.37-4.52.45-5.12 1.84zm3.82-1.37-.27.64c1.1.18 1.75.89 1.46 1.57l1.02.17 1.02.17c.6-1.39-.73-2.8-2.95-3.18zm2.2 2.38-1.01-.17-.69 1.6 1.02.16 1.02.17.69-1.6zm-.68 1.6.27.63 2.57-.43-.27-.63-.28-.64-2.56.43zm2.57-.43.27.63c1.1-.18 2.23.22 2.53.9l1.01-.16 1.02-.17c-.6-1.39-2.88-2.2-5.1-1.84zm3.81 1.37-1.01.17c.3.68-.36 1.39-1.46 1.57l.27.63.27.64c2.23-.38 3.55-1.8 2.95-3.18zm-2.2 2.37-.27-.63-2.57.42.28.64.27.63 2.56-.42zm-2.56.43-.75.46 1.88 1.17.74-.46.75-.47L56 66.45zm1.87 1.17-.74.46c.8.5.8 1.31 0 1.81l.74.47.75.46c1.63-1.01 1.63-2.66 0-3.67zm0 2.74-.74-.47c-.8.5-2.12.5-2.92 0l-.75.47-.74.46a6.1 6.1 0 0 0 5.9 0zm-4.4 0 .74-.47-1.88-1.16-.74.46-.75.46 1.88 1.17zm-1.88-1.17-1.02-.17-.69 1.6 1.02.17 1.02.16.68-1.59zm-.7 1.6-1.01-.17c-.3.68-1.43 1.09-2.53.9l-.27.64-.27.63c2.22.37 4.51-.45 5.1-1.84zm-3.81 1.37.27-.64c-1.1-.18-1.75-.88-1.46-1.57l-1.02-.17-1.01-.17c-.6 1.39.72 2.8 2.95 3.18zm-2.2-2.38 1.01.17.69-1.6-1.02-.16-1.02-.17-.68 1.6zm.68-1.6-.27-.63-2.57.43.28.63.27.64 2.56-.43zm-2.56.43-.27-.63c-1.1.18-2.24-.22-2.53-.9l-1.02.16-1.02.17c.6 1.39 2.88 2.2 5.11 1.84zm-3.82-1.37 1.02-.17c-.3-.68.36-1.38 1.46-1.57l-.28-.63-.27-.64c-2.23.38-3.55 1.8-2.95 3.18zm2.2-2.37.28.63 2.56-.43-.27-.63-.28-.63-2.56.42zm2.57-.43.74-.46-1.87-1.17-.75.46-.74.47 1.87 1.16zm-1.88-1.17.75-.46c-.8-.5-.8-1.31 0-1.81l-.75-.47-.74-.46c-1.63 1.01-1.63 2.65 0 3.67z",
+          fill: "currentColor",
+          mask: `url(#${id}-0)`
+        }
+      ),
+      /* @__PURE__ */ jsx("mask", { id: `${id}-1`, fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M60.83 48.88a4.6 4.6 0 0 1 4.4 0l1.88 1.17.7-1.6c.44-1.03 2.15-1.65 3.81-1.37s2.65 1.34 2.2 2.38l-.68 1.59 2.56-.43c1.67-.27 3.38.34 3.82 1.37.45 1.04-.54 2.1-2.2 2.38l-2.57.43 1.88 1.16c1.22.76 1.22 1.99 0 2.74s-3.2.76-4.41 0l-1.88-1.16-.68 1.6c-.45 1.03-2.16 1.64-3.82 1.36-1.67-.27-2.65-1.34-2.2-2.37l.68-1.6-2.56.43c-1.67.28-3.38-.34-3.82-1.37-.45-1.03.54-2.1 2.2-2.37l2.56-.43-1.87-1.17c-1.22-.76-1.22-1.98 0-2.74" }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m60.83 48.88-.75-.46zm4.4 0 .75-.46zm1.88 1.17-.74.46 1.29.8.47-1.1zm.7-1.6-1.03-.17zm3.81-1.37.27-.63zm2.2 2.38 1.02.17zm-.68 1.59-1.02-.17-.47 1.1 1.76-.3zm2.56-.43.28.64zM79.52 52l1.02-.17zm-2.2 2.38.27.63zm-2.57.43-.27-.64-1.77.3 1.3.8zm1.88 3.9.75.47zm-6.29-1.16.75-.47-1.3-.8-.47 1.1zm-.68 1.6 1.01.16zm-3.82 1.36-.28.64zm-2.2-2.37 1.01.17zm.68-1.6 1.02.17.47-1.1-1.77.3zm-2.56.43.27.64zm-3.82-1.37-1.02.17zm2.2-2.37.27.63zm2.56-.43.28.63 1.76-.3-1.29-.8zm-1.87-1.17-.75.47zm0-2.74.74.46c.81-.5 2.12-.5 2.92 0l.75-.46.74-.46a6.1 6.1 0 0 0-5.9 0zm4.4 0-.74.46 1.88 1.17.74-.46.75-.47-1.88-1.16zm1.88 1.17 1.02.17.69-1.6-1.02-.17-1.02-.17-.68 1.6zm.7-1.6 1.01.17c.3-.68 1.43-1.09 2.53-.9l.27-.64.27-.63c-2.22-.37-4.51.45-5.1 1.83zm3.81-1.37-.27.64c1.1.18 1.75.88 1.46 1.57l1.02.17 1.01.17c.6-1.39-.72-2.81-2.95-3.18zm2.2 2.38-1.01-.17-.69 1.59 1.02.17 1.02.17.68-1.6zm-.68 1.59.27.63 2.57-.42-.28-.64-.27-.63-2.56.43zm2.56-.43.28.64c1.1-.19 2.23.22 2.52.9l1.02-.17 1.02-.17c-.6-1.38-2.88-2.2-5.11-1.83zM79.52 52l-1.02.17c.3.69-.36 1.4-1.46 1.58l.28.63.27.63c2.23-.37 3.55-1.8 2.95-3.18zm-2.2 2.38-.28-.63-2.56.42.27.64.28.63 2.56-.43zm-2.57.43-.74.46 1.87 1.17.75-.47.75-.46-1.88-1.17zm1.88 1.16-.75.47c.81.5.81 1.31 0 1.81l.75.46.75.47c1.63-1.02 1.63-2.66 0-3.67zm0 2.74-.75-.46c-.8.5-2.1.5-2.91 0l-.75.46-.75.47a6.1 6.1 0 0 0 5.9 0zm-4.41 0 .75-.46-1.88-1.17-.75.47-.74.46 1.87 1.17zm-1.88-1.16-1.02-.17-.68 1.6 1.02.16 1.01.17.7-1.6zm-.68 1.6-1.02-.18c-.3.69-1.43 1.1-2.53.91l-.27.63-.28.64c2.23.37 4.52-.45 5.11-1.84zm-3.82 1.36.27-.63c-1.1-.18-1.75-.89-1.46-1.57l-1.02-.17-1.02-.17c-.6 1.38.73 2.8 2.95 3.18zm-2.2-2.37 1.01.17.69-1.6-1.02-.17-1.02-.16-.69 1.59zm.68-1.6-.28-.63-2.56.43.28.63.27.64 2.56-.43zm-2.56.43-.28-.63c-1.1.18-2.23-.22-2.53-.9l-1.01.16-1.02.17c.6 1.38 2.88 2.2 5.1 1.84zm-3.82-1.37 1.01-.17c-.29-.68.36-1.39 1.46-1.57l-.27-.63-.27-.64c-2.23.37-3.55 1.8-2.95 3.18zm2.2-2.37.27.63 2.57-.43-.28-.63-.27-.63-2.56.42zm2.56-.43.75-.47-1.88-1.16-.74.46-.75.47 1.88 1.16zm-1.87-1.17.74-.46c-.8-.5-.8-1.32 0-1.82l-.74-.46-.75-.46c-1.63 1-1.63 2.65 0 3.67z",
+          fill: "currentColor",
+          mask: `url(#${id}-1)`
+        }
+      ),
+      /* @__PURE__ */ jsx("mask", { id: `${id}-2`, fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M80.33 36.76a4.6 4.6 0 0 1 4.4 0l1.88 1.16.69-1.6c.44-1.02 2.15-1.64 3.82-1.36 1.66.28 2.65 1.34 2.2 2.37l-.68 1.6 2.56-.43c1.66-.28 3.37.34 3.82 1.37.44 1.04-.54 2.1-2.2 2.38l-2.57.42 1.88 1.17c1.22.76 1.22 1.98 0 2.74s-3.2.76-4.41 0l-1.88-1.17-.69 1.6c-.44 1.03-2.15 1.65-3.82 1.37-1.66-.28-2.65-1.34-2.2-2.37l.68-1.6-2.56.43c-1.66.28-3.37-.34-3.82-1.37-.44-1.04.54-2.1 2.2-2.38l2.57-.43-1.87-1.16c-1.22-.76-1.22-1.99 0-2.74" }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m80.33 36.76-.75-.47zm4.4 0 .75-.47zm1.88 1.16-.74.47 1.29.8.47-1.1zm.69-1.6-1.02-.16zm3.82-1.36.27-.64zm2.2 2.37 1.02.17zm-.68 1.6-1.02-.17-.48 1.1 1.77-.3zm2.56-.43.27.63zm3.82 1.37 1.02-.17zm-2.2 2.38.27.63zm-2.57.42-.27-.63-1.77.3 1.3.8zm1.88 3.91.74.47zm-6.29-1.17.75-.46-1.3-.8-.47 1.1zm-.69 1.6 1.02.17zm-3.82 1.37-.27.63zm-2.2-2.37 1.02.16zm.68-1.6 1.02.17.47-1.1-1.76.3zm-2.56.43.28.63zm-3.82-1.37-1.02.17zm2.2-2.38.28.64zm2.57-.43.27.64 1.77-.3-1.3-.8zm-1.87-1.16-.75.46zm0-2.74.74.46c.8-.5 2.11-.5 2.92 0l.75-.46.74-.47a6.1 6.1 0 0 0-5.9 0zm4.4 0-.74.46 1.88 1.17.74-.47.75-.46-1.88-1.17zm1.88 1.16 1.02.17.69-1.6-1.02-.16-1.02-.17-.69 1.6zm.69-1.6 1.02.18c.3-.69 1.42-1.1 2.52-.9l.28-.64.27-.64c-2.23-.37-4.51.46-5.11 1.84zm3.82-1.36-.28.63c1.1.19 1.76.89 1.46 1.57l1.02.17 1.02.17c.6-1.38-.72-2.8-2.95-3.18zm2.2 2.37-1.02-.17-.68 1.6 1.02.17 1.01.17.7-1.6zm-.68 1.6.27.63 2.56-.43-.27-.63-.27-.63-2.57.42zm2.56-.43.27.63c1.1-.18 2.24.23 2.53.91l1.02-.17 1.02-.17c-.6-1.38-2.89-2.2-5.11-1.83zm3.82 1.37-1.02.17c.3.69-.36 1.39-1.46 1.57l.27.64.28.63c2.22-.37 3.54-1.8 2.95-3.18zm-2.2 2.38-.28-.64-2.56.43.27.63.27.64 2.57-.43zm-2.57.42-.75.47 1.88 1.16.75-.46.74-.46L95 42.2zm1.88 1.17-.75.46c.8.5.8 1.32 0 1.82l.75.46.74.47c1.63-1.02 1.63-2.66 0-3.67zm0 2.74-.75-.46c-.8.5-2.11.5-2.92 0l-.74.46-.75.47a6.1 6.1 0 0 0 5.9 0zm-4.41 0 .74-.46-1.87-1.17-.75.46-.75.47 1.88 1.17zm-1.88-1.17-1.02-.17-.69 1.6 1.02.17 1.02.17.69-1.6zm-.69 1.6-1.02-.17c-.29.68-1.42 1.09-2.52.9l-.28.64-.27.63c2.23.37 4.52-.45 5.11-1.83zm-3.82 1.37.28-.63c-1.1-.19-1.76-.9-1.46-1.58l-1.02-.16-1.02-.17c-.6 1.38.73 2.8 2.95 3.17zm-2.2-2.37 1.02.16.68-1.59-1.02-.17-1.02-.17-.68 1.6zm.68-1.6-.27-.63-2.56.43.27.63.28.63 2.56-.42zm-2.56.43-.27-.63c-1.1.18-2.23-.23-2.53-.91l-1.02.17-1.02.17c.6 1.38 2.89 2.2 5.12 1.83zm-3.82-1.37 1.02-.17c-.3-.69.36-1.4 1.46-1.57l-.27-.64-.28-.63c-2.22.37-3.54 1.8-2.95 3.18zm2.2-2.38.28.64 2.56-.43-.27-.64-.27-.63-2.57.43zm2.57-.43.75-.46-1.88-1.17-.74.47-.75.46 1.88 1.17zm-1.87-1.16.74-.47c-.8-.5-.8-1.3 0-1.81l-.74-.46-.75-.47c-1.63 1.02-1.63 2.66 0 3.67z",
+          fill: "currentColor",
+          mask: `url(#${id}-2)`
+        }
+      ),
+      /* @__PURE__ */ jsx("mask", { id: `${id}-3`, fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M99.82 24.63a4.6 4.6 0 0 1 4.41 0l1.88 1.17.69-1.6c.44-1.03 2.15-1.64 3.81-1.36s2.66 1.34 2.21 2.37l-.69 1.6 2.57-.43c1.66-.28 3.37.33 3.82 1.37.44 1.03-.55 2.1-2.2 2.37l-2.57.43 1.87 1.17c1.22.75 1.22 1.98 0 2.74-1.21.76-3.19.76-4.4 0l-1.88-1.17-.69 1.6c-.45 1.03-2.16 1.64-3.82 1.37-1.66-.28-2.65-1.34-2.2-2.38l.68-1.6-2.56.44c-1.66.27-3.37-.34-3.82-1.38s.54-2.1 2.2-2.37l2.57-.43-1.88-1.16c-1.22-.76-1.22-1.99 0-2.75" }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m99.82 24.63-.74-.46zm4.41 0 .75-.46zm1.88 1.17-.75.46 1.3.8.47-1.1zm.69-1.6 1.01.18zm3.81-1.36.28-.64zm2.21 2.37 1.02.17zm-.69 1.6-1.02-.18-.47 1.1 1.77-.3zm2.57-.43.27.63zm3.82 1.37 1.02-.17zm-2.2 2.37.26.64zm-2.57.43-.28-.63-1.76.29 1.3.8zm1.87 3.9.75.47zm-6.28-1.16.74-.46-1.29-.8-.47 1.1zm-.69 1.6 1.02.17zm-3.82 1.37-.27.63zm-2.2-2.38 1.02.17zm.68-1.6 1.02.18.47-1.1-1.76.3zm-2.56.44.27.63zm-3.82-1.38-1.02.17zm2.2-2.37.28.63zm2.57-.43.27.64 1.77-.3-1.3-.8zm-1.88-1.16-.74.46zm0-2.75.75.47c.8-.5 2.11-.5 2.92 0l.74-.47.75-.46a6.1 6.1 0 0 0-5.9 0zm4.41 0-.74.47 1.87 1.16.75-.46.74-.46-1.87-1.17zm1.88 1.17 1.02.17.68-1.6-1.02-.16-1.01-.17-.69 1.59zm.69-1.6 1.01.18c.3-.69 1.43-1.1 2.53-.91l.27-.63.28-.64c-2.23-.37-4.52.45-5.11 1.84zm3.81-1.36-.27.63c1.1.18 1.76.89 1.46 1.57l1.02.17 1.02.17c.6-1.38-.73-2.8-2.95-3.18zm2.21 2.37-1.02-.17-.69 1.6 1.02.16 1.02.17.69-1.59zm-.69 1.6.28.63 2.56-.43-.27-.63-.28-.64-2.56.43zm2.57-.43.27.63c1.1-.18 2.23.22 2.53.9l1.02-.16 1.02-.17c-.6-1.39-2.89-2.2-5.12-1.84zm3.82 1.37-1.02.17c.3.68-.36 1.39-1.46 1.57l.27.63.27.64c2.23-.37 3.55-1.8 2.96-3.18zm-2.2 2.37-.28-.63-2.57.43.28.63.27.63 2.56-.42zm-2.57.43L113 31l1.88 1.17.74-.46.75-.47-1.88-1.16zm1.87 1.17-.74.46c.8.5.8 1.31 0 1.81l.74.47.75.46c1.63-1.01 1.63-2.65 0-3.67zm0 2.74-.74-.47c-.8.5-2.11.5-2.92 0l-.75.47-.74.46a6.1 6.1 0 0 0 5.9 0zm-4.4 0 .74-.47-1.88-1.16-.74.46-.75.47 1.88 1.16zm-1.88-1.17-1.02-.17-.69 1.6 1.02.17 1.02.17.69-1.6zm-.69 1.6-1.02-.17c-.3.68-1.42 1.09-2.53.9l-.27.64-.27.63c2.22.37 4.51-.45 5.1-1.83zm-3.82 1.37.27-.64c-1.1-.18-1.75-.88-1.45-1.57l-1.02-.17-1.02-.17c-.6 1.39.72 2.81 2.95 3.18zm-2.2-2.38 1.02.17.68-1.6-1.02-.16-1.02-.17-.68 1.6zm.68-1.6-.27-.62-2.56.42.27.64.27.63 2.56-.43zm-2.56.44-.27-.64c-1.1.19-2.24-.22-2.53-.9l-1.02.16-1.02.17c.6 1.39 2.89 2.21 5.11 1.84zm-3.82-1.38 1.02-.17c-.3-.68.36-1.38 1.46-1.57l-.28-.63-.27-.63c-2.22.37-3.54 1.79-2.95 3.17zm2.2-2.37.28.63 2.56-.42-.27-.64-.28-.63-2.56.43zm2.57-.43.74-.46-1.87-1.17-.75.47-.74.46 1.87 1.17zm-1.88-1.16.75-.47c-.8-.5-.8-1.31 0-1.81l-.75-.47-.74-.46c-1.63 1.01-1.63 2.66 0 3.67z",
+          fill: "currentColor",
+          mask: `url(#${id}-3)`
+        }
+      ),
+      /* @__PURE__ */ jsx("mask", { id: `${id}-4`, fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M119.32 12.51a4.6 4.6 0 0 1 4.41 0l1.88 1.17.68-1.6c.45-1.03 2.16-1.64 3.82-1.37 1.67.28 2.65 1.34 2.2 2.38l-.68 1.6 2.56-.44c1.67-.27 3.38.34 3.82 1.37.45 1.04-.54 2.1-2.2 2.38l-2.56.43 1.87 1.16c1.22.76 1.22 1.99 0 2.75-1.22.75-3.2.75-4.4 0l-1.88-1.17-.7 1.6c-.44 1.03-2.15 1.64-3.81 1.36s-2.65-1.34-2.2-2.37l.68-1.6-2.56.43c-1.67.28-3.38-.33-3.82-1.37-.45-1.03.54-2.1 2.2-2.37l2.57-.43-1.88-1.17c-1.22-.75-1.22-1.98 0-2.74" }) }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m119.32 12.51-.75-.46zm4.41 0 .75-.46zm1.88 1.17-.75.46 1.3.8.47-1.1zm.68-1.6 1.02.17zm3.82-1.37.28-.63zm2.2 2.38 1.03.17zm-.68 1.6-1.02-.18-.47 1.1 1.76-.3zm2.56-.44.28.64zm3.82 1.37 1.02-.16zm-2.2 2.38.27.63zm-2.56.43-.28-.64-1.76.3 1.29.8zm1.87 3.9.75.47zm-6.28-1.16.74-.47-1.3-.8-.46 1.1zm-.7 1.6 1.03.16zm-3.81 1.36-.27.64zm-2.2-2.37 1.01.17zm.68-1.6 1.02.17.47-1.1-1.76.3zm-2.56.43.27.64zm-3.82-1.37-1.02.17zm2.2-2.37.28.63zm2.57-.43.27.63 1.76-.3-1.29-.8zm-1.88-1.17-.75.47zm0-2.74.75.46c.8-.5 2.1-.5 2.91 0l.75-.46.75-.46a6.1 6.1 0 0 0-5.9 0zm4.41 0-.75.46 1.88 1.17.75-.46.74-.47-1.87-1.16zm1.88 1.17 1.02.17.68-1.6-1.02-.17-1.02-.17-.68 1.6zm.68-1.6 1.02.17c.3-.68 1.43-1.09 2.53-.9l.27-.64.28-.63c-2.23-.37-4.52.45-5.12 1.83zm3.82-1.37-.27.64c1.1.18 1.75.88 1.46 1.57l1.02.17 1.02.17c.6-1.39-.73-2.81-2.95-3.18zm2.2 2.38-1.01-.17-.69 1.6 1.02.16 1.02.17.69-1.6zm-.68 1.6.27.62 2.57-.42-.28-.64-.27-.63-2.56.43zm2.56-.44.28.64c1.1-.19 2.23.22 2.53.9l1.01-.17 1.02-.16c-.6-1.39-2.88-2.21-5.1-1.84zm3.82 1.37-1.01.17c.3.69-.36 1.4-1.47 1.58l.28.63.27.63c2.23-.37 3.55-1.8 2.95-3.17zm-2.2 2.38-.27-.63-2.57.42.28.64.27.63 2.56-.43zm-2.56.43-.75.46 1.88 1.17.74-.47.75-.46-1.88-1.17zm1.87 1.16-.74.47c.8.5.8 1.31 0 1.81l.74.47.75.46c1.63-1.01 1.63-2.66 0-3.67zm0 2.75-.74-.47c-.81.5-2.12.5-2.92 0l-.75.47-.74.46a6.1 6.1 0 0 0 5.9 0zm-4.4 0 .74-.47-1.88-1.17-.75.47-.74.46 1.88 1.17zm-1.88-1.17-1.02-.17-.7 1.6 1.03.16 1.02.17.68-1.6zm-.7 1.6-1.01-.18c-.3.69-1.43 1.1-2.53.91l-.27.63-.27.64c2.22.37 4.51-.45 5.1-1.84zm-3.81 1.36.27-.63c-1.1-.18-1.75-.89-1.46-1.57l-1.02-.17-1.02-.17c-.6 1.38.73 2.8 2.96 3.18zm-2.2-2.37 1.01.17.69-1.6-1.02-.16-1.02-.17-.69 1.59zm.68-1.6-.27-.63-2.57.43.28.63.27.64 2.56-.43zm-2.56.43-.28-.63c-1.1.18-2.23-.22-2.52-.9l-1.02.16-1.02.17c.6 1.39 2.89 2.2 5.11 1.84zm-3.82-1.37 1.02-.17c-.3-.68.36-1.39 1.46-1.57l-.28-.63-.27-.64c-2.22.37-3.55 1.8-2.95 3.18zm2.2-2.37.28.63 2.56-.43-.27-.63-.28-.63-2.56.42zm2.57-.43.74-.46-1.87-1.17-.75.46-.75.47 1.88 1.16zm-1.88-1.17.75-.46c-.81-.5-.81-1.31 0-1.82l-.75-.46-.75-.46c-1.63 1.01-1.63 2.65 0 3.67z",
+          fill: "currentColor",
+          mask: `url(#${id}-4)`
+        }
+      )
+    ] })
+  ] });
+}
+
+function DatabasesArt({ id }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        width: "48.964",
+        height: "48.964",
+        rx: "13.091",
+        transform: "matrix(0.85 0.527 -0.85 0.527 59.888 76.317)",
+        className: "fill-background"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0",
+        y: "0.627",
+        width: "47.773",
+        height: "47.773",
+        rx: "12.496",
+        transform: "matrix(0.85 0.527 -0.85 0.527 60.421 76.614)",
+        stroke: "currentColor",
+        strokeOpacity: "0.5",
+        strokeWidth: "1.19"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0",
+        y: "0.627",
+        width: "47.773",
+        height: "47.773",
+        rx: "12.496",
+        transform: "matrix(0.85 0.527 -0.85 0.527 60.421 70.969)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.19"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "4.866",
+        cy: "4.866",
+        r: "4.27",
+        transform: "matrix(0.85 0.527 -0.85 0.527 60.084 103.266)",
+        stroke: "currentColor",
+        strokeWidth: "1.19"
+      }
+    ),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-0.5", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "48.964",
+          height: "48.964",
+          rx: "13.091",
+          transform: "matrix(0.85 0.527 -0.85 0.527 59.888 59.189)",
+          className: "fill-background"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 59.486)",
+          stroke: "currentColor",
+          strokeOpacity: "0.5",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 53.84)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "4.866",
+          cy: "4.866",
+          r: "4.27",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.084 86.137)",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "48.964",
+          height: "48.964",
+          rx: "13.091",
+          transform: "matrix(0.85 0.527 -0.85 0.527 59.888 43.424)",
+          className: "fill-background"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 43.721)",
+          stroke: "currentColor",
+          strokeOpacity: "0.5",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 38.075)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "4.866",
+          cy: "4.866",
+          r: "4.27",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.084 70.372)",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          width: "48.964",
+          height: "48.964",
+          rx: "13.091",
+          transform: "matrix(0.85 0.527 -0.85 0.527 59.888 28.191)",
+          className: "fill-background"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 28.488)",
+          stroke: "currentColor",
+          strokeOpacity: "0.5",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0",
+          y: "0.627",
+          width: "47.773",
+          height: "47.773",
+          rx: "12.496",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.421 22.843)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "4.866",
+          cy: "4.866",
+          r: "4.27",
+          transform: "matrix(0.85 0.527 -0.85 0.527 60.084 55.14)",
+          stroke: "currentColor",
+          strokeWidth: "1.19"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("rect", { x: "21.281", y: "65.614", width: "78.576", height: "61.442", fill: `url(#${id}-0)` }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-0`, x1: "60.569", y1: "65.614", x2: "60.569", y2: "127.055", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { style: { stopColor: "var(--color-background)" }, stopOpacity: "0" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", style: { stopColor: "var(--color-background)" } })
+    ] }) })
+  ] });
+}
+
+function DeploysArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M89.01 73.87c-9.15 5.6-21.58 7.97-33.49 7.11-2.34-.17-4.01-1.47-3.74-2.9.28-1.43 2.4-2.46 4.74-2.3 9.43.69 19.23-1.19 26.45-5.61 5.26-3.22 8.31-7.29 9.16-11.49 1.16-5.8-1.89-11.85-9.16-16.3-12.52-7.68-32.83-7.68-45.35 0-7.23 4.42-10.29 10.43-9.18 16.2l.02.11c.17 1.4-1.47 2.63-3.75 2.8-2.35.17-4.47-.86-4.74-2.3a15 15 0 0 1-.27-3.53c.25-6.16 4.2-12.28 11.88-16.98 15.86-9.72 41.57-9.72 57.43 0 7.76 4.75 11.73 10.96 11.89 17.2.17 6.5-3.8 13.03-11.89 17.99",
+        className: "fill-background"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M92.13 58.68c-.85 4.2-3.9 8.27-9.16 11.49-7.22 4.42-17.02 6.3-26.45 5.62-2.34-.17-4.46.86-4.74 2.3-.27 1.42 1.4 2.72 3.74 2.9 11.91.85 24.34-1.52 33.49-7.12 8.1-4.96 12.06-11.5 11.89-18-.16-6.23-4.13-12.44-11.89-17.2-15.86-9.71-41.57-9.71-57.43 0-7.67 4.7-11.63 10.83-11.88 16.99q-.07 1.77.27 3.54c.27 1.43 2.4 2.46 4.74 2.29 2.28-.17 3.92-1.4 3.75-2.8q0-.05-.02-.1c-1.1-5.78 1.95-11.79 9.18-16.22 12.52-7.67 32.83-7.67 45.35 0 7.27 4.46 10.32 10.51 9.16 16.31m-40.35 19.4v4.83c-.27 1.43 1.4 2.73 3.74 2.9 11.91.86 24.34-1.51 33.49-7.12 7.75-4.75 11.72-10.94 11.89-17.17v-5.65M28.44 58.6v4.82c.28 1.44-1.4 2.74-3.73 2.9-2.35.17-4.47-.85-4.74-2.29l-.27-.98v-7.38m8.76 3.03c.84-4.2 3.9-8.26 9.16-11.49 12.52-7.67 32.83-7.67 45.35 0 5.26 3.22 8.31 7.29 9.16 11.48",
+        stroke: "currentColor",
+        strokeOpacity: "0.5",
+        strokeWidth: "0.756",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M74.1 56.26c-6.01 3.68-14.9 4.55-22.26 2.59-1.74-.47-3.82-.36-5.16.47L1.74 86.85a6.3 6.3 0 0 1-6.04 0c-.8-.49-1.22-1.13-1.25-1.78-.03-.69.4-1.39 1.25-1.91l44.94-27.54c1.34-.82 1.52-2.1.77-3.17-3.2-4.5-1.8-9.95 4.23-13.64 7.86-4.82 20.6-4.82 28.47 0 3.75 2.3 5.71 5.29 5.88 8.3.18 3.3-1.78 6.63-5.88 9.15",
+          className: "fill-background"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M-5.55 85.07c.03.65.45 1.3 1.25 1.78a6.3 6.3 0 0 0 6.04 0l44.94-27.53c1.34-.83 3.42-.94 5.16-.47 7.36 1.96 16.25 1.1 22.27-2.6 4.1-2.51 6.06-5.84 5.88-9.14-.17-3.01-2.13-6-5.88-8.3-7.87-4.82-20.61-4.82-28.47 0-6.02 3.69-7.43 9.13-4.23 13.64.75 1.07.57 2.35-.77 3.17L-4.3 83.16c-.86.52-1.28 1.22-1.25 1.91M80 47.11l.23 14.27c-.07 3.1-2.03 6.2-5.9 8.57-6.02 3.69-14.9 4.55-22.26 2.59-1.74-.46-3.82-.35-5.16.47L1.96 100.55a6.3 6.3 0 0 1-6.04 0c-.78-.48-1.2-1.1-1.25-1.73l-.22-13.75",
+          stroke: "currentColor",
+          strokeWidth: "0.756",
+          strokeLinecap: "round"
+        }
+      )
+    ] })
+  ] });
+}
+
+const hoverStyle$3 = { "--hover-shift": "10.18px -5.09px" };
+function DisconnectedArt() {
+  return /* @__PURE__ */ jsxs("g", { strokeWidth: "0.9", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m55.24 41.9.64-1.6 1.83-1.37 11.87-5.94 2.73-.91 3.21-.32 3.22.32 2.72.91 16.97 8.49 1.83 1.36.63 1.61v15.59l-.63 1.6-1.83 1.37-11.88 5.94-2.72.91-3.21.32-3.22-.32-2.72-.91-16.97-8.49-1.83-1.36-.64-1.61Z",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeOpacity: "0.7"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m98.97 44.45-.49 1.24-1.4 1.05-11.88 5.94-2.1.7-2.48.25-2.48-.25-2.11-.7-16.97-8.49-1.4-1.05-.5-1.24",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m73.57 61.64-.02-.37-.07-.38-.11-.39-.15-.38-.19-.37-.23-.34-.25-.32-.27-.27-.28-.22-.29-.18-.3-.12-.28-.06-.27.01-.25.06-.22.12-.19.18-.16.23-.11.27-.07.32-.02.34.02.37.07.39.11.38.16.39.19.36.22.35.25.31.27.27.28.23.3.17.29.12.28.06h.27l.25-.06.23-.13.19-.17.15-.23.11-.28.07-.31zm-11.03-5.51-.02-.37-.07-.39-.11-.38-.15-.39-.2-.36-.22-.35-.25-.31-.27-.27-.28-.23-.3-.17-.29-.12-.28-.06h-.27l-.25.06-.23.13-.19.17-.15.23-.11.28-.07.31-.02.35.02.37.07.38.11.39.15.38.19.37.23.34.25.32.27.27.28.22.29.18.3.12.28.05h.27l.25-.06.22-.12.2-.18.15-.23.11-.27.07-.32z",
+        stroke: "currentColor",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "g",
+      {
+        className: "motion-safe:transition-[translate,transform] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:[translate:var(--hover-shift)]",
+        style: hoverStyle$3,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m50.81 68.69.14-.34.39-.29 9.33-4.67.59-.19.69-.07.69.07.58.19.39.29.14.35v3.12l-.14.34-.39.29-9.33 4.67-.59.19-.69.07-.68-.07-.59-.19-.39-.29-.14-.35Z",
+              className: "fill-background",
+              stroke: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m63.15 64.03-.09.23-.26.19-9.34 4.67-.39.13-.46.04-.46-.04-.38-.13-.26-.2-.1-.23",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m39.78 63.18.14-.35.39-.29 9.33-4.66.59-.2.69-.07.69.07.58.2.39.29.14.34v3.12l-.14.34-.39.3-9.33 4.66-.59.2-.69.07-.69-.07-.58-.2-.39-.29-.14-.34Z",
+              className: "fill-background",
+              stroke: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m52.12 58.51-.09.23-.26.2-9.34 4.66-.39.13-.46.05-.46-.05-.39-.13-.26-.19-.09-.23",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m19.11 65.2.55-1.38 1.56-1.17 10.18-5.09 2.34-.78 2.75-.28 2.76.28 2.33.78 11.88 5.94 1.56 1.17.55 1.37v13.51l-.55 1.38-1.56 1.17-10.18 5.09-2.34.78-2.75.27-2.76-.27-2.33-.78-11.88-5.94-1.56-1.17-.55-1.37Z",
+              className: "fill-background",
+              stroke: "currentColor",
+              strokeOpacity: "0.7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m53.89 66.04-.42 1.06-1.2.9-10.18 5.09-1.79.59-2.11.21-2.11-.21-1.79-.59-11.88-5.94-1.2-.9-.42-1.05",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m-111.53 145.23.32-.8.91-.68L21.22 77.99l1.36-.46 1.61-.16 1.61.16 1.36.46.91.68.32.8v6.24l-.32.8-.91.68-131.52 65.76-1.37.46-1.6.16-1.61-.16-1.36-.46-.91-.68-.32-.8Z",
+              className: "fill-background",
+              stroke: "currentColor",
+              strokeOpacity: "0.7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m27.43 79.47-.25.62-.7.53-131.52 65.76-1.05.35-1.24.12-1.24-.12-1.05-.35-.71-.53-.24-.62",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+function EnvironmentsArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "31.838",
+        height: "31.838",
+        rx: "8.354",
+        transform: "matrix(0.852 -0.523 0.852 0.523 27.797 59.49)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "31.838",
+        height: "31.838",
+        rx: "8.354",
+        transform: "matrix(0.852 -0.523 0.852 0.523 58.569 78.359)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "31.838",
+        height: "31.838",
+        rx: "8.354",
+        transform: "matrix(0.852 -0.523 0.852 0.523 89.16 59.6)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "90.654",
+        height: "91.138",
+        rx: "13.128",
+        transform: "matrix(0.852 -0.523 0.852 0.523 8.195 59.148)",
+        stroke: "currentColor",
+        strokeWidth: "0.796",
+        strokeDasharray: "1.59 1.59"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "13.926",
+        height: "13.926",
+        rx: "5.967",
+        transform: "matrix(0.852 -0.523 0.852 0.523 58.36 40.75)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "13.926",
+        height: "13.926",
+        rx: "5.967",
+        transform: "matrix(0.852 -0.523 0.852 0.523 73.34 31.564)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "13.926",
+        height: "13.926",
+        rx: "5.967",
+        transform: "matrix(0.852 -0.523 0.852 0.523 73.468 50.014)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.678",
+        width: "13.926",
+        height: "13.926",
+        rx: "5.967",
+        transform: "matrix(0.852 -0.523 0.852 0.523 88.448 40.828)",
+        stroke: "currentColor",
+        strokeWidth: "0.796"
+      }
+    ),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "31.838",
+          height: "31.838",
+          rx: "8.354",
+          transform: "matrix(0.852 -0.523 0.852 0.523 27.797 54.023)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "31.838",
+          height: "31.838",
+          rx: "8.354",
+          transform: "matrix(0.852 -0.523 0.852 0.523 58.569 72.892)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "31.838",
+          height: "31.838",
+          rx: "8.354",
+          transform: "matrix(0.852 -0.523 0.852 0.523 89.16 54.133)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-75 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-2", children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "13.926",
+          height: "13.926",
+          rx: "5.967",
+          transform: "matrix(0.852 -0.523 0.852 0.523 58.359 35.283)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "13.926",
+          height: "13.926",
+          rx: "5.967",
+          transform: "matrix(0.852 -0.523 0.852 0.523 73.34 26.097)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "13.926",
+          height: "13.926",
+          rx: "5.967",
+          transform: "matrix(0.852 -0.523 0.852 0.523 73.468 44.547)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.678",
+          width: "13.926",
+          height: "13.926",
+          rx: "5.967",
+          transform: "matrix(0.852 -0.523 0.852 0.523 88.448 35.361)",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeWidth: "0.796"
+        }
+      )
+    ] })
+  ] });
+}
+
+const hoverStyle$2 = { "--hover-shift": "0px -10.61px" };
+function LockedArt({ id }) {
+  return /* @__PURE__ */ jsxs("g", { strokeWidth: "0.9", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m33.93 46.9.66-1.68 1.9-1.41 7.42-3.72 2.84-.95 3.35-.33 3.35.33 2.84.95L83.51 53.7l1.9 1.42.66 1.68v36.37l-.66 1.68-1.9 1.42-7.42 3.71-2.84.95-3.35.33-3.35-.33-2.84-.95-27.22-13.61-1.9-1.42-.66-1.68Z",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeOpacity: "0.7"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m83.62 56.8-.48 1.2-1.36 1.03-7.43 3.71-2.04.68-2.41.24-2.41-.24-2.05-.68-27.22-13.61-1.36-1.03-.48-1.2",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m51.96 47.83-.63.26-.7.22-.76.16-.8.09-.83.04-.82-.04-.8-.09-.76-.16-.7-.22-.63-.26-.53-.32-.43-.35-.32-.38-.19-.4-.07-.41.07-.41.19-.4.32-.38.43-.35.53-.32.63-.26.7-.22.76-.16.8-.09.82-.03.83.03.8.09.76.16.7.22.63.26.53.32.43.35.32.38.19.4.06.41-.06.41-.19.4-.32.38-.43.35zm23.51 11.75-.63.27-.7.22-.76.15-.8.1-.82.03-.83-.03-.8-.1-.76-.15-.7-.22-.63-.27-.53-.31-.43-.35-.32-.38-.19-.4-.06-.41.06-.41.19-.4.32-.39.43-.35.53-.31.63-.27.7-.21.76-.16.8-.1.83-.03.82.03.8.1.76.16.7.21.63.27.53.31.43.35.32.39.19.4.07.41-.07.41-.19.4-.32.38-.43.35z",
+        stroke: "currentColor",
+        strokeOpacity: "0.7",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m53.32 73.56-.04-.63-.12-.66-.19-.67-.27-.66-.32-.63-.39-.6-.43-.54-.47-.47-.49-.39-.5-.3-.5-.2-.49-.1h-.47l-.43.11-.38.21-.33.31-.27.39-.19.48-.12.54-.04.6.04.63.12.66.19.67.27.66.33.63.38.6.43.53.47.47.49.39.5.3.5.21.49.1h.47l.43-.11.39-.21.32-.31.27-.39.19-.48.12-.54zm-3.22 2.03v6.97",
+        stroke: "currentColor",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxs("mask", { id: `${id}-shackle`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: [
+      /* @__PURE__ */ jsx("rect", { width: "120", height: "120", fill: "white" }),
+      /* @__PURE__ */ jsx("path", { d: "M43.24 45.97h10v60h-10Z", fill: "black" }),
+      /* @__PURE__ */ jsx("path", { d: "M66.76 57.73h10v60h-10Z", fill: "black" })
+    ] }),
+    /* @__PURE__ */ jsx("g", { mask: `url(#${id}-shackle)`, children: /* @__PURE__ */ jsxs(
+      "g",
+      {
+        className: "motion-safe:transition-[translate,transform] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:[translate:var(--hover-shift)]",
+        style: hoverStyle$2,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M50.64 61.13v-30.3l.04-.97.09-.9.14-.83.2-.77.25-.7.29-.62.32-.55.35-.47.38-.39.4-.33.42-.27.44-.2.48-.16.52-.09.56-.04.6.03.65.1.69.18.72.25.75.34.76.42.78.5.78.59.78.65.77.73.74.8.73.86.69.91.66.97.62 1 .57 1.04.52 1.07.47 1.09.41 1.11.35 1.1.28 1.1.23 1.09.16 1.07.09 1.03.04 1.02v30.29h4.8V42.55l-.05-1.28-.12-1.31-.2-1.33-.27-1.34-.35-1.34-.43-1.34-.49-1.32-.56-1.3-.62-1.28-.68-1.25-.74-1.2-.79-1.16-.84-1.11-.89-1.05-.93-.99-.96-.92-1-.84-1.03-.77-1.06-.68-1.08-.59-1.09-.5-1.12-.39-1.12-.29-1.13-.17-1.13-.06-1.11.07-1.1.21-1.05.33-1 .47-.94.59-.86.71-.77.81-.67.9-.58.97-.48 1.05-.4 1.1-.3 1.16-.21 1.2-.12 1.23-.05 1.26v30.33Z",
+              className: "fill-background",
+              stroke: "currentColor",
+              strokeOpacity: "0.7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M47.4 61.13V30.81l.04-1.16.12-1.13.19-1.08.27-1.03.34-.97.42-.91.5-.84.57-.76.64-.67.7-.58.77-.49.83-.38.86-.28.91-.17.94-.06.95.05.98.15.98.25.98.35.99.44.97.54.97.62.95.71.92.78.9.86.87.92.84.99.79 1.05.75 1.1.7 1.14.65 1.18.58 1.21.53 1.23.47 1.25.4 1.26.33 1.26.26 1.26.18 1.25.12 1.22.04 1.19v30.32",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+
+function LogsArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 17.024 60.568)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 31.419 52.158)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 33.543 70.825)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 47.938 62.415)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 50.063 81.083)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 64.458 72.673)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 66.582 91.34)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 80.977 82.93)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 17.368 55.615)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 31.764 47.205)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-75 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 33.888 65.873)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 48.283 57.462)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-150 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 50.407 76.13)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 64.802 67.72)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-200 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "6.187",
+          cy: "6.187",
+          r: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 66.926 86.388)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "0.85",
+          width: "164.731",
+          height: "11.373",
+          rx: "5.687",
+          transform: "matrix(0.85 -0.528 0.85 0.528 81.322 77.977)",
+          className: "fill-background",
+          stroke: "currentColor"
+        }
+      )
+    ] })
+  ] });
+}
+
+function NotAMemberArt() {
+  return /* @__PURE__ */ jsxs("g", { strokeWidth: "0.9", children: [
+    /* @__PURE__ */ jsxs(
+      "g",
+      {
+        className: "motion-safe:group-hover/empty-state:animate-[empty-state-swing_1.6s_ease-in-out]",
+        style: { transformBox: "view-box", transformOrigin: "60.06px 12.63px" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m56.1 44.75 2.48-20.74 1.48-11.38m3.96 36.08L61.55 25.5l-1.49-12.87",
+              stroke: "currentColor",
+              strokeOpacity: "0.7",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m39.89 37.49.17-1.48.49-1.22.79-.86 3.09-1.54 1.03-.46h1.19l1.28.43 27.23 13.61 1.28.85 1.19 1.2 1.03 1.48.78 1.65.5 1.71.17 1.65v48.5l-.17 1.48-.5 1.22-.78.86-3.1 1.54-1.02.46h-1.19l-1.29-.43-27.22-13.61-1.28-.85-1.19-1.2L41.34 91l-.79-1.65-.49-1.71-.17-1.65Z",
+              className: "fill-background",
+              stroke: "currentColor",
+              strokeOpacity: "0.7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m75.28 55.19-.11-1.08-.32-1.11-.51-1.07-.67-.96-.77-.78-.84-.55-27.22-13.61-.83-.28h-.78l-.66.29-.52.57-.32.78-.11.97v48.5l.11 1.07.32 1.11.52 1.07.66.96.78.79.83.55 27.22 13.61.84.28.77-.01.67-.29.51-.56.32-.79.11-.96Z",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m63.4 50.01-.09-.63-.27-.63-.4-.52-.48-.36-7.42-3.71-.47-.12-.4.13-.27.35-.1.54.1.62.27.63.4.53.47.35 7.42 3.71.48.13.4-.13.27-.36z",
+              stroke: "currentColor",
+              strokeOpacity: "0.7"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m60.93 60.89-.24-1.56-.67-1.57-1-1.32-1.19-.88-8.66-4.33-1.18-.31-1.01.32-.67.9-.23 1.33v10.61l.23 1.57.67 1.56 1.01 1.32 1.18.88 8.66 4.33 1.19.31 1-.32.67-.89.24-1.34Zm-4.7.68-.04-.53-.1-.56-.16-.57-.22-.56-.28-.53-.33-.5-.36-.46-.4-.4-.41-.33-.43-.25-.42-.17-.42-.09h-.39l-.37.1-.32.17-.28.26-.22.34-.17.4-.1.46-.03.5.03.54.1.56.17.56.22.56.28.54.32.5.37.46.39.39.42.33.42.26.43.17.41.08h.4l.36-.09.33-.18.28-.26.22-.33.16-.4.1-.46z",
+              stroke: "currentColor",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m46.08 75.44 24.75 12.38m-24.75-6.31 17.32 8.66m-17.32-2.6 21.03 10.52",
+              stroke: "currentColor",
+              strokeOpacity: "0.7",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { cx: "60.06", cy: "12.63", r: "1.2", className: "fill-background", stroke: "currentColor" })
+  ] });
+}
+
+const hoverStyle$1 = {
+  "--hover-transform": "matrix(-0.766, -0.3214, 1.2856, -0.766, 0, 0)",
+  transformOrigin: "60px 54.46px",
+  transformBox: "view-box"
+};
+function RateLimitedArt() {
+  return /* @__PURE__ */ jsxs("g", { strokeWidth: "0.9", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m18.4 54.46.2-2.04.6-2.02.99-1.98 1.38-1.92 1.74-1.85 2.1-1.75 2.43-1.64 2.74-1.51 3.03-1.37 3.28-1.21 3.5-1.05 3.69-.88 3.84-.68 3.96-.5 4.04-.3 4.08-.1 4.08.1 4.04.3 3.96.5 3.84.68 3.69.88 3.5 1.05 3.28 1.21 3.03 1.37 2.74 1.51 2.43 1.64 2.1 1.75 1.74 1.85 1.38 1.92.99 1.98.6 2.02.2 2.04v11.09l-.2 2.03-.6 2.02-.99 1.98-1.38 1.92-1.74 1.85-2.1 1.75-2.43 1.64-2.74 1.51-3.03 1.37-3.28 1.22-3.5 1.05-3.69.87-3.84.69-3.96.5-4.04.29-4.08.11-4.08-.11-4.04-.29-3.96-.5-3.84-.69-3.69-.87-3.5-1.05-3.28-1.22-3.03-1.37-2.74-1.51-2.43-1.64-2.1-1.75-1.74-1.85-1.38-1.92-.99-1.98-.6-2.02-.2-2.03Z",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeOpacity: "0.7"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m99.2 54.46-.19 1.92-.56 1.9-.94 1.87-1.29 1.81-1.65 1.74-1.98 1.65-2.29 1.54-2.58 1.43-2.85 1.29-3.09 1.15-3.3.99-3.48.82-3.62.65-3.73.46-3.81.29-3.84.09-3.84-.09-3.81-.29-3.73-.46-3.62-.65-3.48-.82-3.3-.99-3.09-1.15-2.85-1.29-2.58-1.43-2.29-1.54-1.98-1.65-1.65-1.74-1.29-1.81-.94-1.87-.56-1.9-.19-1.92",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M32 54.46h-5.6m8.65-6.36-4.99-1.27m13.48-3.7-3.29-2.26m15.37-.24-.88-2.76m13.91 3.28 1.73-2.67m9.42 6.08 3.96-1.98m2.87 7.55 5.33-.86m-4.3 7.38 5.53.44",
+        stroke: "currentColor",
+        strokeOpacity: "0.7",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m79.42 61.51 7.76 2.82m-16.28.82 4.35 4.28M60 66.46v4.8",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "g",
+      {
+        className: "motion-safe:transition-[translate,transform] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:[transform:var(--hover-transform)]",
+        style: hoverStyle$1,
+        children: /* @__PURE__ */ jsx("path", { d: "m60 54.46 8.76 12.03", stroke: "currentColor", strokeLinecap: "round" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m55.2 51 .16-.63.48-.57.77-.5.99-.38 1.16-.24L60 48.6l1.24.08 1.16.24.99.38.77.5.48.57.16.63v3.46l-.16.62-.48.58-.77.5-.99.38-1.16.24-1.24.08-1.24-.08-1.16-.24-.99-.38-.77-.5-.48-.58-.16-.62Z",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeOpacity: "0.7"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m63.52 51-.12.45-.35.43-.56.36-.73.28-.85.18-.91.06-.91-.06-.85-.18-.73-.28-.56-.36-.35-.43-.12-.45",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    )
+  ] });
+}
+
+function RequestsArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        opacity: "0.5",
+        cx: "64.739",
+        cy: "64.739",
+        r: "64.1",
+        transform: "matrix(0.85 -0.527 0.85 0.527 -5.498 58.982)",
+        stroke: "currentColor",
+        strokeWidth: "1.279",
+        strokeDasharray: "2.56 2.56"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m49.78 92.95.54.34 1.1-.68-.55-.34-.54-.34-1.1.68zm3.28-2.04.55.34 2.19-1.36-.55-.34-.54-.33-2.19 1.36zm4.38-2.71.55.33 2.19-1.36-.55-.33-.54-.34-2.2 1.36zm4.38-2.72.54.33 2.2-1.35-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 2.2-1.36-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 2.2-1.36-.55-.34-.54-.33-2.2 1.36zm4.38-2.71.54.33 2.2-1.36-.55-.33-.54-.34-2.2 1.36zm4.38-2.72.54.33 2.2-1.35-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 2.2-1.36-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 2.2-1.36-.55-.34-.54-.33-2.2 1.36zm4.38-2.71.54.33 2.2-1.36-.55-.33-.55-.34-2.19 1.36zm4.38-2.72.54.33 2.19-1.35-.54-.34-.55-.34-2.19 1.36zm4.38-2.72.54.34 2.19-1.36-.54-.34-.55-.34-2.19 1.36zm4.38-2.72.54.34 2.19-1.36-.54-.34-.55-.33-2.19 1.36zM110 55.6l.54.33 2.19-1.36-.54-.33-.55-.34-2.19 1.36zm4.38-2.72.54.33 2.19-1.35-.55-.34-.54-.34-2.19 1.36zm4.38-2.72.54.34 2.19-1.36-.55-.34-.54-.34-2.19 1.36zm4.37-2.72.55.34 2.19-1.36-.55-.34-.54-.33-2.19 1.36zm4.38-2.71.55.33 2.19-1.36-.55-.33-.54-.34-2.19 1.36zM131.9 42l.55.33 2.19-1.35-.55-.34-.54-.34-2.19 1.36zm4.38-2.72.55.34 2.19-1.36-.55-.34-.54-.34-2.19 1.36zm4.38-2.72.55.34 2.19-1.36-.55-.34-.54-.33-2.2 1.36zm4.38-2.71.54.33 2.2-1.36-.55-.33-.54-.34-2.2 1.36zm4.38-2.72.54.33 2.2-1.35-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 2.2-1.36-.55-.34-.54-.34-2.2 1.36zm4.38-2.72.54.34 1.1-.68-.55-.34-.54-.33-1.1.68z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m29.82 70.36.54.34 1-.62-.55-.33-.54-.34-1 .62zm2.98-1.85.55.34 1.99-1.24-.55-.33-.54-.34-1.99 1.23zm3.98-2.47.55.34 1.98-1.24-.54-.33-.54-.34-2 1.24zm3.98-2.47.54.34 1-.62-.54-.33-.55-.34-1 .62zm19.8-12.28.55.33 1.1-.69-.54-.33-.54-.34-1.11.69zm3.34-2.07.54.33 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.77.54.34 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.34-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.34-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.34-2.22 1.38zm4.45-2.76.54.34 2.23-1.39-.55-.33-.54-.34-2.22 1.38zm4.45-2.76.54.33 2.23-1.38-.54-.33-.55-.34-2.22 1.38zm4.45-2.76.54.33 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.77.54.34 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.33-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.55-.34-.54-.34-2.22 1.38zm4.45-2.76.54.34 2.23-1.38-.54-.34-.55-.34-2.22 1.38zm4.45-2.76.54.34 1.12-.7-.55-.33-.54-.34-1.11.7z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m86.18 105.34.54.33 1.11-.69-.54-.33-.55-.34-1.1.69zm3.32-2.07.55.34 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.43-2.75.55.34 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.43-2.74.55.33 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.44-2.75.54.33 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.43-2.75.54.33 2.22-1.37-.55-.34-.54-.34-2.22 1.38zm4.43-2.75.54.33 2.22-1.37-.55-.34-.54-.33-2.22 1.37zm4.43-2.75.54.34 2.22-1.38-.55-.34-.54-.33-2.22 1.37zm4.43-2.75.54.34 2.22-1.38-.55-.34-.54-.33-2.22 1.37zm4.43-2.75.54.34 2.22-1.38-.55-.33-.54-.34-2.21 1.37zm4.43-2.75.54.34 2.22-1.38-.54-.33-.55-.34-2.21 1.37zm4.43-2.75.54.34 2.22-1.38-.54-.33-.55-.34-2.21 1.37zm4.43-2.75.54.34 2.22-1.38-.54-.33-.55-.34-2.21 1.37zm4.43-2.75.55.34 2.21-1.37-.54-.34-.55-.34-2.21 1.38zm4.43-2.75.55.34 2.21-1.37-.54-.34-.55-.34-2.21 1.38zm4.43-2.75.55.34 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.43-2.75.55.34 2.21-1.37-.54-.34-.55-.34-2.21 1.38zm4.43-2.74.55.33 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.44-2.75.54.33 2.21-1.37-.54-.34-.54-.34-2.22 1.38zm4.42-2.75.55.33 2.21-1.37-.54-.34-.54-.33-2.22 1.37zm4.44-2.75.54.34 2.21-1.38-.54-.34-.54-.33-2.22 1.37zm4.43-2.75.54.34 1.1-.7-.54-.33-.54-.34-1.1.7z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m159.26 92.95.55-.34-1.1-.68-.54.34-.54.34 1.1.68zm-3.28-2.04.54-.33-2.19-1.36-.54.33-.54.34 2.19 1.36zm-4.38-2.71.54-.34-2.18-1.36-.55.34-.54.33 2.19 1.36zm-4.38-2.72.54-.34-2.19-1.36-.54.34-.54.34 2.19 1.35zm-4.38-2.72.54-.34-2.18-1.36-.55.34-.54.34 2.19 1.36zm-4.38-2.72.55-.33-2.2-1.36-.54.33-.54.34 2.19 1.36zm-4.38-2.71.55-.34-2.2-1.36-.54.34-.54.33 2.19 1.36zm-4.38-2.72.55-.34-2.2-1.36-.54.34-.54.34 2.19 1.35zm-4.38-2.72.55-.34-2.2-1.36-.54.34-.54.34 2.2 1.36zm-4.37-2.72.54-.33-2.2-1.36-.54.33-.54.34 2.2 1.36zm-4.39-2.71.55-.34-2.2-1.36-.53.34-.55.33 2.2 1.36zm-4.37-2.72.54-.34-2.2-1.36-.53.34-.55.34 2.2 1.35zm-4.38-2.72.54-.34-2.19-1.36-.54.34-.55.34 2.2 1.36zm-4.38-2.72.54-.33-2.19-1.36-.54.33-.55.34 2.2 1.36zm-4.38-2.71.54-.34-2.19-1.36-.54.34-.55.33 2.2 1.36zm-4.38-2.72.54-.34-2.19-1.36-.54.34-.55.34 2.2 1.35zm-4.38-2.72.54-.34-2.19-1.36-.54.34-.54.34 2.19 1.36zm-4.38-2.72.54-.33-2.19-1.36-.54.33-.54.34 2.19 1.36zm-4.38-2.71.54-.34-2.19-1.36-.54.34-.54.33 2.19 1.36zM77.15 42l.54-.34-2.19-1.36-.54.34-.54.34 2.19 1.35zm-4.38-2.72.54-.34-2.19-1.36-.54.34-.54.34 2.19 1.36zm-4.38-2.72.54-.33-2.19-1.36-.54.33-.54.34 2.19 1.36zm-4.38-2.71.54-.34-2.19-1.36-.54.34-.54.33 2.19 1.36zm-4.38-2.72.55-.34-2.2-1.36-.54.34-.54.34 2.19 1.35zm-4.38-2.72.55-.34-2.2-1.36-.54.34-.54.34 2.19 1.36zm-4.38-2.72.55-.33-1.1-.68-.54.33-.55.34 1.1.68z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m58.13 63.97-.62.28 1.04.86.61-.29.61-.29-1.03-.85zm3.14 2.54-.6.3 2.17 1.67.6-.3.58-.3-2.15-1.67zm4.37 3.3-.58.31 2.26 1.62.58-.31.57-.32-2.25-1.6zm4.56 3.2-.57.33L72 74.9l.56-.33.56-.33q-1.2-.78-2.34-1.56zm4.74 3.1-.55.34 1.22.76.54-.34.55-.33-1.21-.76zm1.21.76-.54.34 1.13.7.54-.35.53-.33-1.11-.7zm3.4 2.06-.54.34 2.3 1.34.53-.35.52-.35q-1.15-.65-2.29-1.33zm4.63 2.65-.52.36 2.38 1.3.5-.37.5-.36q-1.17-.63-2.35-1.29zm4.77 2.56-.5.37 2.45 1.24.49-.37.48-.37q-1.22-.6-2.43-1.24zm4.9 2.46-.46.37 2.51 1.2.46-.38.47-.39q-1.26-.58-2.5-1.18zm5.05 2.35-.45.38 2.58 1.14.44-.39.44-.4q-1.27-.55-2.56-1.12zm5.18 2.23-.43.4q1.32.56 2.65 1.08l.42-.4.41-.4-2.62-1.07zm5.3 2.12-.4.4q1.37.52 2.72 1.01l.4-.4.38-.42q-1.35-.48-2.69-1zm5.45 1.98-.37.41q1.39.49 2.78.94l.36-.42.36-.42q-1.37-.45-2.75-.93zm5.57 1.83-.34.42q1.43.45 2.85.86l.33-.43.33-.43-2.82-.85zm5.7 1.67-.3.43q1.46.4 2.92.78l.29-.44.3-.44q-1.45-.37-2.9-.77zm5.84 1.48-.27.45q1.5.36 2.99.67l.25-.45.25-.45q-1.47-.3-2.95-.66zm5.96 1.29-.23.45 1.52.29.22-.46.22-.46-1.5-.28zm-93.33-50.9.68-.22-.67-.8-.69.21-.68.22.68.81zm-1.98-2.44.7-.2-1.24-1.65-.7.2-.7.2q.6.82 1.25 1.66zm-2.42-3.32.7-.18q-.57-.84-1.1-1.68l-.72.18-.71.17q.54.85 1.12 1.7zM38 41.51l.72-.17-.97-1.7-.73.15-.72.15q.45.86.97 1.73zm-1.87-3.46.74-.14-.41-.86-.74.13-.74.13q.2.44.42.88zm21.99 25.92-.62.28 1.04.86.61-.29.61-.29-1.03-.85zm3.14 2.54-.6.3 2.17 1.67.6-.3.58-.3-2.15-1.67zm4.37 3.3-.58.31 2.26 1.62.58-.31.57-.32-2.25-1.6zm4.56 3.2-.57.33L72 74.9l.56-.33.56-.33q-1.2-.78-2.34-1.56zm4.74 3.1-.55.34 1.22.76.54-.34.55-.33-1.21-.76zm1.21.76-.54.34 1.13.7.54-.35.53-.33-1.11-.7zm3.4 2.06-.54.34 2.3 1.34.53-.35.52-.35q-1.15-.65-2.29-1.33zm4.63 2.65-.52.36 2.38 1.3.5-.37.5-.36q-1.17-.63-2.35-1.29zm4.77 2.56-.5.37 2.45 1.24.49-.37.48-.37q-1.22-.6-2.43-1.24zm4.9 2.46-.46.37 2.51 1.2.46-.38.47-.39q-1.26-.58-2.5-1.18zm5.05 2.35-.45.38 2.58 1.14.44-.39.44-.4q-1.27-.55-2.56-1.12zm5.18 2.23-.43.4q1.32.56 2.65 1.08l.42-.4.41-.4-2.62-1.07zm5.3 2.12-.4.4q1.37.52 2.72 1.01l.4-.4.38-.42q-1.35-.48-2.69-1zm5.45 1.98-.37.41q1.39.49 2.78.94l.36-.42.36-.42q-1.37-.45-2.75-.93zm5.57 1.83-.34.42q1.43.45 2.85.86l.33-.43.33-.43-2.82-.85zm5.7 1.67-.3.43q1.46.4 2.92.78l.29-.44.3-.44q-1.45-.37-2.9-.77zm5.84 1.48-.27.45q1.5.36 2.99.67l.25-.45.25-.45q-1.47-.3-2.95-.66zm5.96 1.29-.23.45 1.52.29.22-.46.22-.46-1.5-.28zm-93.33-50.9.68-.22-.67-.8-.69.21-.68.22.68.81zm-1.98-2.44.7-.2-1.24-1.65-.7.2-.7.2q.6.82 1.25 1.66zm-2.42-3.32.7-.18q-.57-.84-1.1-1.68l-.72.18-.71.17q.54.85 1.12 1.7zM38 41.51l.72-.17-.97-1.7-.73.15-.72.15q.45.86.97 1.73zm-1.87-3.46.74-.14-.41-.86-.74.13-.74.13q.2.44.42.88z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m175.08 79.7-.74.13-.45-.93.73-.14.73-.14.47.94zm-1.44-2.8-.73.16q-.51-.9-1.07-1.83l.72-.17.72-.17q.57.93 1.08 1.86zm-2.24-3.66-.71.18q-.6-.89-1.23-1.79l.7-.19.7-.2 1.25 1.82zm-2.55-3.58-.7.2q-.66-.87-1.37-1.74l.69-.22.69-.21q.71.9 1.38 1.77zm-2.83-3.5-.68.23q-.72-.85-1.5-1.71l.68-.23.67-.24 1.51 1.73zm-3.07-3.41-.66.24q-.8-.84-1.62-1.67l.66-.25.65-.25q.84.84 1.63 1.68zm-3.3-3.34-.65.26-1.72-1.63.64-.27.64-.26q.9.83 1.74 1.64zm-3.5-3.25-.64.27-1.81-1.59.62-.28.62-.28 1.83 1.6zm-3.7-3.17-.62.28-1.9-1.55.6-.29.6-.3 1.93 1.57zm-3.88-3.1-.6.3q-.97-.75-1.99-1.5l.59-.3.59-.31q1.02.75 2 1.52zm-4.04-3-.58.32q-1.03-.74-2.08-1.47l.58-.32.57-.31 2.09 1.47zm-4.2-2.92-.57.33q-1.05-.72-2.15-1.42l.56-.33.56-.33q1.1.7 2.16 1.43zm-4.36-2.83-.54.34-1.11-.7.54-.33.55-.34 1.11.7zm-1.1-.7-.55.34-1.13-.7.54-.33.54-.34 1.14.7zm-3.43-2.07-.53.35-2.31-1.35.52-.35.52-.35 2.33 1.36zm-4.68-2.67-.51.35-2.39-1.3.5-.36.5-.36 2.41 1.31zm-4.83-2.59-.49.37-2.45-1.25.48-.37.48-.37q1.24.61 2.48 1.26zm-4.96-2.47-.47.37-2.52-1.2.46-.37.46-.39 2.55 1.2zm-5.1-2.37-.45.38-2.59-1.13.44-.4.44-.39 2.61 1.15zM106.64 26l-.43.4-2.65-1.07.4-.4.42-.4q1.35.52 2.69 1.08zm-5.37-2.12-.4.4-2.72-1 .38-.41.39-.42 2.75 1.02zm-5.5-2-.38.43-2.79-.94.36-.42.36-.42q1.4.46 2.81.94zm-5.65-1.83-.34.43q-1.43-.45-2.85-.85l.32-.44.33-.43 2.88.86zm-5.77-1.67-.3.44q-1.47-.4-2.93-.76l.3-.45.28-.44q1.47.37 2.96.77zm-5.9-1.48-.27.45q-1.5-.36-2.98-.66l.24-.45.25-.46q1.5.32 3.02.67zm-6.04-1.27-.22.46q-.75-.15-1.51-.28l.2-.46.22-.46 1.54.28zM175.08 79.7l-.74.13-.45-.93.73-.14.73-.14.47.94zm-1.44-2.8-.73.16q-.51-.9-1.07-1.83l.72-.17.72-.17q.57.93 1.08 1.86zm-2.24-3.66-.71.18q-.6-.89-1.23-1.79l.7-.19.7-.2 1.25 1.82zm-2.55-3.58-.7.2q-.66-.87-1.37-1.74l.69-.22.69-.21q.71.9 1.38 1.77zm-2.83-3.5-.68.23q-.72-.85-1.5-1.71l.68-.23.67-.24 1.51 1.73zm-3.07-3.41-.66.24q-.8-.84-1.62-1.67l.66-.25.65-.25q.84.84 1.63 1.68zm-3.3-3.34-.65.26-1.72-1.63.64-.27.64-.26q.9.83 1.74 1.64zm-3.5-3.25-.64.27-1.81-1.59.62-.28.62-.28 1.83 1.6zm-3.7-3.17-.62.28-1.9-1.55.6-.29.6-.3 1.93 1.57zm-3.88-3.1-.6.3q-.97-.75-1.99-1.5l.59-.3.59-.31q1.02.75 2 1.52zm-4.04-3-.58.32q-1.03-.74-2.08-1.47l.58-.32.57-.31 2.09 1.47zm-4.2-2.92-.57.33q-1.05-.72-2.15-1.42l.56-.33.56-.33q1.1.7 2.16 1.43zm-4.36-2.83-.54.34-1.11-.7.54-.33.55-.34 1.11.7zm-1.1-.7-.55.34-1.13-.7.54-.33.54-.34 1.14.7zm-3.43-2.07-.53.35-2.31-1.35.52-.35.52-.35 2.33 1.36zm-4.68-2.67-.51.35-2.39-1.3.5-.36.5-.36 2.41 1.31zm-4.83-2.59-.49.37-2.45-1.25.48-.37.48-.37q1.24.61 2.48 1.26zm-4.96-2.47-.47.37-2.52-1.2.46-.37.46-.39 2.55 1.2zm-5.1-2.37-.45.38-2.59-1.13.44-.4.44-.39 2.61 1.15zM106.64 26l-.43.4-2.65-1.07.4-.4.42-.4q1.35.52 2.69 1.08zm-5.37-2.12-.4.4-2.72-1 .38-.41.39-.42 2.75 1.02zm-5.5-2-.38.43-2.79-.94.36-.42.36-.42q1.4.46 2.81.94zm-5.65-1.83-.34.43q-1.43-.45-2.85-.85l.32-.44.33-.43 2.88.86zm-5.77-1.67-.3.44q-1.47-.4-2.93-.76l.3-.45.28-.44q1.47.37 2.96.77zm-5.9-1.48-.27.45q-1.5-.36-2.98-.66l.24-.45.25-.46q1.5.32 3.02.67zm-6.04-1.27-.22.46q-.75-.15-1.51-.28l.2-.46.22-.46 1.54.28z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        opacity: "0.5",
+        cx: "6.541",
+        cy: "6.541",
+        r: "5.902",
+        transform: "matrix(0.85 -0.527 0.85 0.527 40.037 56.563)",
+        stroke: "currentColor",
+        strokeWidth: "1.279"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1.5", children: /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "6.541",
+        cy: "6.541",
+        r: "6.541",
+        transform: "matrix(0.85 -0.527 0.85 0.527 40.037 51.256)",
+        fill: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        opacity: "0.5",
+        cx: "11.154",
+        cy: "11.154",
+        r: "11.154",
+        transform: "matrix(0.85 -0.527 0.85 0.527 32.198 57.308)",
+        stroke: "currentColor",
+        strokeWidth: "1.279",
+        strokeDasharray: "2.56 2.56"
+      }
+    )
+  ] });
+}
+
+const hoverStyle = { "--hover-shift": "8.91px -4.45px" };
+function ServerErrorArt({ id }) {
+  return /* @__PURE__ */ jsxs("g", { strokeWidth: "0.9", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m36.08 33.55.45-1.15 1.3-.97 15.28-7.64 1.94-.65 2.3-.22 2.3.22 1.94.65 25.46 12.73 1.3.98.46 1.14v47.81l-.46 1.15-1.3.97-15.28 7.64-1.94.65-2.3.22-2.29-.22-1.95-.65-25.46-12.73-1.3-.97-.45-1.15Z",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeOpacity: "0.7"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m87.13 38.64-.33.83-.94.7-15.27 7.64-1.4.47-1.66.16-1.65-.16-1.4-.47-25.46-12.73-.93-.7-.33-.83",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "m61.42 84.78-.09-.65-.28-.64-.41-.55-.49-.36-19.18-9.59-.48-.12-.42.13-.27.37-.1.55v4.36l.1.65.27.64.42.54.48.37 19.18 9.58.49.13.41-.13.28-.37.09-.55Zm0-9.36-.09-.64-.28-.65-.41-.54-.49-.36-19.18-9.59-.48-.12-.42.13-.27.36-.1.55v4.37l.1.64.27.65.42.54.48.36 19.18 9.59.49.13.41-.14.28-.36.09-.55Zm0-9.35-.09-.64-.28-.65-.41-.54-.49-.36-19.18-9.59-.48-.13-.42.13-.27.37-.1.55v4.36l.1.65.27.64.42.55.48.36 19.18 9.59.49.12.41-.13.28-.37.09-.54Zm0-9.35-.09-.65-.28-.64-.41-.55-.49-.36-19.18-9.59-.48-.12-.42.13-.27.37-.1.55v4.36l.1.65.27.64.42.54.48.37L60.15 62l.49.13.41-.13.28-.37.09-.55Z",
+        stroke: "currentColor",
+        strokeOpacity: "0.35"
+      }
+    ),
+    /* @__PURE__ */ jsx("mask", { id: `${id}-slot-0`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: /* @__PURE__ */ jsx("path", { d: "M17.64 83.39 39.7 72.36l21.72 10.86v7.48l-22.06 11.03-21.72-10.86Z", fill: "white" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: `url(#${id}-slot-0)`, children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m40.1 73.96.18-.46.52-.39 8.06-4.03.78-.26.92-.09.92.09.78.26 16.97 8.48.52.39.18.46v6.24l-.18.46-.52.38-8.06 4.04-.78.26-.92.09-.92-.09-.78-.26-16.97-8.49-.52-.39-.18-.46Z",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeOpacity: "0.7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m68.97 78.41-.11.28-.31.23-8.06 4.03-.47.16-.55.05-.55-.05-.47-.16-16.97-8.48-.31-.24-.11-.27",
+          stroke: "currentColor",
+          strokeOpacity: "0.35"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "m54.8 84.92 2.55 1.28", stroke: "currentColor", strokeOpacity: "0.7", strokeLinecap: "round" })
+    ] }),
+    /* @__PURE__ */ jsx("mask", { id: `${id}-slot-1`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: /* @__PURE__ */ jsx("path", { d: "M17.64 74.03 39.7 63l21.72 10.86v7.49L39.36 92.38 17.64 81.52Z", fill: "white" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: `url(#${id}-slot-1)`, children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m40.1 64.6.18-.46.52-.39 8.06-4.03.78-.26.92-.09.92.09.78.26 16.97 8.49.52.39.18.46v6.23l-.18.46-.52.39-8.06 4.03-.78.26-.92.09-.92-.09-.78-.26-16.97-8.48-.52-.39-.18-.46Z",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeOpacity: "0.7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m68.97 69.06-.11.27-.31.24-8.06 4.03-.47.15-.55.06-.55-.06-.47-.15-16.97-8.49-.31-.23-.11-.28",
+          stroke: "currentColor",
+          strokeOpacity: "0.35"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "m54.8 75.57 2.55 1.27", stroke: "currentColor", strokeOpacity: "0.7", strokeLinecap: "round" })
+    ] }),
+    /* @__PURE__ */ jsx("mask", { id: `${id}-slot-2`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: /* @__PURE__ */ jsx("path", { d: "M17.64 64.68 39.7 53.65l21.72 10.86v7.48L39.36 83.02 17.64 72.16Z", fill: "white" }) }),
+    /* @__PURE__ */ jsx("g", { mask: `url(#${id}-slot-2)`, children: /* @__PURE__ */ jsxs(
+      "g",
+      {
+        className: "motion-safe:transition-[translate,transform] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:[translate:var(--hover-shift)]",
+        style: hoverStyle,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m31.19 59.7.18-.45.52-.39 16.97-8.49.78-.26.92-.09.92.09.78.26 16.97 8.49.52.39.18.45v6.24l-.18.46-.52.39-16.97 8.48-.78.26-.92.1-.92-.1-.78-.26-16.97-8.48-.52-.39-.18-.46Z",
+              className: "fill-background",
+              stroke: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "m68.97 59.7-.11.28-.31.23-16.97 8.49-.47.16-.55.05-.55-.05-.47-.16-16.97-8.49-.31-.23-.11-.28",
+              stroke: "currentColor",
+              strokeOpacity: "0.35"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { d: "m45.89 70.67 2.55 1.27", stroke: "currentColor", strokeLinecap: "round" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("mask", { id: `${id}-slot-3`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: /* @__PURE__ */ jsx("path", { d: "M17.64 55.33 39.7 44.3l21.72 10.86v7.48L39.36 73.67 17.64 62.81Z", fill: "white" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: `url(#${id}-slot-3)`, children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m40.1 45.9.18-.46.52-.39 8.06-4.03.78-.26.92-.09.92.09.78.26 16.97 8.48.52.39.18.46v6.24l-.18.46-.52.39-8.06 4.03-.78.26-.92.09-.92-.09-.78-.26-16.97-8.49-.52-.39-.18-.46Z",
+          className: "fill-background",
+          stroke: "currentColor",
+          strokeOpacity: "0.7"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m68.97 50.35-.11.28-.31.23-8.06 4.03-.47.16-.55.05-.55-.05-.47-.16-16.97-8.48-.31-.24-.11-.27",
+          stroke: "currentColor",
+          strokeOpacity: "0.35"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "m54.8 56.86 2.55 1.28", stroke: "currentColor", strokeOpacity: "0.7", strokeLinecap: "round" })
+    ] })
+  ] });
+}
+
+function ThreadsArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.967",
+        width: "57.956",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 37.495 79.553)",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-100 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.967",
+        width: "57.956",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 37.495 76.562)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.967",
+        width: "57.956",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 31.396 41.34)",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.967",
+        width: "57.956",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 31.396 38.348)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.967",
+        width: "61.708",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 45.751 84.663)",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-100 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.967",
+        width: "61.708",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 45.751 81.671)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.967",
+        width: "45.001",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 39.651 46.449)",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.967",
+        width: "45.001",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 39.651 43.458)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        opacity: "0.5",
+        x: "0.967",
+        width: "42.675",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 54.006 89.772)",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-100 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.967",
+        width: "42.675",
+        height: "4.684",
+        rx: "2.342",
+        transform: "matrix(0.85 -0.526 0.85 0.526 54.006 86.78)",
+        className: "fill-background",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m33.8 74.6 53.7-33.24c3.75-2.32 9.83-2.32 13.58 0l18.15 11.23c3.75 2.32 3.75 6.08 0 8.4l-53.1 32.87-.02.16-.78 8.5L33.8 83c-3.75-2.32-3.75-6.08 0-8.4",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.5",
+        d: "m81.03 4.1-53.7 33.23c-3.75 2.32-3.75 6.08 0 8.4l10.38 6.43c3.75 2.32 9.83 2.32 13.58 0l53.1-32.86.27-.01 13.72-.49L94.61 4.1c-3.75-2.33-9.83-2.33-13.58 0",
+        stroke: "currentColor",
+        strokeWidth: "1.137"
+      }
+    )
+  ] });
+}
+
+function TracesArt() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 22.605 54.892)",
+        stroke: "currentColor",
+        strokeOpacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 22.605 49.849)",
+        className: "fill-background",
+        stroke: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 56.12 54.384)",
+        stroke: "currentColor",
+        strokeOpacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-75 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 56.12 49.343)",
+        className: "fill-background",
+        stroke: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 72.466 64.482)",
+        stroke: "currentColor",
+        strokeOpacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-150 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 72.466 59.44)",
+        className: "fill-background",
+        stroke: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 88.813 74.579)",
+        stroke: "currentColor",
+        strokeOpacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { className: "motion-safe:transition-[translate,rotate] motion-safe:delay-200 motion-safe:duration-slow motion-safe:ease-out-custom motion-safe:group-hover/empty-state:-translate-y-1", children: /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.851",
+        width: "162.776",
+        height: "11.227",
+        rx: "5.614",
+        transform: "matrix(0.851 -0.526 0.851 0.526 88.813 69.538)",
+        className: "fill-background",
+        stroke: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.75",
+        d: "M18.56 60.66a4.5 4.5 0 0 1 4.35 0l11.24 6.94a6.2 6.2 0 0 0 5.95 0l12.17-7.52a4.5 4.5 0 0 1 4.35 0c1.2.74 1.2 1.95 0 2.69l-12.17 7.52c-1.64 1.01-1.64 2.66 0 3.67l5.57 3.44a6.2 6.2 0 0 0 5.96 0l12.17-7.51a4.5 4.5 0 0 1 4.35 0c1.2.74 1.2 1.94 0 2.68L60.33 80.1c-1.65 1.02-1.65 2.67 0 3.68l3.49 2.16c3.31 2.04 8.68 2.04 12 0l9.14-5.66a4.5 4.5 0 0 1 4.35 0c1.2.75 1.2 1.95 0 2.7l-9.15 5.64c-5.71 3.53-14.98 3.53-20.7 0l-40.9-25.26c-1.2-.75-1.2-1.95 0-2.7",
+        stroke: "currentColor",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+const artByName = {
+  traces: TracesArt,
+  logs: LogsArt,
+  "api-keys": ApiKeysArt,
+  environments: EnvironmentsArt,
+  requests: RequestsArt,
+  databases: DatabasesArt,
+  threads: ThreadsArt,
+  deploys: DeploysArt,
+  disconnected: DisconnectedArt,
+  locked: LockedArt,
+  "rate-limited": RateLimitedArt,
+  "server-error": ServerErrorArt,
+  "not-a-member": NotAMemberArt
+};
+function EmptyStateIllustration({ name }) {
+  const id = useId().replace(/[^\w-]/g, "");
+  const Art = artByName[name];
+  return /* @__PURE__ */ jsx("div", { className: "mb-5 w-30 max-w-full text-foreground group-data-[tone=error]/empty-state:text-destructive-indicator", children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 120 120",
+      fill: "none",
+      "aria-hidden": "true",
+      "data-illustration": name,
+      className: "block aspect-square h-auto w-full",
+      children: [
+        /* @__PURE__ */ jsx("mask", { id: `${id}-frame`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "120", height: "120", children: /* @__PURE__ */ jsx("circle", { cx: "60", cy: "60", r: "60", fill: "white" }) }),
+        /* @__PURE__ */ jsx("g", { mask: `url(#${id}-frame)`, children: /* @__PURE__ */ jsx(Art, { id }) }),
+        /* @__PURE__ */ jsx("circle", { cx: "60", cy: "60", r: "60", fill: `url(#${id}-glow)`, fillOpacity: "0.09" }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-glow`, x1: "60", y1: "0", x2: "60", y2: "120", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "currentColor" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.4" })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { EmptyStateIllustration };
 //# sourceMappingURL=EmptyState.es.js.map