@qwik.dev/devtools 0.2.8 → 0.3.0-beta.3

package/dist/ui/packages/devtools/ui/src/components/Icons/Icons.qwik.mjs

@@ -0,0 +1,664 @@
+import { componentQrl, inlinedQrl, _jsxSplit, _jsxSorted, _wrapProp, _fnSignal } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+const _hf0 = (p0) => p0.title ? void 0 : true;
+const _hf1 = (p0) => p0.title ? "img" : void 0;
+function baseSvgProps(props) {
+  const { class: className, style, title, viewBox } = props;
+  return {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox,
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "1.5",
+    class: className,
+    style,
+    "aria-hidden": title ? void 0 : true,
+    role: title ? "img" : void 0
+  };
+}
+const IconSunOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_0") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 3v2.25M6.364 6.364l1.591 1.591M3 12h2.25m1.114 5.636 1.591-1.591M12 18.75V21m5.636-2.364-1.591-1.591M18.75 12H21m-2.364-5.636-1.591 1.591M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
+    }, null, 3, null)
+  ], 0, "IM_1");
+}, "IconSunOutline_component_whRbp4BgL0I"));
+const IconMoonOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_2") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M21.752 15.002A9.718 9.718 0 0 1 12 21.75 9.75 9.75 0 0 1 11.002 2.248 7.5 7.5 0 0 0 21.752 15Z"
+    }, null, 3, null)
+  ], 0, "IM_3");
+}, "IconMoonOutline_component_M0Wpop07o0c"));
+const IconSparkles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_4") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9.813 5.146 12 2.25l2.187 2.896 3.563.717-2.431 2.398.434 3.489L12 10.6l-3.753 1.15.434-3.489-2.431-2.398 3.563-.717Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M19.5 13.125 21 12l-1.5-1.125L18.375 9.75 17.25 11.25 16.125 9.75 15 10.875 16.5 12l-1.5 1.125 1.125 1.5 1.125-1.5 1.125 1.5 1.125-1.5Z"
+    }, null, 3, null)
+  ], 0, "IM_5");
+}, "IconSparkles_component_KINO0LPICFo"));
+const IconChevronUpMini = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_6") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m18 15-6-6-6 6"
+    }, null, 3, null)
+  ], 0, "IM_7");
+}, "IconChevronUpMini_component_tQuGC61SUZ4"));
+const IconBoltOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_8") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M13 2 3 14h7l-1 8 12-14h-7l1-6Z"
+    }, null, 3, null)
+  ], 0, "IM_9");
+}, "IconBoltOutline_component_lNQ4JVAf15c"));
+const IconCubeOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_10") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M21 7.5 12 2.25 3 7.5m18 0v9L12 21.75 3 16.5v-9m18 0L12 12.75 3 7.5m9 5.25v9"
+    }, null, 3, null)
+  ], 0, "IM_11");
+}, "IconCubeOutline_component_by0e0HIBLEM"));
+const IconDiagram3 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_12") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8 6h8"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8 18h8"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 6v12"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M7 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm16.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7 18a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm16.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
+    }, null, 3, null)
+  ], 0, "IM_13");
+}, "IconDiagram3_component_PJDJLSGGtvE"));
+const IconFolderTree = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_14") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.75 5.25h6l1.5 1.5h9A1.5 1.5 0 0 1 21.75 8.25v10.5A1.5 1.5 0 0 1 20.25 20.25H3.75A1.5 1.5 0 0 1 2.25 18.75V6.75A1.5 1.5 0 0 1 3.75 5.25Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 9v3m0 0H8.25m3.75 0h3.75M8.25 12v3m7.5-3v3"
+    }, null, 3, null)
+  ], 0, "IM_15");
+}, "IconFolderTree_component_Ea6jn79bUw8"));
+const IconPhotoOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_16") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M2.25 6.75A2.25 2.25 0 0 1 4.5 4.5h15A2.25 2.25 0 0 1 21.75 6.75v10.5A2.25 2.25 0 0 1 19.5 19.5h-15a2.25 2.25 0 0 1-2.25-2.25V6.75Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M7.5 9.75a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m21.75 15-6.3-6.3a1.125 1.125 0 0 0-1.59 0L3.75 18"
+    }, null, 3, null)
+  ], 0, "IM_17");
+}, "IconPhotoOutline_component_At0tlll1cjo"));
+const IconMegaphoneMini = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_18") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3 11.25v1.5a3 3 0 0 0 3 3h1.5l5.25 3V6.75L7.5 9.75H6a3 3 0 0 0-3 1.5Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M18 9.75a3.75 3.75 0 0 1 0 4.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M20.25 8.25a6.75 6.75 0 0 1 0 7.5"
+    }, null, 3, null)
+  ], 0, "IM_19");
+}, "IconMegaphoneMini_component_wa0HCNgF35k"));
+const IconCodeBracketSolid = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_20") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8.25 6.75 3.75 12l4.5 5.25M15.75 6.75 20.25 12l-4.5 5.25"
+    }, null, 3, null)
+  ], 0, "IM_21");
+}, "IconCodeBracketSolid_component_oc7J6sjRCbU"));
+const IconClockOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_22") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 6v6l4 2"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+    }, null, 3, null)
+  ], 0, "IM_23");
+}, "IconClockOutline_component_MNqkJQYTKgQ"));
+const IconChartBarOutline = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_24") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M7.5 17.25v-7.5m4.5 7.5v-10.5m4.5 10.5v-4.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.5 20.25h15"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.75 3.75h16.5v16.5H3.75z"
+    }, null, 3, null)
+  ], 0, "IM_25");
+}, "IconChartBarOutline_component_m8edopc6p0I"));
+const IconArrowDownTray = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_26") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 3v10.5m0 0 3.75-3.75M12 13.5 8.25 9.75"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.75 15.75v2.25A2.25 2.25 0 0 0 6 20.25h12a2.25 2.25 0 0 0 2.25-2.25v-2.25"
+    }, null, 3, null)
+  ], 0, "IM_27");
+}, "IconArrowDownTray_component_lFmyJcjjyLQ"));
+const IconXMark = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_28") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18 18 6M6 6l12 12"
+    }, null, 3, null)
+  ], 0, "IM_29");
+}, "IconXMark_component_lqkxIqDRb14"));
+const IconMagnifyingGlass = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_30") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+    }, null, 3, null)
+  ], 0, "IM_31");
+}, "IconMagnifyingGlass_component_Z8LLYrhceAI"));
+const IconArrowsPointingOut = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_32") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9 3H4.5v4.5M15 3h4.5v4.5M9 21H4.5v-4.5M15 21h4.5v-4.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9 3 3 9m12-6 6 6M9 21l-6-6m12 6 6-6"
+    }, null, 3, null)
+  ], 0, "IM_33");
+}, "IconArrowsPointingOut_component_JMV4sPWCdW8"));
+const IconInfoCircle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, {
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_34") : null,
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "12",
+      y1: "16",
+      x2: "12",
+      y2: "12"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "12",
+      y1: "8",
+      x2: "12.01",
+      y2: "8"
+    }, null, 3, null)
+  ], 0, "IM_35");
+}, "IconInfoCircle_component_kKMHwIuTbQ4"));
+const IconTarget = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, {
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_36") : null,
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "12",
+      cy: "12",
+      r: "6"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "12",
+      y1: "2",
+      x2: "12",
+      y2: "6"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "12",
+      y1: "18",
+      x2: "12",
+      y2: "22"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "2",
+      y1: "12",
+      x2: "6",
+      y2: "12"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "18",
+      y1: "12",
+      x2: "22",
+      y2: "12"
+    }, null, 3, null)
+  ], 0, "IM_37");
+}, "IconTarget_component_T0mpdrkca7s"));
+const IconExpandShrink = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, {
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_38") : null,
+    props.expanded ? /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
+      /* @__PURE__ */ _jsxSorted("polyline", null, {
+        points: "4 14 10 14 10 20"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("polyline", null, {
+        points: "20 10 14 10 14 4"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("line", null, {
+        x1: "14",
+        y1: "10",
+        x2: "21",
+        y2: "3"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("line", null, {
+        x1: "3",
+        y1: "21",
+        x2: "10",
+        y2: "14"
+      }, null, 3, null)
+    ], 3, "IM_39") : /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
+      /* @__PURE__ */ _jsxSorted("polyline", null, {
+        points: "15 3 21 3 21 9"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("polyline", null, {
+        points: "9 21 3 21 3 15"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("line", null, {
+        x1: "21",
+        y1: "3",
+        x2: "14",
+        y2: "10"
+      }, null, 3, null),
+      /* @__PURE__ */ _jsxSorted("line", null, {
+        x1: "3",
+        y1: "21",
+        x2: "10",
+        y2: "14"
+      }, null, 3, null)
+    ], 3, "IM_40")
+  ], 0, "IM_41");
+}, "IconExpandShrink_component_5JdTyF80dAk"));
+const IconMonitor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, {
+    "stroke-width": "1.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_42") : null,
+    /* @__PURE__ */ _jsxSorted("rect", null, {
+      x: "2",
+      y: "3",
+      width: "20",
+      height: "14",
+      rx: "2",
+      ry: "2"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "8",
+      y1: "21",
+      x2: "16",
+      y2: "21"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("line", null, {
+      x1: "12",
+      y1: "17",
+      x2: "12",
+      y2: "21"
+    }, null, 3, null)
+  ], 0, "IM_43");
+}, "IconMonitor_component_YaLxy705axg"));
+const IconArrowsPointingIn = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_44") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9 9H3.75V3.75M15 9h5.25V3.75M9 15H3.75v5.25M15 15h5.25v5.25"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m9 9-6-6m12 6 6-6m-12 12-6 6m12-6 6 6"
+    }, null, 3, null)
+  ], 0, "IM_45");
+}, "IconArrowsPointingIn_component_AXzESBp7InQ"));
+const QwikLogo = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSorted("svg", {
+    "aria-hidden": _fnSignal(_hf0, [
+      props
+    ]),
+    class: _wrapProp(props, "class"),
+    role: _fnSignal(_hf1, [
+      props
+    ]),
+    style: _wrapProp(props, "style")
+  }, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 500 506"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_46") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      fill: "white",
+      d: "M370.826 224.859 156.157 16.117l23.021 158.743-50.004 49.999 213.863 198.793-12.209-158.792 39.998-40.001Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      fill: "#18b6f6",
+      d: "m250 449.707 181.102 55.804-88.065-81.859-213.863-198.793 50.004-49.999-23.021-158.743L8.348 193.702a62.314 62.314 0 0 0 0 62.314l93.843 162.535a62.314 62.314 0 0 0 53.965 31.156H250Z"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      fill: "#ac7ef4",
+      d: "M343.843 0H156.157a62.312 62.312 0 0 0-53.965 31.157L8.348 193.702 156.157 16.117l214.669 208.742-39.998 40.001 12.209 158.792 88.065 81.859c5.078 1.564 9.533-3.756 7.102-8.48l-40.395-78.48 93.842-162.535a62.313 62.313 0 0 0 .001-62.314L397.808 31.157A62.312 62.312 0 0 0 343.843 0Z"
+    }, null, 3, null)
+  ], 1, "IM_47");
+}, "QwikLogo_component_Td1OS5CbfzE"));
+const IconAdjustmentsHorizontal = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_48") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"
+    }, null, 3, null)
+  ], 0, "IM_49");
+}, "IconAdjustmentsHorizontal_component_nsuoDZC96P0"));
+const IconEllipsisHorizontal = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, null, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_50") : null,
+    /* @__PURE__ */ _jsxSorted("path", null, {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
+    }, null, 3, null)
+  ], 0, "IM_51");
+}, "IconEllipsisHorizontal_component_2ckT22JoY1Q"));
+const IconGripVertical = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSplit("svg", {
+    ...baseSvgProps({
+      ...props,
+      viewBox: "0 0 24 24"
+    })
+  }, {
+    fill: "currentColor",
+    stroke: "none"
+  }, [
+    props.title ? /* @__PURE__ */ _jsxSorted("title", null, null, props.title, 1, "IM_52") : null,
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "9",
+      cy: "5",
+      r: "1.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "15",
+      cy: "5",
+      r: "1.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "9",
+      cy: "12",
+      r: "1.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "15",
+      cy: "12",
+      r: "1.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "9",
+      cy: "19",
+      r: "1.5"
+    }, null, 3, null),
+    /* @__PURE__ */ _jsxSorted("circle", null, {
+      cx: "15",
+      cy: "19",
+      r: "1.5"
+    }, null, 3, null)
+  ], 0, "IM_53");
+}, "IconGripVertical_component_CTeo7k0NExw"));
+export {
+  IconAdjustmentsHorizontal,
+  IconArrowDownTray,
+  IconArrowsPointingIn,
+  IconArrowsPointingOut,
+  IconBoltOutline,
+  IconChartBarOutline,
+  IconChevronUpMini,
+  IconClockOutline,
+  IconCodeBracketSolid,
+  IconCubeOutline,
+  IconDiagram3,
+  IconEllipsisHorizontal,
+  IconExpandShrink,
+  IconFolderTree,
+  IconGripVertical,
+  IconInfoCircle,
+  IconMagnifyingGlass,
+  IconMegaphoneMini,
+  IconMonitor,
+  IconMoonOutline,
+  IconPhotoOutline,
+  IconSparkles,
+  IconSunOutline,
+  IconTarget,
+  IconXMark,
+  QwikLogo
+};

package/dist/ui/packages/devtools/ui/src/components/InfoBanner/InfoBanner.qwik.mjs

@@ -0,0 +1,25 @@
+import { componentQrl, inlinedQrl, _jsxSorted, _fnSignal, Slot } from "@qwik.dev/core";
+import { IconInfoCircle } from "../Icons/Icons.qwik.mjs";
+const _hf0 = (p0) => [
+  "border-border bg-card-item-bg flex items-center gap-3 rounded-xl border p-4",
+  p0.class
+];
+const InfoBanner = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxSorted("div", {
+    class: _fnSignal(_hf0, [
+      props
+    ])
+  }, null, [
+    /* @__PURE__ */ _jsxSorted("div", null, {
+      class: "text-accent shrink-0 text-lg"
+    }, /* @__PURE__ */ _jsxSorted(IconInfoCircle, null, {
+      class: "h-5 w-5"
+    }, null, 3, "6O_0"), 1, null),
+    /* @__PURE__ */ _jsxSorted("div", null, {
+      class: "text-sm"
+    }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "6O_1"), 1, null)
+  ], 1, "6O_2");
+}, "InfoBanner_component_hsC2DF6XeOg"));
+export {
+  InfoBanner
+};