@qwik.dev/devtools 0.0.2 → 0.0.4

package/dist/component/devtools.qwik.mjs

@@ -0,0 +1,537 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useStyles$, useStore, useSignal, useVisibleTask$, noSerialize } from "@qwik.dev/core";
+import { tryCreateHotContext } from "./node_modules/.pnpm/vite-hot-client@0.2.4_vite@5.4.10_@types_node@20.14.11_/node_modules/vite-hot-client/dist/index.qwik.mjs";
+import { HiBoltOutline, HiCubeOutline, HiPhotoOutline } from "./node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@5.4.10_@types_node@20.14.11__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs";
+import { LuFolderTree } from "./node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@5.4.10_@types_node@20.14.11__/node_modules/@qwikest/icons/lib/lu.qwik.qwik.mjs";
+import { createClientRpc } from "./packages/kit/src/client.qwik.mjs";
+import "./node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
+import { setViteClientContext, getViteClientRpc } from "./packages/kit/src/context.qwik.mjs";
+import { Type as re } from "./node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs";
+import styles from "./devtools.css.qwik.mjs";
+import { useLocation } from "@qwik.dev/router";
+function getClientRpcFunctions() {
+  return {
+    healthCheck: () => true
+  };
+}
+const QwikDevtools = component$(() => {
+  useStyles$(styles);
+  const state = useStore({
+    isOpen: false,
+    activeTab: "overview",
+    npmPackages: [],
+    assets: [],
+    routes: void 0
+  });
+  const panelRef = useSignal();
+  const location = useLocation();
+  useVisibleTask$(async ({ cleanup, track }) => {
+    const hot = await tryCreateHotContext(void 0, [
+      "/"
+    ]);
+    if (!hot) {
+      throw new Error("Vite Hot Context not connected");
+    }
+    setViteClientContext(hot);
+    createClientRpc(getClientRpcFunctions());
+    track(() => {
+      if (state.isOpen) {
+        const rpc = getViteClientRpc();
+        rpc.getAssetsFromPublicDir().then((data) => {
+          state.assets = data;
+        });
+        rpc.getRoutes().then((data) => {
+          const children = data.children || [];
+          const directories = children.filter((child) => child.type === "directory");
+          const values = [
+            {
+              relativePath: "",
+              name: "index",
+              type: re.DIRECTORY,
+              path: "",
+              isSymbolicLink: false,
+              children: void 0
+            },
+            ...directories
+          ];
+          state.routes = noSerialize(values);
+        });
+        rpc.getQwikPackages().then((data) => {
+          state.npmPackages = data;
+        });
+      }
+    });
+    const handleKeyPress = (e) => {
+      if (e.key === "`" && e.metaKey) {
+        state.isOpen = !state.isOpen;
+      }
+      if (e.key === "Escape" && state.isOpen) {
+        state.isOpen = false;
+      }
+    };
+    const handleClickOutside = (e) => {
+      if (state.isOpen && panelRef.value && !panelRef.value.contains(e.target)) {
+        state.isOpen = false;
+      }
+    };
+    window.addEventListener("keydown", handleKeyPress);
+    window.addEventListener("mousedown", handleClickOutside);
+    cleanup(() => {
+      window.removeEventListener("keydown", handleKeyPress);
+      window.removeEventListener("mousedown", handleClickOutside);
+    });
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
+      "devtools-container": true,
+      "devtools-open": state.isOpen
+    },
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "devtools-toggle": true,
+          "is-open": state.isOpen
+        },
+        onClick$: () => state.isOpen = !state.isOpen,
+        children: /* @__PURE__ */ jsx("img", {
+          width: 20,
+          height: 20,
+          src: "https://qwik.dev/logos/qwik-logo.svg",
+          alt: "Qwik Logo",
+          class: "toggle-icon"
+        })
+      }),
+      state.isOpen && /* @__PURE__ */ jsxs("div", {
+        ref: panelRef,
+        class: "devtools-panel",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            class: "devtools-tabs",
+            children: [
+              /* @__PURE__ */ jsx("button", {
+                class: {
+                  "tab-active": state.activeTab === "overview"
+                },
+                onClick$: () => state.activeTab = "overview",
+                title: "Overview",
+                children: /* @__PURE__ */ jsx(HiBoltOutline, {
+                  width: 20,
+                  height: 20
+                })
+              }),
+              /* @__PURE__ */ jsx("button", {
+                class: {
+                  "tab-active": state.activeTab === "components"
+                },
+                onClick$: () => state.activeTab = "components",
+                title: "Components",
+                children: /* @__PURE__ */ jsx(HiCubeOutline, {
+                  width: 20,
+                  height: 20
+                })
+              }),
+              /* @__PURE__ */ jsx("button", {
+                class: {
+                  "tab-active": state.activeTab === "routes"
+                },
+                onClick$: () => state.activeTab = "routes",
+                title: "Routes",
+                children: /* @__PURE__ */ jsx(LuFolderTree, {
+                  width: 20,
+                  height: 20
+                })
+              }),
+              /* @__PURE__ */ jsx("button", {
+                class: {
+                  "tab-active": state.activeTab === "state"
+                },
+                onClick$: () => state.activeTab = "state",
+                title: "State",
+                children: /* @__PURE__ */ jsxs("svg", {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: [
+                    /* @__PURE__ */ jsx("path", {
+                      d: "M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7zm0 2a5 5 0 0 0-5 5c0 2.05 1.23 3.81 3 4.58V16h4v-2.42c1.77-.77 3-2.53 3-4.58a5 5 0 0 0-5-5z",
+                      fill: "currentColor"
+                    }),
+                    /* @__PURE__ */ jsx("path", {
+                      d: "M8 20v1h8v-1H8z",
+                      fill: "currentColor"
+                    })
+                  ]
+                })
+              }),
+              /* @__PURE__ */ jsx("button", {
+                class: {
+                  "tab-active": state.activeTab === "assets"
+                },
+                onClick$: () => state.activeTab = "assets",
+                title: "Assets",
+                children: /* @__PURE__ */ jsx(HiPhotoOutline, {
+                  width: 20,
+                  height: 20
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            class: "devtools-content",
+            children: [
+              state.activeTab === "overview" && /* @__PURE__ */ jsxs("div", {
+                class: "tab-content overview",
+                children: [
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "header-section",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "title-container",
+                        children: [
+                          /* @__PURE__ */ jsx("img", {
+                            width: 32,
+                            height: 32,
+                            src: "https://qwik.dev/logos/qwik-logo.svg",
+                            alt: "Qwik Logo",
+                            class: "qwik-logo"
+                          }),
+                          /* @__PURE__ */ jsx("h1", {
+                            children: "Qwik DevTools"
+                          })
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "version",
+                        children: [
+                          "v",
+                          state.npmPackages.find(([name]) => name.includes("core"))?.[1] || "0.0.0"
+                        ]
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "metrics-grid",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "metric-card",
+                        children: [
+                          /* @__PURE__ */ jsx("div", {
+                            class: "metric-icon",
+                            children: /* @__PURE__ */ jsx(LuFolderTree, {
+                              class: "icon"
+                            })
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "metric-content",
+                            children: [
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-value",
+                                children: state.routes?.length
+                              }),
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-label",
+                                children: "pages"
+                              })
+                            ]
+                          })
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "metric-card",
+                        children: [
+                          /* @__PURE__ */ jsx("div", {
+                            class: "metric-icon",
+                            children: /* @__PURE__ */ jsx(HiCubeOutline, {
+                              class: "icon"
+                            })
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "metric-content",
+                            children: [
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-value",
+                                children: state.assets.length
+                              }),
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-label",
+                                children: "components"
+                              })
+                            ]
+                          })
+                        ]
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "metric-card",
+                        children: [
+                          /* @__PURE__ */ jsx("div", {
+                            class: "metric-icon",
+                            children: /* @__PURE__ */ jsx(HiPhotoOutline, {
+                              class: "icon"
+                            })
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "metric-content",
+                            children: [
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-value",
+                                children: state.assets.length || 0
+                              }),
+                              /* @__PURE__ */ jsx("div", {
+                                class: "metric-label",
+                                children: "assets"
+                              })
+                            ]
+                          })
+                        ]
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "packages-section",
+                    children: [
+                      /* @__PURE__ */ jsx("h3", {
+                        children: "Installed Packages"
+                      }),
+                      /* @__PURE__ */ jsx("div", {
+                        class: "packages-grid",
+                        children: state.npmPackages.map(([name, version]) => /* @__PURE__ */ jsxs("div", {
+                          class: "package-item",
+                          children: [
+                            /* @__PURE__ */ jsx("div", {
+                              class: "package-name",
+                              children: name
+                            }),
+                            /* @__PURE__ */ jsxs("div", {
+                              class: "package-version",
+                              children: [
+                                "v",
+                                version
+                              ]
+                            })
+                          ]
+                        }, name))
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "performance-section",
+                    children: [
+                      /* @__PURE__ */ jsx("h3", {
+                        children: "Performance"
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "performance-metrics",
+                        children: [
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "perf-item",
+                            children: [
+                              /* @__PURE__ */ jsx("span", {
+                                children: "SSR to full load"
+                              }),
+                              /* @__PURE__ */ jsx("span", {
+                                class: "perf-value",
+                                children: "-"
+                              })
+                            ]
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "perf-item",
+                            children: [
+                              /* @__PURE__ */ jsx("span", {
+                                children: "Page load"
+                              }),
+                              /* @__PURE__ */ jsx("span", {
+                                class: "perf-value",
+                                children: "-"
+                              })
+                            ]
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "perf-item",
+                            children: [
+                              /* @__PURE__ */ jsx("span", {
+                                children: "Navigation"
+                              }),
+                              /* @__PURE__ */ jsx("span", {
+                                class: "perf-value",
+                                children: "-"
+                              })
+                            ]
+                          })
+                        ]
+                      })
+                    ]
+                  })
+                ]
+              }),
+              state.activeTab === "assets" && /* @__PURE__ */ jsxs("div", {
+                class: "tab-content assets",
+                children: [
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "header-section",
+                    children: [
+                      /* @__PURE__ */ jsx("h3", {
+                        children: "Public Assets"
+                      }),
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "assets-stats",
+                        children: [
+                          /* @__PURE__ */ jsxs("span", {
+                            class: "stat-item",
+                            children: [
+                              "Total Size:",
+                              " ",
+                              (state.assets?.reduce((acc, asset) => acc + asset.size, 0) / 1024).toFixed(2),
+                              " ",
+                              "KB"
+                            ]
+                          }),
+                          /* @__PURE__ */ jsxs("span", {
+                            class: "stat-item",
+                            children: [
+                              "Count: ",
+                              state.assets?.length || 0
+                            ]
+                          })
+                        ]
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsx("div", {
+                    class: "assets-grid",
+                    children: state.assets?.map((asset) => {
+                      const isImage = asset.path.match(/\.(jpg|jpeg|png|gif|svg|webp)$/i);
+                      const fileExt = asset.path.split(".").pop()?.toUpperCase();
+                      return /* @__PURE__ */ jsxs("div", {
+                        class: "asset-card",
+                        children: [
+                          isImage ? /* @__PURE__ */ jsx("div", {
+                            class: "asset-preview",
+                            children: /* @__PURE__ */ jsx("img", {
+                              width: 176,
+                              height: 176,
+                              src: asset.publicPath,
+                              alt: asset.path
+                            })
+                          }) : /* @__PURE__ */ jsx("div", {
+                            class: "file-preview",
+                            children: /* @__PURE__ */ jsx("span", {
+                              class: "file-ext",
+                              children: fileExt
+                            })
+                          }),
+                          /* @__PURE__ */ jsxs("div", {
+                            class: "asset-info",
+                            children: [
+                              /* @__PURE__ */ jsx("div", {
+                                class: "asset-path",
+                                title: asset.path,
+                                children: asset.path.split("/").pop()
+                              }),
+                              /* @__PURE__ */ jsxs("div", {
+                                class: "asset-meta",
+                                children: [
+                                  /* @__PURE__ */ jsxs("span", {
+                                    class: "asset-size",
+                                    children: [
+                                      (asset.size / 1024).toFixed(2),
+                                      " KB"
+                                    ]
+                                  }),
+                                  /* @__PURE__ */ jsx("span", {
+                                    class: "asset-type",
+                                    children: fileExt
+                                  })
+                                ]
+                              })
+                            ]
+                          })
+                        ]
+                      }, asset.filePath);
+                    })
+                  })
+                ]
+              }),
+              state.activeTab === "components" && /* @__PURE__ */ jsx("div", {
+                class: "tab-content",
+                children: /* @__PURE__ */ jsx("h3", {
+                  children: "Components"
+                })
+              }),
+              state.activeTab === "routes" && /* @__PURE__ */ jsxs("div", {
+                class: "tab-content",
+                children: [
+                  /* @__PURE__ */ jsx("h3", {
+                    children: "Application Routes"
+                  }),
+                  /* @__PURE__ */ jsxs("div", {
+                    class: "routes-table",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", {
+                        class: "table-header",
+                        children: [
+                          /* @__PURE__ */ jsx("div", {
+                            class: "col-route",
+                            children: "Route Path"
+                          }),
+                          /* @__PURE__ */ jsx("div", {
+                            class: "col-route",
+                            children: "Name"
+                          }),
+                          /* @__PURE__ */ jsx("div", {
+                            class: "col-route",
+                            children: "Middleware"
+                          }),
+                          /* @__PURE__ */ jsx("div", {
+                            class: "col-route",
+                            children: "Layout"
+                          })
+                        ]
+                      }),
+                      state.routes?.map((route, i) => {
+                        const children = route.children || [];
+                        const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
+                        return /* @__PURE__ */ jsxs("div", {
+                          class: "table-row",
+                          children: [
+                            /* @__PURE__ */ jsx("div", {
+                              class: "col-route",
+                              children: /* @__PURE__ */ jsx("span", {
+                                class: location.url.pathname === "/" && route.relativePath === "" || location.url.pathname === `/${route.relativePath}/` ? "active-route" : "",
+                                children: route.relativePath === "" ? "/" : `/${route.relativePath}/`
+                              })
+                            }),
+                            /* @__PURE__ */ jsx("div", {
+                              class: "col-route",
+                              children: route.name
+                            }),
+                            /* @__PURE__ */ jsx("div", {
+                              class: "col-route",
+                              children: "-"
+                            }),
+                            /* @__PURE__ */ jsx("div", {
+                              class: "col-route",
+                              children: /* @__PURE__ */ jsx("span", {
+                                class: layout && i > 0 ? "custom-layout" : "",
+                                children: layout && i > 0 ? `${route.relativePath}/layout` : "default"
+                              })
+                            })
+                          ]
+                        }, route.relativePath);
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+});
+export {
+  QwikDevtools
+};

package/dist/component/index.qwik.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const devtools = require("./devtools.qwik.cjs");
+exports.QwikDevtools = devtools.QwikDevtools;

package/dist/component/index.qwik.mjs

@@ -0,0 +1,4 @@
+import { QwikDevtools } from "./devtools.qwik.mjs";
+export {
+  QwikDevtools
+};

package/dist/component/lib-types/devtools/src/index.d.ts

@@ -0,0 +1 @@
+export { QwikDevtools } from './devtools';

package/dist/component/lib-types/devtools/src/utils/location.d.ts

@@ -0,0 +1 @@
+export declare function getCurrentLocation(): string;

package/dist/component/node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@5.4.10_@types_node@20.14.11__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@qwik.dev/core");
+const HiBoltOutline = (props) => /* @__PURE__ */ core._jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ core._jsxQ("path", null, {
+    d: "M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "z0_0");
+const HiCubeOutline = (props) => /* @__PURE__ */ core._jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ core._jsxQ("path", null, {
+    d: "M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "Tf_0");
+const HiPhotoOutline = (props) => /* @__PURE__ */ core._jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ core._jsxQ("path", null, {
+    d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "Vu_0");
+exports.HiBoltOutline = HiBoltOutline;
+exports.HiCubeOutline = HiCubeOutline;
+exports.HiPhotoOutline = HiPhotoOutline;

package/dist/component/node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@5.4.10_@types_node@20.14.11__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs

@@ -0,0 +1,60 @@
+import { _jsxS, _jsxQ } from "@qwik.dev/core";
+const HiBoltOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ _jsxQ("path", null, {
+    d: "M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "z0_0");
+const HiCubeOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ _jsxQ("path", null, {
+    d: "M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "Tf_0");
+const HiPhotoOutline = (props) => /* @__PURE__ */ _jsxS("svg", {
+  ...props,
+  children: /* @__PURE__ */ _jsxQ("path", null, {
+    d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, null, 3, null)
+}, {
+  "aria-hidden": "true",
+  "data-qwikest-icon": true,
+  fill: "none",
+  height: "1em",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  xmlns: "http://www.w3.org/2000/svg"
+}, 0, "Vu_0");
+export {
+  HiBoltOutline,
+  HiCubeOutline,
+  HiPhotoOutline
+};