@luminescent/ui-qwik 1.3.1 → 1.4.0

package/lib/index.qwik.mjs

@@ -1,11 +1,9 @@
-import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _IMMUTABLE, useStore, useLexicalScope, _jsxC, Slot, _wrapSignal, _jsxBranch, useSignal, useStylesQrl } from "@builder.io/qwik";
-import { Fragment } from "@builder.io/qwik/jsx-runtime";
-const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
-  id: _fnSignal((p0) => p0.id, [
-    props
-  ], "p0.id"),
+import { jsx, jsxs, Fragment } from "@builder.io/qwik/jsx-runtime";
+import { component$, useStore, $, Slot, useSignal, useStyles$ } from "@builder.io/qwik";
+const Anchor = component$(({ id }) => /* @__PURE__ */ jsx("span", {
+  id,
   class: "block h-32 -mt-32 pointer-events-none"
-}, null, 3, "mN_0"), "Anchor_component_dUkqs0yGHwc"));
+}));
 const blobColorClasses = {
   slate: [
     "bg-slate-400",
@@ -137,60 +135,57 @@ const blobClasses = [
   "animate-blob5",
   "animate-blob6"
 ];
-const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "color",
-    "blur"
-  ]);
+const Blobs = component$(({ color = "darkgray", blur = "xl", ...props }) => {
   const blob = Math.round(Math.random() * 6);
-  const colorClass = typeof (props.color ?? "darkgray") == "string" ? blobColorClasses[props.color ?? "darkgray"] : props.color ?? "darkgray";
-  return /* @__PURE__ */ _jsxQ("div", {
+  const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
+  return /* @__PURE__ */ jsxs("div", {
     class: {
       "motion-reduce:hidden absolute inset-0 transition-all animate-in fade-in anim-duration-[2s]": true,
-      ...props1.class
+      ...props.class
     },
     style: {
       containerType: "size",
-      ...props1.style
-    }
-  }, null, [
-    /* @__PURE__ */ _jsxQ("div", {
-      class: {
-        "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
-        "blur-sm": (props.blur ?? "xl") === "sm",
-        "blur-md": (props.blur ?? "xl") === "md",
-        "blur-lg": (props.blur ?? "xl") === "lg",
-        "blur-xl": (props.blur ?? "xl") === "xl",
-        [blobClasses[blob]]: true,
-        [colorClass[0]]: true
-      }
-    }, null, null, 3, null),
-    /* @__PURE__ */ _jsxQ("div", {
-      class: {
-        "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
-        "blur-sm": (props.blur ?? "xl") === "sm",
-        "blur-md": (props.blur ?? "xl") === "md",
-        "blur-lg": (props.blur ?? "xl") === "lg",
-        "blur-xl": (props.blur ?? "xl") === "xl",
-        "anim-delay-[-5s]": true,
-        [blobClasses[blob]]: true,
-        [colorClass[1]]: true
-      }
-    }, null, null, 3, null),
-    /* @__PURE__ */ _jsxQ("div", {
-      class: {
-        "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
-        "blur-sm": (props.blur ?? "xl") === "sm",
-        "blur-md": (props.blur ?? "xl") === "md",
-        "blur-lg": (props.blur ?? "xl") === "lg",
-        "blur-xl": (props.blur ?? "xl") === "xl",
-        "anim-delay-[-10s]": true,
-        [blobClasses[blob]]: true,
-        [colorClass[2]]: true
-      }
-    }, null, null, 3, null)
-  ], 1, "Mx_0");
-}, "Blobs_component_xCrUzl14bRQ"));
+      ...props.style
+    },
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          [blobClasses[blob]]: true,
+          [colorClass[0]]: true
+        }
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-5s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[1]]: true
+        }
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 w-[30cqw] h-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-10s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[2]]: true
+        }
+      })
+    ]
+  });
+});
 const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 function getMousePosition(e) {
   if (window.TouchEvent && e instanceof TouchEvent) {
@@ -300,53 +295,52 @@ function rgbToHsv(color) {
     v
   };
 }
-const Shuffle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+const Shuffle = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512 512",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "32",
         d: "M400 304l48 48-48 48M400 112l48 48-48 48M64 352h85.19a80 80 0 0066.56-35.62L256 256"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         d: "M64 160h85.19a80 80 0 0166.56 35.62l80.5 120.76A80 80 0 00362.81 352H416M416 160h-53.19a80 80 0 00-66.56 35.62L288 208",
         fill: "none",
         stroke: "currentColor",
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "32"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "z5_0");
-}, "Shuffle_component_17D0HKe0U1U"));
-const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "id",
-    "value",
-    "colors",
-    "onInput$",
-    "preview",
-    "horizontal",
-    "showInput"
-  ]);
-  const width = 125;
-  const maxHue = 148;
-  const hsvColor = rgbToHsv(hexNumberToRgb(hexStringToNumber(props.value ?? "#000000")));
+  });
+});
+const ColorPicker = component$(({ id, value = "#000000", colors = [
+  "#FAEDCB",
+  "#C9E4DE",
+  "#C6DEF1",
+  "#DBCDF0",
+  "#F2C6DE",
+  "#FCD05C",
+  "#5FE2C5",
+  "#4498DB",
+  "#9863E7",
+  "#E43A96",
+  "#000000",
+  "#555555",
+  "#AAAAAA",
+  "#FFFFFF"
+], onInput$, preview = "left", horizontal, showInput = true, ...props }) => {
+  const height = 150;
+  const width = height - 25;
+  const maxHue = height - 2;
+  const hsvColor = rgbToHsv(hexNumberToRgb(hexStringToNumber(value)));
   const store = useStore({
     hue: {
       position: hsvColor.h * maxHue,
@@ -358,53 +352,41 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     },
     bPosition: (1 - hsvColor.v) * maxHue,
     sPosition: hsvColor.s * width,
-    value: props.value ?? "#000000"
+    value
   });
-  const setColor = /* @__PURE__ */ inlinedQrl((color) => {
-    const [maxHue2, props2, store2, width2] = useLexicalScope();
+  const setColor = $((color) => {
     if (!color.match(/^#[0-9A-F]{6}$/i)) return;
     const number = hexStringToNumber(color);
     const hsv = rgbToHsv(hexNumberToRgb(number));
-    store2.hue.position = hsv.h * maxHue2;
-    store2.hue.color = rgbToHex(hsvToRgb({
+    store.hue.position = hsv.h * maxHue;
+    store.hue.color = rgbToHex(hsvToRgb({
       h: hsv.h,
       s: 1,
       v: 1
     }));
-    store2.sPosition = hsv.s * width2;
-    store2.bPosition = (1 - hsv.v) * maxHue2;
-    store2.value = color;
-    props2.onInput$?.(store2.value);
-  }, "ColorPicker_component_setColor_m9tT2MF9iI8", [
-    maxHue,
-    props,
-    store,
-    width
-  ]);
-  const hueChange = /* @__PURE__ */ inlinedQrl((e, hOffset) => {
-    const [maxHue2, props2, store2] = useLexicalScope();
+    store.sPosition = hsv.s * width;
+    store.bPosition = (1 - hsv.v) * maxHue;
+    store.value = color;
+    onInput$?.(store.value);
+  });
+  const hueChange = $((e, hOffset) => {
     const { y } = getMousePosition(e);
-    store2.hue.position = clamp(maxHue2 - (y - hOffset), 0, maxHue2);
-    const hsvColor2 = rgbToHsv(hexNumberToRgb(hexStringToNumber(store2.value)));
-    const h = store2.hue.position / maxHue2;
+    store.hue.position = clamp(maxHue - (y - hOffset), 0, maxHue);
+    const hsvColor2 = rgbToHsv(hexNumberToRgb(hexStringToNumber(store.value)));
+    const h = store.hue.position / maxHue;
     hsvColor2.h = h;
-    store2.hue.color = rgbToHex(hsvToRgb({
+    store.hue.color = rgbToHex(hsvToRgb({
       h,
       s: 1,
       v: 1
     }));
-    store2.value = rgbToHex(hsvToRgb(hsvColor2));
-    props2.onInput$?.(store2.value);
-  }, "ColorPicker_component_hueChange_c0i9qwof0Yw", [
-    maxHue,
-    props,
-    store
-  ]);
-  const hueMouseDown = /* @__PURE__ */ inlinedQrl((e, el) => {
-    const [hueChange2] = useLexicalScope();
+    store.value = rgbToHex(hsvToRgb(hsvColor2));
+    onInput$?.(store.value);
+  });
+  const hueMouseDown = $((e, el) => {
     const hOffset = el.getBoundingClientRect().top;
-    hueChange2(e, hOffset);
-    const eventListener = (e2) => hueChange2(e2, hOffset);
+    hueChange(e, hOffset);
+    const eventListener = (e2) => hueChange(e2, hOffset);
     window.addEventListener("mousemove", eventListener);
     window.addEventListener("touchmove", eventListener);
     const mouseUpListener = () => {
@@ -415,33 +397,24 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     };
     window.addEventListener("mouseup", mouseUpListener);
     window.addEventListener("touchend", mouseUpListener);
-  }, "ColorPicker_component_hueMouseDown_cw08gCPBKtw", [
-    hueChange
-  ]);
-  const sbChange = /* @__PURE__ */ inlinedQrl((e, hOffset) => {
-    const [maxHue2, props2, store2, width2] = useLexicalScope();
+  });
+  const sbChange = $((e, hOffset) => {
     const { x, y } = getMousePosition(e);
-    store2.bPosition = clamp(y - hOffset.top, 0, maxHue2);
-    store2.sPosition = clamp(x - hOffset.left, 0, width2);
-    const s = store2.sPosition / width2;
-    const v = 1 - store2.bPosition / maxHue2;
-    store2.value = rgbToHex(hsvToRgb({
-      h: store2.hue.position / maxHue2,
+    store.bPosition = clamp(y - hOffset.top, 0, maxHue);
+    store.sPosition = clamp(x - hOffset.left, 0, width);
+    const s = store.sPosition / width;
+    const v = 1 - store.bPosition / maxHue;
+    store.value = rgbToHex(hsvToRgb({
+      h: store.hue.position / maxHue,
       s,
       v
     }));
-    props2.onInput$?.(store2.value);
-  }, "ColorPicker_component_sbChange_NwrBaY0ccx0", [
-    maxHue,
-    props,
-    store,
-    width
-  ]);
-  const sbMouseDown = /* @__PURE__ */ inlinedQrl((e, el) => {
-    const [sbChange2] = useLexicalScope();
+    onInput$?.(store.value);
+  });
+  const sbMouseDown = $((e, el) => {
     const offset = el.getBoundingClientRect();
-    sbChange2(e, offset);
-    const eventListener = (e2) => sbChange2(e2, offset);
+    sbChange(e, offset);
+    const eventListener = (e2) => sbChange(e2, offset);
     window.addEventListener("mousemove", eventListener);
     window.addEventListener("touchmove", eventListener);
     const mouseUpListener = () => {
@@ -452,596 +425,450 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     };
     window.addEventListener("mouseup", mouseUpListener);
     window.addEventListener("touchend", mouseUpListener);
-  }, "ColorPicker_component_sbMouseDown_Vor71dUNt7g", [
-    sbChange
-  ]);
-  return /* @__PURE__ */ _jsxQ("div", {
+  });
+  return /* @__PURE__ */ jsxs("div", {
     class: {
       "motion-safe:transition-all p-4 lum-bg-gray-900 flex gap-4 rounded-lg touch-none": true,
       "flex": true,
-      "flex-col": !props.horizontal,
-      ...props1.class
-    }
-  }, {
-    id: _fnSignal((p0) => p0.id, [
-      props
-    ], "p0.id"),
-    onInput$: /* @__PURE__ */ inlinedQrl((e, el) => {
-      const [setColor2] = useLexicalScope();
+      "flex-col": !horizontal,
+      ...props.class
+    },
+    id,
+    onInput$: (e, el) => {
       if (!el.dataset.value) return;
-      setColor2(el.dataset.value);
-    }, "ColorPicker_component_div_onInput_qqZiSKVe6wo", [
-      setColor
-    ])
-  }, [
-    /* @__PURE__ */ _jsxQ("div", null, {
-      class: "flex gap-4"
-    }, [
-      /* @__PURE__ */ _jsxQ("div", null, {
-        class: "w-[125px] h-[150px] rounded-md relative",
-        style: _fnSignal((p0) => ({
-          background: `linear-gradient(to right, #FFFFFF, ${p0.hue.color})`
-        }), [
-          store
-        ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}"),
-        "preventdefault:mousedown": true,
-        "preventdefault:touchstart": true,
-        onMouseDown$: sbMouseDown,
-        onTouchStart$: sbMouseDown
-      }, [
-        /* @__PURE__ */ _jsxQ("div", null, {
-          class: "w-[125px] h-[150px] rounded-[0.3rem] bg-gradient-to-b from-transparent to-black border border-gray-700"
-        }, null, 3, null),
-        /* @__PURE__ */ _jsxQ("div", {
-          class: {
-            "absolute -top-2 -left-2 w-4 h-4 border rounded-full bg-white": true,
-            "border-white": getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) < 0.5,
-            "border-black": getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) > 0.5
-          }
-        }, {
-          style: _fnSignal((p0) => ({
-            background: p0.value,
-            transform: `translate(${p0.sPosition}px, ${p0.bPosition}px)`
-          }), [
-            store
-          ], "{background:p0.value,transform:`translate(${p0.sPosition}px, ${p0.bPosition}px)`}")
-        }, null, 3, null)
-      ], 1, null),
-      /* @__PURE__ */ _jsxQ("div", null, {
-        class: "h-[150px] relative w-2 border border-gray-700 rounded-md",
-        style: {
-          background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)"
-        },
-        "preventdefault:mousedown": true,
-        "preventdefault:touchstart": true,
-        onMouseDown$: hueMouseDown,
-        onTouchStart$: hueMouseDown
-      }, /* @__PURE__ */ _jsxQ("div", null, {
-        class: "absolute -bottom-2 -left-[5px] w-4 h-4 border border-white rounded-full bg-[#ff0000]",
-        style: _fnSignal((p0) => ({
-          transform: `translateY(${-p0.hue.position}px)`,
-          background: p0.hue.color
-        }), [
-          store
-        ], "{transform:`translateY(${-p0.hue.position}px)`,background:p0.hue.color}")
-      }, null, 3, null), 3, null)
-    ], 1, null),
-    /* @__PURE__ */ _jsxQ("div", null, {
-      class: "w-[150px] flex flex-wrap gap-1 justify-between"
-    }, [
-      (props.showInput ?? true) && /* @__PURE__ */ _jsxQ("div", {
-        class: {
-          "flex w-[150px] pb-3 mb-2 border-b border-b-gray-700": true,
-          "flex-row gap-1": (props.preview ?? "left") == "left",
-          "flex-row-reverse gap-1": (props.preview ?? "left") == "right",
-          "flex-col": (props.preview ?? "left") == "top",
-          "flex-col-reverse": (props.preview ?? "left") == "bottom"
-        }
-      }, null, [
-        (props.preview ?? "left") != "full" && /* @__PURE__ */ _jsxQ("div", {
-          class: {
-            "border border-gray-700": true,
-            "h-full aspect-square rounded-md": (props.preview ?? "left") == "left" || (props.preview ?? "left") == "right",
-            "w-full h-3": (props.preview ?? "left") == "top" || (props.preview ?? "left") == "bottom",
-            "rounded-t-md": (props.preview ?? "left") == "top",
-            "rounded-b-md": (props.preview ?? "left") == "bottom"
-          }
-        }, {
-          style: _fnSignal((p0) => ({
-            backgroundColor: `${p0.value}`
-          }), [
-            store
-          ], "{backgroundColor:`${p0.value}`}")
-        }, null, 3, "Xr_0"),
-        /* @__PURE__ */ _jsxQ("input", {
-          class: {
-            "w-full lum-input lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
-            "border-t-0 rounded-t-none": (props.preview ?? "left") == "top",
-            "border-b-0 rounded-b-none": (props.preview ?? "left") == "bottom"
-          },
-          style: (props.preview ?? "left") == "full" ? {
-            backgroundColor: `${store.value}`,
-            color: getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) > 0.5 ? "black" : "white"
-          } : {}
-        }, {
-          value: _fnSignal((p0) => p0.value, [
-            store
-          ], "p0.value"),
-          onInput$: /* @__PURE__ */ inlinedQrl((e, el) => {
-            const [setColor2] = useLexicalScope();
-            setColor2(el.value);
-          }, "ColorPicker_component_div_div_div_input_onInput_CQkhrhS8XsM", [
-            setColor
-          ])
-        }, null, 3, null)
-      ], 1, "Xr_1"),
-      (props.colors ?? [
-        "#FAEDCB",
-        "#C9E4DE",
-        "#C6DEF1",
-        "#DBCDF0",
-        "#F2C6DE",
-        "#FCD05C",
-        "#5FE2C5",
-        "#4498DB",
-        "#9863E7",
-        "#E43A96",
-        "#000000",
-        "#555555",
-        "#AAAAAA",
-        "#FFFFFF"
-      ]).map((color, i) => {
-        return /* @__PURE__ */ _jsxQ("button", {
-          style: {
-            background: color,
-            outline: color === store.value ? "2px solid #ffffffaa" : void 0
-          },
-          onClick$: /* @__PURE__ */ inlinedQrl(() => {
-            const [color2, setColor2] = useLexicalScope();
-            setColor2(color2);
-          }, "ColorPicker_component_div_div_button_onClick_SZm6ZpemtlQ", [
-            color,
-            setColor
-          ])
-        }, {
-          class: {
-            "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out -outline-offset-1 outline outline-1 outline-white/30": true
-          }
-        }, null, 2, i);
+      setColor(el.dataset.value);
+    },
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        class: "flex gap-4",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            class: "w-[125px] h-[150px] rounded-md relative",
+            style: {
+              background: `linear-gradient(to right, #FFFFFF, ${store.hue.color})`
+            },
+            onMouseDown$: sbMouseDown,
+            onTouchStart$: sbMouseDown,
+            "preventdefault:mousedown": true,
+            "preventdefault:touchstart": true,
+            children: [
+              /* @__PURE__ */ jsx("div", {
+                class: "w-[125px] h-[150px] rounded-[0.3rem] bg-gradient-to-b from-transparent to-black border border-gray-700"
+              }),
+              /* @__PURE__ */ jsx("div", {
+                class: {
+                  "absolute -top-2 -left-2 w-4 h-4 border rounded-full bg-white": true,
+                  "border-white": getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) < 0.5,
+                  "border-black": getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) > 0.5
+                },
+                style: {
+                  background: store.value,
+                  transform: `translate(${store.sPosition}px, ${store.bPosition}px)`
+                }
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("div", {
+            class: "h-[150px] relative w-2 border border-gray-700 rounded-md",
+            style: {
+              background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)"
+            },
+            onMouseDown$: hueMouseDown,
+            onTouchStart$: hueMouseDown,
+            "preventdefault:mousedown": true,
+            "preventdefault:touchstart": true,
+            children: /* @__PURE__ */ jsx("div", {
+              class: "absolute -bottom-2 -left-[5px] w-4 h-4 border border-white rounded-full bg-[#ff0000]",
+              style: {
+                transform: `translateY(${-store.hue.position}px)`,
+                background: store.hue.color
+              }
+            })
+          })
+        ]
       }),
-      /* @__PURE__ */ _jsxQ("button", null, {
-        class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out",
-        onClick$: /* @__PURE__ */ inlinedQrl(() => {
-          const [setColor2] = useLexicalScope();
-          const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
-          setColor2(color);
-        }, "ColorPicker_component_div_div_button_onClick_1_sMsvaWHvSbk", [
-          setColor
-        ])
-      }, /* @__PURE__ */ _jsxC(Shuffle, {
-        class: "fill-current text-gray-300 pl-0.5 p-0.5",
-        [_IMMUTABLE]: {
-          class: _IMMUTABLE
-        }
-      }, 3, "Xr_2"), 1, null)
-    ], 1, null)
-  ], 1, "Xr_3");
-}, "ColorPicker_component_8ldznufwKro"));
-const ChevronDown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+      /* @__PURE__ */ jsxs("div", {
+        class: "w-[150px] flex flex-wrap gap-1 justify-between",
+        children: [
+          showInput && /* @__PURE__ */ jsxs("div", {
+            class: {
+              "flex w-[150px] pb-3 mb-2 border-b border-b-gray-700": true,
+              "flex-row gap-1": preview == "left",
+              "flex-row-reverse gap-1": preview == "right",
+              "flex-col": preview == "top",
+              "flex-col-reverse": preview == "bottom"
+            },
+            children: [
+              preview != "full" && /* @__PURE__ */ jsx("div", {
+                class: {
+                  "border border-gray-700": true,
+                  "h-full aspect-square rounded-md": preview == "left" || preview == "right",
+                  "w-full h-3": preview == "top" || preview == "bottom",
+                  "rounded-t-md": preview == "top",
+                  "rounded-b-md": preview == "bottom"
+                },
+                style: {
+                  backgroundColor: `${store.value}`
+                }
+              }),
+              /* @__PURE__ */ jsx("input", {
+                class: {
+                  "w-full lum-input lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
+                  "border-t-0 rounded-t-none": preview == "top",
+                  "border-b-0 rounded-b-none": preview == "bottom"
+                },
+                value: store.value,
+                style: preview == "full" ? {
+                  backgroundColor: `${store.value}`,
+                  color: getBrightness(hexNumberToRgb(hexStringToNumber(store.value))) > 0.5 ? "black" : "white"
+                } : {},
+                onInput$: (e, el) => {
+                  setColor(el.value);
+                }
+              })
+            ]
+          }),
+          colors.map((color, i) => {
+            return /* @__PURE__ */ jsx("button", {
+              class: {
+                "w-[1.6rem] h-[1.6rem] rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out -outline-offset-1 outline outline-1 outline-white/30": true
+              },
+              style: {
+                background: color,
+                outline: color === store.value ? "2px solid #ffffffaa" : void 0
+              },
+              onClick$: () => {
+                setColor(color);
+              }
+            }, i);
+          }),
+          /* @__PURE__ */ jsx("button", {
+            class: "w-[1.6rem] h-[1.6rem] border border-gray-700 rounded-md hover:scale-110 motion-safe:transition-all duration-300 hover:duration-75 ease-out",
+            onClick$: () => {
+              const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+              setColor(color);
+            },
+            children: /* @__PURE__ */ jsx(Shuffle, {
+              class: "fill-current text-gray-300 pl-0.5 p-0.5"
+            })
+          })
+        ]
+      })
+    ]
+  });
+});
+const ChevronDown = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512 512",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "48",
       d: "M112 184l144 144 144-144"
-    }, null, 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "EL_0");
-}, "ChevronDown_component_t7XDRYS4gVA"));
-const Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("div", null, {
-    class: "flex flex-col"
-  }, [
-    /* @__PURE__ */ _jsxQ("label", null, {
-      for: _fnSignal((p0) => p0.id, [
-        props
-      ], "p0.id"),
-      class: "text-gray-300 pb-1 select-none"
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "Q4_0"), 1, null),
-    /* @__PURE__ */ _jsxC(DropdownRaw, {
-      ...props
-    }, 0, "Q4_1")
-  ], 1, "Q4_2");
-}, "Dropdown_component_uFQ6p5skpCY"));
-const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "id",
-    "values",
-    "class",
-    "display",
-    "hover"
-  ]);
+    })
+  });
+});
+const Dropdown = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "text-gray-300 pb-1 select-none",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsx(DropdownRaw, {
+        ...props
+      })
+    ]
+  });
+});
+const DropdownRaw = component$(({ id, values, class: Class, display, hover, ...props }) => {
   const store = useStore({
     opened: false,
-    value: props1.value
+    value: props.value
   });
-  return /* @__PURE__ */ _jsxQ("div", null, {
-    class: _fnSignal((p0) => ({
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
       "relative touch-manipulation": true,
-      "group": p0.hover
-    }), [
-      props
-    ], '{"relative touch-manipulation":true,"group":p0.hover}')
-  }, [
-    props.values && /* @__PURE__ */ _jsxS("select", {
-      ...props1,
-      get id() {
-        return props.id;
-      },
-      class: {
-        "hidden": true
-      },
-      children: props.values.map((value, i) => {
-        return /* @__PURE__ */ _jsxQ("option", {
-          value: _wrapSignal(value, "value")
-        }, null, `${value.value}`, 1, i);
-      })
-    }, {
-      id: _fnSignal((p0) => p0.id, [
-        props
-      ], "p0.id"),
-      class: _IMMUTABLE
-    }, 0, "Q4_3"),
-    /* @__PURE__ */ _jsxQ("button", null, {
-      class: _fnSignal((p0) => ({
-        "lum-btn lum-pad-md text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
-        ...p0.class
-      }), [
-        props
-      ], '{"lum-btn lum-pad-md text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md":true,...p0.class}'),
-      onClick$: /* @__PURE__ */ inlinedQrl(() => {
-        const [store2] = useLexicalScope();
-        store2.opened = !store2.opened;
-      }, "DropdownRaw_component_div_button_onClick_fdpCVk0MoxA", [
-        store
-      ])
-    }, [
-      _fnSignal((p0) => p0.display, [
-        props
-      ], "p0.display"),
-      !props.display && props.values && /* @__PURE__ */ _jsxQ("span", null, {
-        id: _fnSignal((p0) => `lui-${p0.id}-name`, [
-          props
-        ], "`lui-${p0.id}-name`"),
-        class: "flex-1 text-left"
-      }, props.values.find((value) => value.value.toString() === store.value)?.name ?? props.values[0].name, 1, "Q4_4"),
-      /* @__PURE__ */ _jsxC(ChevronDown, {
-        width: 16,
+      "group": hover
+    },
+    children: [
+      values && /* @__PURE__ */ jsx("select", {
+        ...props,
+        id,
         class: {
-          "motion-safe:transition-all ease-out": true,
-          "transform rotate-180": store.opened,
-          "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-75": props.hover
+          "hidden": true
         },
-        [_IMMUTABLE]: {
-          width: _IMMUTABLE
-        }
-      }, 3, "Q4_5")
-    ], 1, null),
-    /* @__PURE__ */ _jsxQ("div", {
-      class: {
-        "transition-all ease-out absolute top-full pt-2 left-0 z-[1000] ": true,
-        "opacity-0 scale-95 pointer-events-none": !store.opened,
-        "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-75": props.hover
-      }
-    }, null, /* @__PURE__ */ _jsxQ("div", null, {
-      id: _fnSignal((p0) => `lui-${p0.id}-opts`, [
-        props
-      ], "`lui-${p0.id}-opts`"),
-      class: {
-        "motion-safe:transition-all p-1 gap-1 lum-bg-gray-800 backdrop-blur-xl flex flex-col border max-h-72 lum-scroll overflow-auto select-none rounded-md": true
-      }
-    }, [
-      props.values?.map(({ name, value }, i) => {
-        return /* @__PURE__ */ _jsxQ("button", {
-          onClick$: /* @__PURE__ */ inlinedQrl(() => {
-            const [props2, store2, value2] = useLexicalScope();
-            store2.opened = false;
-            const select = document.getElementById(props2.id);
-            if (select) {
-              select.value = value2.toString();
-              select.dispatchEvent(new Event("change"));
+        children: values.map((value, i) => {
+          return /* @__PURE__ */ jsx("option", {
+            value: value.value,
+            children: `${value.value}`
+          }, i);
+        })
+      }),
+      /* @__PURE__ */ jsxs("button", {
+        class: {
+          "lum-btn lum-pad-md text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
+          ...Class
+        },
+        onClick$: () => {
+          store.opened = !store.opened;
+        },
+        children: [
+          display,
+          !display && values && /* @__PURE__ */ jsx("span", {
+            id: `lui-${id}-name`,
+            class: "flex-1 text-left",
+            children: values.find((value) => value.value.toString() === store.value)?.name ?? values[0].name
+          }),
+          /* @__PURE__ */ jsx(ChevronDown, {
+            width: 16,
+            class: {
+              "motion-safe:transition-all ease-out": true,
+              "transform rotate-180": store.opened,
+              "group-hover:transform group-hover:rotate-180 duration-300 group-hover:duration-75": hover
             }
-            store2.value = value2.toString();
-          }, "DropdownRaw_component_div_div_div_button_onClick_QpxUSf7x1W0", [
-            props,
-            store,
-            value
-          ])
-        }, {
-          class: {
-            "lum-btn lum-pad-md text-base lum-bg-transparent": true
-          }
-        }, name, 0, i);
+          })
+        ]
       }),
-      /* @__PURE__ */ _jsxC(Slot, {
-        name: "extra-buttons",
-        [_IMMUTABLE]: {
-          name: _IMMUTABLE
-        }
-      }, 3, "Q4_6")
-    ], 1, null), 1, null)
-  ], 1, "Q4_7");
-}, "DropdownRaw_component_DHfJGj0uQpE"));
-const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "transition-all ease-out absolute top-full pt-2 left-0 z-[1000] ": true,
+          "opacity-0 scale-95 pointer-events-none": !store.opened,
+          "group-hover:pointer-events-auto group-hover:opacity-100 group-hover:scale-100 duration-300 group-hover:duration-75": hover
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          id: `lui-${id}-opts`,
+          class: {
+            "motion-safe:transition-all p-1 gap-1 lum-bg-gray-800 backdrop-blur-xl flex flex-col border max-h-72 lum-scroll overflow-auto select-none rounded-md": true
+          },
+          children: [
+            values?.map(({ name, value }, i) => {
+              return /* @__PURE__ */ jsx("button", {
+                class: {
+                  "lum-btn lum-pad-md text-base lum-bg-transparent": true
+                },
+                onClick$: () => {
+                  store.opened = false;
+                  const select = document.getElementById(id);
+                  if (select) {
+                    select.value = value.toString();
+                    select.dispatchEvent(new Event("change"));
+                  }
+                  store.value = value.toString();
+                },
+                children: name
+              }, i);
+            }),
+            /* @__PURE__ */ jsx(Slot, {
+              name: "extra-buttons"
+            })
+          ]
+        })
+      })
+    ]
+  });
+});
+const Link = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512 512",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       d: "M208 352h-64a96 96 0 010-192h64M304 160h64a96 96 0 010 192h-64M163.29 256h187.42",
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "36"
-    }, null, 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "zW_0");
-}, "Link_component_fiB6yg0RKjk"));
-const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
-  const props1 = _restProps(props, [
-    "id",
-    "anchor",
-    "subheader"
-  ]);
-  let Component = /* @__PURE__ */ _jsxC(Fragment, {
-    children: /* @__PURE__ */ _jsxQ("h2", {
+    })
+  });
+});
+const Header = component$(({ id, anchor, subheader, ...props }) => {
+  let Component = /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs("h2", {
       class: {
         "flex gap-2 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
-        ...props1.class
-      }
-    }, null, [
-      /* @__PURE__ */ _jsxC(Slot, null, 3, "hw_0"),
-      props.id && /* @__PURE__ */ _jsxC(Anchor, {
-        get id() {
-          return props.id;
-        },
-        [_IMMUTABLE]: {
-          id: _fnSignal((p0) => p0.id, [
-            props
-          ], "p0.id")
-        }
-      }, 3, "hw_1"),
-      props.anchor && props.id && /* @__PURE__ */ _jsxQ("a", null, {
-        href: _fnSignal((p0) => `#${p0.id}`, [
-          props
-        ], "`#${p0.id}`"),
-        onClick$: /* @__PURE__ */ inlinedQrl(() => {
-          navigator.clipboard.writeText(window.location.href);
-        }, "Header_component_Component_Fragment_h2_a_onClick_tdwReSG5ZBA")
-      }, /* @__PURE__ */ _jsxC(Link, {
-        class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-75",
-        width: 24,
-        [_IMMUTABLE]: {
-          class: _IMMUTABLE,
-          width: _IMMUTABLE
-        }
-      }, 3, "hw_2"), 1, "hw_3")
-    ], 1, null)
-  }, 1, "hw_4");
-  if (props.subheader) Component = /* @__PURE__ */ _jsxQ("div", null, {
-    class: "flex flex-col gap-1"
-  }, [
-    Component,
-    /* @__PURE__ */ _jsxQ("h3", null, {
-      class: "flex items-center text-gray-400 text-sm"
-    }, _fnSignal((p0) => p0.subheader, [
-      props
-    ], "p0.subheader"), 3, null)
-  ], 1, "hw_5");
+        ...props.class
+      },
+      children: [
+        /* @__PURE__ */ jsx(Slot, {}),
+        id && /* @__PURE__ */ jsx(Anchor, {
+          id
+        }),
+        anchor && id && /* @__PURE__ */ jsx("a", {
+          href: `#${id}`,
+          onClick$: () => {
+            navigator.clipboard.writeText(window.location.href);
+          },
+          children: /* @__PURE__ */ jsx(Link, {
+            class: "transition-all opacity-10 group-hover:opacity-100 duration-300 group-hover:duration-75",
+            width: 24
+          })
+        })
+      ]
+    })
+  });
+  if (subheader) {
+    Component = /* @__PURE__ */ jsxs("div", {
+      class: "flex flex-col gap-1",
+      children: [
+        Component,
+        /* @__PURE__ */ jsx("h3", {
+          class: "flex items-center text-gray-400 text-sm",
+          children: subheader
+        })
+      ]
+    });
+  }
   return Component;
-}, "Header_component_JY2gvGRuOjU"));
-const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
-  const props1 = _restProps(props, [
-    "fixed",
-    "floating",
-    "nohamburger",
-    "colorClass"
-  ]);
+});
+const Nav = component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-gray-900", ...props }) => {
   const menu = useSignal(false);
-  return /* @__PURE__ */ _jsxS("nav", {
-    ...props1,
+  return /* @__PURE__ */ jsxs("nav", {
+    ...props,
     class: {
       "motion-safe:transition-all duration-200 flex flex-col top-0 left-0 w-full z-50": true,
-      "fixed": props.fixed,
-      "absolute": !props.fixed,
-      ...props1.class
+      "fixed": fixed,
+      "absolute": !fixed,
+      ...props.class
     },
     children: [
-      !props.nohamburger && /* @__PURE__ */ _jsxQ("div", {
+      !nohamburger && /* @__PURE__ */ jsx("div", {
         class: {
           "sm:hidden motion-safe:transition-all flex flex-col px-2 items-center absolute w-full top-full": true,
           "mt-2": menu.value,
           "opacity-0 pointer-events-none": !menu.value,
-          "before:backdrop-blur-lg": !(props.colorClass ?? "lum-bg-gray-900").includes("transparent"),
+          "before:backdrop-blur-lg": !colorClass.includes("transparent"),
           'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10 before:rounded-lg': true
-        }
-      }, null, /* @__PURE__ */ _jsxQ("div", null, {
-        class: _fnSignal((p0) => ({
-          [p0.colorClass ?? "lum-bg-gray-900"]: true,
-          "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true
-        }), [
-          props
-        ], '{[p0.colorClass??"lum-bg-gray-900"]:true,"flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg":true}')
-      }, /* @__PURE__ */ _jsxC(Slot, {
-        name: "mobile",
-        [_IMMUTABLE]: {
-          name: _IMMUTABLE
-        }
-      }, 3, "03_0"), 1, null), 1, "03_1"),
-      /* @__PURE__ */ _jsxQ("div", {
-        class: {
-          [props.colorClass ?? "lum-bg-gray-900"]: !props.floating,
-          "!border-t-0 !border-x-0": !props.floating,
-          "before:backdrop-blur-lg": !(props.colorClass ?? "lum-bg-gray-900").includes("transparent") && !props.floating,
-          'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !props.floating,
-          "relative mt-2 mx-2": props.floating
-        }
-      }, null, /* @__PURE__ */ _jsxQ("div", {
+        },
+        children: /* @__PURE__ */ jsx("div", {
+          class: {
+            [colorClass]: true,
+            "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true
+          },
+          children: /* @__PURE__ */ jsx(Slot, {
+            name: "mobile"
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
         class: {
-          "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
-          [props.colorClass ?? "lum-bg-gray-900"]: props.floating,
-          "border rounded-lg": props.floating,
-          "before:backdrop-blur-lg": !(props.colorClass ?? "lum-bg-gray-900").includes("transparent") && props.floating,
-          'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:drop-shadow-xl before:-z-10': props.floating
-        }
-      }, null, [
-        /* @__PURE__ */ _jsxQ("div", null, {
-          class: "flex items-center flex-1 gap-2 py-2 justify-start"
-        }, /* @__PURE__ */ _jsxC(Slot, {
-          name: "start",
-          [_IMMUTABLE]: {
-            name: _IMMUTABLE
-          }
-        }, 3, "03_2"), 1, null),
-        /* @__PURE__ */ _jsxQ("div", null, {
-          class: "flex items-center flex-1 gap-2 py-2 justify-center"
-        }, /* @__PURE__ */ _jsxC(Slot, {
-          name: "center",
-          [_IMMUTABLE]: {
-            name: _IMMUTABLE
-          }
-        }, 3, "03_3"), 1, null),
-        /* @__PURE__ */ _jsxQ("div", null, {
-          class: "flex items-center flex-1 gap-2 py-2 justify-end"
-        }, [
-          /* @__PURE__ */ _jsxC(Slot, {
-            name: "end",
-            [_IMMUTABLE]: {
-              name: _IMMUTABLE
-            }
-          }, 3, "03_4"),
-          !props.nohamburger && /* @__PURE__ */ _jsxQ("button", null, {
-            class: "lum-btn lum-pad-equal-md lum-bg-transparent sm:hidden",
-            onClick$: /* @__PURE__ */ inlinedQrl(() => {
-              const [menu2] = useLexicalScope();
-              return menu2.value = !menu2.value;
-            }, "Nav_component_nav_div_div_div_button_onClick_WiYpOE6A0Vc", [
-              menu
-            ])
-          }, /* @__PURE__ */ _jsxQ("svg", null, {
-            class: "w-6 h-6",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, /* @__PURE__ */ _jsxQ("path", null, {
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "2",
-            d: "M4 6h16M4 12h16M4 18h16"
-          }, null, 3, null), 3, null), 3, "03_5")
-        ], 1, null)
-      ], 1, null), 1, null)
+          [colorClass]: !floating,
+          "!border-t-0 !border-x-0": !floating,
+          "before:backdrop-blur-lg": !colorClass.includes("transparent") && !floating,
+          'before:absolute before:content-[""] before:w-full before:h-full before:drop-shadow-xl before:-z-10': !floating,
+          "relative mt-2 mx-2": floating
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          class: {
+            "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
+            [colorClass]: floating,
+            "border rounded-lg": floating,
+            "before:backdrop-blur-lg": !colorClass.includes("transparent") && floating,
+            'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:drop-shadow-xl before:-z-10': floating
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", {
+              class: "flex items-center flex-1 gap-2 py-2 justify-start",
+              children: /* @__PURE__ */ jsx(Slot, {
+                name: "start"
+              })
+            }),
+            /* @__PURE__ */ jsx("div", {
+              class: "flex items-center flex-1 gap-2 py-2 justify-center",
+              children: /* @__PURE__ */ jsx(Slot, {
+                name: "center"
+              })
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              class: "flex items-center flex-1 gap-2 py-2 justify-end",
+              children: [
+                /* @__PURE__ */ jsx(Slot, {
+                  name: "end"
+                }),
+                !nohamburger && /* @__PURE__ */ jsx("button", {
+                  class: "lum-btn lum-pad-equal-md lum-bg-transparent sm:hidden",
+                  onClick$: () => menu.value = !menu.value,
+                  children: /* @__PURE__ */ jsx("svg", {
+                    class: "w-6 h-6",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ jsx("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M4 6h16M4 12h16M4 18h16"
+                    })
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
     ]
-  }, null, 0, "03_6");
-}, "Nav_component_GVA94DyavJM"));
-const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const Plus = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512 512",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "32",
       d: "M256 112v288M400 256H112"
-    }, null, 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "1y_0");
-}, "Plus_component_MKiwkkJ7or4"));
-const Minus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+    })
+  });
+});
+const Minus = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512 512",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "32",
       d: "M400 256H112"
-    }, null, 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "tk_0");
-}, "Minus_component_eaRlUyV3g0s"));
-const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("div", null, {
-    class: "flex flex-col"
-  }, [
-    /* @__PURE__ */ _jsxQ("label", null, {
-      for: _fnSignal((p0) => p0.id, [
-        props
-      ], "p0.id"),
-      class: "text-gray-300 pb-1 select-none"
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "kR_0"), 1, null),
-    /* @__PURE__ */ _jsxC(NumberInputRaw, {
-      ...props,
-      children: void 0
-    }, 0, "kR_1")
-  ], 1, "kR_2");
-}, "NumberInput_component_2YJwSaeO64g"));
-const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "input",
-    "onDecrement$",
-    "onIncrement$",
-    "value",
-    "step"
-  ]);
-  useStylesQrl(/* @__PURE__ */ inlinedQrl(`
+    })
+  });
+});
+const NumberInput = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "text-gray-300 pb-1 select-none",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsx(NumberInputRaw, {
+        ...props,
+        children: void 0
+      })
+    ]
+  });
+});
+const NumberInputRaw = component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
+  useStyles$(`
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -1050,85 +877,60 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
     input[type=number] {
       -moz-appearance: textfield;
     }
-  `, "NumberInputRaw_component_useStyles_PL07GuY3qew"));
-  return /* @__PURE__ */ _jsxQ("div", null, {
+  `);
+  return /* @__PURE__ */ jsxs("div", {
     class: {
       "flex gap-2 text-gray-50 touch-manipulation": true
-    }
-  }, [
-    /* @__PURE__ */ _jsxQ("button", {
-      disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
-      onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
-        const [props2] = useLexicalScope();
-        const siblingInput = element.nextElementSibling;
-        siblingInput.stepDown();
-        props2.onDecrement$(event, element, siblingInput);
-      }, "NumberInputRaw_component_div_button_onClick_pQIkaGwWooU", [
-        props
-      ]) : props.onDecrement$
-    }, {
-      class: {
-        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
-      },
-      "data-action": "decrement",
-      "aria-label": "Decrement"
-    }, /* @__PURE__ */ _jsxC(Minus, {
-      width: "24",
-      class: "fill-current",
-      [_IMMUTABLE]: {
-        width: _IMMUTABLE,
-        class: _IMMUTABLE
-      }
-    }, 3, "kR_3"), 0, null),
-    props.input && /* @__PURE__ */ _jsxS("input", {
-      ...props1,
-      type: "number",
-      get value() {
-        return props.value ?? 0;
-      },
-      get step() {
-        return props.step ?? 1;
-      },
-      class: {
-        "lum-input text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
-        "text-center": true,
-        ...props1.class
-      }
-    }, {
-      type: _IMMUTABLE,
-      value: _fnSignal((p0) => p0.value ?? 0, [
-        props
-      ], "p0.value??0"),
-      step: _fnSignal((p0) => p0.step ?? 1, [
-        props
-      ], "p0.step??1")
-    }, 0, "kR_4"),
-    /* @__PURE__ */ _jsxQ("button", {
-      disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
-      onClick$: props.input ? /* @__PURE__ */ inlinedQrl((event, element) => {
-        const [props2] = useLexicalScope();
-        const siblingInput = element.previousElementSibling;
-        siblingInput.stepUp();
-        props2.onIncrement$(event, element, siblingInput);
-      }, "NumberInputRaw_component_div_button_onClick_1_uUOhUKFggTk", [
-        props
-      ]) : props.onIncrement$
-    }, {
-      class: {
-        "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
-      },
-      "data-action": "increment",
-      "aria-label": "Increment"
-    }, /* @__PURE__ */ _jsxC(Plus, {
-      width: "24",
-      class: "fill-current",
-      [_IMMUTABLE]: {
-        width: _IMMUTABLE,
-        class: _IMMUTABLE
-      }
-    }, 3, "kR_5"), 0, null)
-  ], 1, "kR_6");
-}, "NumberInputRaw_component_M7TIOjLeBhU"));
+    },
+    children: [
+      /* @__PURE__ */ jsx("button", {
+        class: {
+          "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        },
+        "data-action": "decrement",
+        "aria-label": "Decrement",
+        disabled: props.min ? value <= props.min : false,
+        onClick$: input ? $((event, element) => {
+          const siblingInput = element.nextElementSibling;
+          siblingInput.stepDown();
+          onDecrement$(event, element, siblingInput);
+        }) : onDecrement$,
+        children: /* @__PURE__ */ jsx(Minus, {
+          width: "24",
+          class: "fill-current"
+        })
+      }),
+      input && /* @__PURE__ */ jsx("input", {
+        ...props,
+        type: "number",
+        value,
+        step,
+        class: {
+          "lum-input text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true,
+          "text-center": true,
+          ...props.class
+        }
+      }),
+      /* @__PURE__ */ jsx("button", {
+        class: {
+          "lum-btn lum-pad-equal-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md": true
+        },
+        "data-action": "increment",
+        "aria-label": "Increment",
+        disabled: props.max ? value >= props.max : false,
+        onClick$: input ? $((event, element) => {
+          const siblingInput = element.previousElementSibling;
+          siblingInput.stepUp();
+          onIncrement$(event, element, siblingInput);
+        }) : onIncrement$,
+        children: /* @__PURE__ */ jsx(Plus, {
+          width: "24",
+          class: "fill-current"
+        })
+      })
+    ]
+  });
+});
 const toggleOnColorClasses = {
   slate: {
     checked: "peer-checked:bg-slate-600 peer-checked:border-slate-500 peer-checked:hover:bg-slate-500 peer-checked:active:bg-slate-400",
@@ -1325,156 +1127,128 @@ const toggleOffColorClasses = {
     uncheckedAfter: "after:bg-rose-600 after:border-rose-500 after:hover:bg-rose-500 after:active:bg-rose-400"
   }
 };
-const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "checkbox",
-    "round",
-    "center",
-    "label",
-    "onColor",
-    "offColor"
-  ]);
-  return /* @__PURE__ */ _jsxQ("div", null, {
-    class: _fnSignal((p0) => ({
+const Toggle = component$(({ checkbox, round, center, label, onColor = "blue", offColor = "darkgray", ...props }) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
       "flex gap-3 items-center touch-manipulation": true,
-      "justify-center": p0.center
-    }), [
-      props
-    ], '{"flex gap-3 items-center touch-manipulation":true,"justify-center":p0.center}')
-  }, [
-    /* @__PURE__ */ _jsxQ("label", null, {
-      class: "inline-flex relative items-center cursor-pointer"
-    }, [
-      /* @__PURE__ */ _jsxS("input", {
-        type: "checkbox",
-        ...props1,
-        class: {
-          "sr-only peer": true,
-          ...props1.class
-        }
-      }, {
-        type: _IMMUTABLE
-      }, 0, null),
-      /* @__PURE__ */ _jsxQ("div", {
-        class: {
-          "motion-safe:transition duration-300 hover:duration-75 ease-out h-7 peer border hover:shadow-lg": true,
-          "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-75 after:ease-out": true,
-          "rounded-md after:rounded-[0.2rem]": !props.round,
-          "rounded-full after:rounded-full": props.round,
-          "w-12 peer-checked:after:translate-x-full": !props.checkbox,
-          "w-7 after:opacity-0 peer-checked:after:opacity-100": props.checkbox,
-          [toggleOnColorClasses[props.onColor ?? "blue"].checked]: true,
-          [toggleOnColorClasses[props.onColor ?? "blue"].checkedAfter]: true,
-          [toggleOffColorClasses[props.offColor ?? "darkgray"].unchecked]: true,
-          [toggleOffColorClasses[props.offColor ?? "darkgray"].uncheckedAfter]: true
-        }
-      }, null, null, 3, null)
-    ], 1, null),
-    props.label && /* @__PURE__ */ _jsxQ("label", {
-      for: _wrapSignal(props1, "id")
-    }, {
-      class: "text-gray-300 flex gap-2 select-none"
-    }, _fnSignal((p0) => p0.label, [
-      props
-    ], "p0.label"), 3, "R0_0")
-  ], 1, "R0_1");
-}, "Toggle_component_AHnKi33alRM"));
-const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const props1 = _restProps(props, [
-    "confused",
-    "fillGradient"
-  ]);
-  return /* @__PURE__ */ _jsxS("svg", {
+      "justify-center": center
+    },
+    children: [
+      /* @__PURE__ */ jsxs("label", {
+        class: "inline-flex relative items-center cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsx("input", {
+            type: "checkbox",
+            ...props,
+            class: {
+              "sr-only peer": true,
+              ...props.class
+            }
+          }),
+          /* @__PURE__ */ jsx("div", {
+            class: {
+              "motion-safe:transition duration-300 hover:duration-75 ease-out h-7 peer border hover:shadow-lg": true,
+              "after:content-[''] after:absolute after:top-[4px] after:left-[4px] after:border after:h-5 after:w-5 after:motion-safe:transition-all after:duration-300 after:hover:duration-75 after:ease-out": true,
+              "rounded-md after:rounded-[0.2rem]": !round,
+              "rounded-full after:rounded-full": round,
+              "w-12 peer-checked:after:translate-x-full": !checkbox,
+              "w-7 after:opacity-0 peer-checked:after:opacity-100": checkbox,
+              [toggleOnColorClasses[onColor].checked]: true,
+              [toggleOnColorClasses[onColor].checkedAfter]: true,
+              [toggleOffColorClasses[offColor].unchecked]: true,
+              [toggleOffColorClasses[offColor].uncheckedAfter]: true
+            }
+          })
+        ]
+      }),
+      label && /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "text-gray-300 flex gap-2 select-none",
+        children: label
+      })
+    ]
+  });
+});
+const LogoBirdflop = component$(({ confused, fillGradient, ...props }) => {
+  return /* @__PURE__ */ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
     viewBox: "0 0 1080 1080",
-    ...props1,
-    get height() {
-      return props1.width;
-    },
-    height: _wrapSignal(props1, "width"),
+    ...props,
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("defs", null, null, [
-        props.fillGradient && /* @__PURE__ */ _jsxQ("linearGradient", null, {
-          id: "linear-gradient",
-          x1: "0.5",
-          x2: "0.5",
-          y2: "1",
-          gradientUnits: "objectBoundingBox"
-        }, props.fillGradient.map((color, i) => /* @__PURE__ */ _jsxQ("stop", {
-          offset: i / (props.fillGradient.length - 1),
-          "stop-color": color
-        }, null, null, 3, i)), 1, "br_0"),
-        /* @__PURE__ */ _jsxQ("clipPath", null, {
-          id: "clip-bf_3"
-        }, /* @__PURE__ */ _jsxQ("rect", null, {
-          width: "1080",
-          height: "1080"
-        }, null, 3, null), 3, null)
-      ], 1, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
+      /* @__PURE__ */ jsxs("defs", {
+        children: [
+          fillGradient && /* @__PURE__ */ jsx("linearGradient", {
+            id: "linear-gradient",
+            x1: "0.5",
+            x2: "0.5",
+            y2: "1",
+            gradientUnits: "objectBoundingBox",
+            children: fillGradient.map((color, i) => /* @__PURE__ */ jsx("stop", {
+              offset: i / (fillGradient.length - 1),
+              "stop-color": color
+            }, i))
+          }),
+          /* @__PURE__ */ jsx("clipPath", {
+            id: "clip-bf_3",
+            children: /* @__PURE__ */ jsx("rect", {
+              width: "1080",
+              height: "1080"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("g", {
         id: "bf_3",
         "data-name": "bf - 3",
         "clip-path": "url(#clip-bf_3)",
-        fill: "currentColor"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        id: "Union_26",
-        "data-name": "Union 26",
-        d: "M-1886.608-89.36c-8.311-65.774-27.64-219.008-27.64-221.333a.279.279,0,0,1,.09-.159q-.474-4.88-.477-9.885A101.066,101.066,0,0,1-1813.61-421.844a100.671,100.671,0,0,1,71.913,30.1l.093-.042c-.077-.093-8.783-10.549-22.7-24.758-8.216-8.388-16.645-16.459-25.052-23.993-10.51-9.417-21.018-18.013-31.23-25.552a120.5,120.5,0,0,0-40.468-71.567,119.916,119.916,0,0,0-77.984-28.881c-66.215,0-120.083,53.941-120.083,120.244h-.237v116.01h-.24c-.131,132.971-107.6,240.728-240.16,240.728V-330.289H-2300V-449.818h.362V-931.536h0V-1170c132.71,0,240.293,106.764,240.293,238.464v145.112a358.089,358.089,0,0,1,47.7-13.28,362.475,362.475,0,0,1,72.6-7.329,362.455,362.455,0,0,1,72.6,7.329,358.112,358.112,0,0,1,67.622,21.02,360.042,360.042,0,0,1,61.191,33.26,362.833,362.833,0,0,1,53.315,44.049,363.178,363.178,0,0,1,43.99,53.387,360.83,360.83,0,0,1,33.213,61.276A359.3,359.3,0,0,1-1586.118-519a363.948,363.948,0,0,1,7.317,72.7,363.957,363.957,0,0,1-7.317,72.7,359.333,359.333,0,0,1-20.992,67.714,360.95,360.95,0,0,1-33.213,61.277,363.233,363.233,0,0,1-43.99,53.388,362.833,362.833,0,0,1-53.315,44.049,360.017,360.017,0,0,1-61.191,33.259,358.108,358.108,0,0,1-67.622,21.02c-6.636,1.36-13.421,2.548-20.165,3.532Zm-79.831-365.056a27.049,27.049,0,0,1,27.038-27.059,27.048,27.048,0,0,1,27.037,27.059,27.049,27.049,0,0,1-27.037,27.06A27.05,27.05,0,0,1-1966.439-454.416Z",
-        transform: "translate(2479.9 1169.7)",
-        fill: _fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
-          props
-        ], 'p0.fillGradient?"url(#linear-gradient)":""')
-      }, null, 3, null), 3, null),
-      props.confused && /* @__PURE__ */ _jsxQ("g", null, {
+        fill: "currentColor",
+        children: /* @__PURE__ */ jsx("path", {
+          id: "Union_26",
+          "data-name": "Union 26",
+          d: "M-1886.608-89.36c-8.311-65.774-27.64-219.008-27.64-221.333a.279.279,0,0,1,.09-.159q-.474-4.88-.477-9.885A101.066,101.066,0,0,1-1813.61-421.844a100.671,100.671,0,0,1,71.913,30.1l.093-.042c-.077-.093-8.783-10.549-22.7-24.758-8.216-8.388-16.645-16.459-25.052-23.993-10.51-9.417-21.018-18.013-31.23-25.552a120.5,120.5,0,0,0-40.468-71.567,119.916,119.916,0,0,0-77.984-28.881c-66.215,0-120.083,53.941-120.083,120.244h-.237v116.01h-.24c-.131,132.971-107.6,240.728-240.16,240.728V-330.289H-2300V-449.818h.362V-931.536h0V-1170c132.71,0,240.293,106.764,240.293,238.464v145.112a358.089,358.089,0,0,1,47.7-13.28,362.475,362.475,0,0,1,72.6-7.329,362.455,362.455,0,0,1,72.6,7.329,358.112,358.112,0,0,1,67.622,21.02,360.042,360.042,0,0,1,61.191,33.26,362.833,362.833,0,0,1,53.315,44.049,363.178,363.178,0,0,1,43.99,53.387,360.83,360.83,0,0,1,33.213,61.276A359.3,359.3,0,0,1-1586.118-519a363.948,363.948,0,0,1,7.317,72.7,363.957,363.957,0,0,1-7.317,72.7,359.333,359.333,0,0,1-20.992,67.714,360.95,360.95,0,0,1-33.213,61.277,363.233,363.233,0,0,1-43.99,53.388,362.833,362.833,0,0,1-53.315,44.049,360.017,360.017,0,0,1-61.191,33.259,358.108,358.108,0,0,1-67.622,21.02c-6.636,1.36-13.421,2.548-20.165,3.532Zm-79.831-365.056a27.049,27.049,0,0,1,27.038-27.059,27.048,27.048,0,0,1,27.037,27.059,27.049,27.049,0,0,1-27.037,27.06A27.05,27.05,0,0,1-1966.439-454.416Z",
+          transform: "translate(2479.9 1169.7)",
+          fill: fillGradient ? "url(#linear-gradient)" : ""
+        })
+      }),
+      confused && /* @__PURE__ */ jsxs("g", {
         style: "transform: translate(595px, 460px) scale(0.375)",
         stroke: "#1E2837",
-        fill: "#1E2837"
-      }, [
-        /* @__PURE__ */ _jsxQ("path", null, {
-          d: "M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324",
-          fill: "none",
-          "stroke-linecap": "round",
-          "stroke-miterlimit": "10",
-          "stroke-width": "80"
-        }, null, 3, null),
-        /* @__PURE__ */ _jsxQ("circle", null, {
-          cx: "248",
-          cy: "399.99",
-          r: "40",
-          style: "transform: translate(0, 30px)"
-        }, null, 3, null)
-      ], 3, "br_1")
+        fill: "#1E2837",
+        children: [
+          /* @__PURE__ */ jsx("path", {
+            d: "M160 164s1.44-33 33.54-59.46C212.6 88.83 235.49 84.28 256 84c18.73-.23 35.47 2.94 45.48 7.82C318.59 100.2 352 120.6 352 164c0 45.67-29.18 66.37-62.35 89.18S248 298.36 248 324",
+            fill: "none",
+            "stroke-linecap": "round",
+            "stroke-miterlimit": "10",
+            "stroke-width": "80"
+          }),
+          /* @__PURE__ */ jsx("circle", {
+            cx: "248",
+            cy: "399.99",
+            r: "40",
+            style: "transform: translate(0, 30px)"
+          })
+        ]
+      })
     ]
-  }, {
-    xmlns: _IMMUTABLE,
-    "xmlns:xlink": _IMMUTABLE,
-    viewBox: _IMMUTABLE
-  }, 0, "br_2");
-}, "LogoBirdflop_component_9b5138o80cQ"));
-const LogoDiscord = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoDiscord = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 127.14 96.36",
     fill: "currentColor",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       d: "M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
-    }, null, 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    fill: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "uo_0");
-}, "LogoDiscord_component_jDPP8Q3cU0M"));
-const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+    })
+  });
+});
+const LogoFabric = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xml:space": "preserve",
     "fill-rule": "evenodd",
@@ -1483,37 +1257,24 @@ const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         d: "M0 0h24v24H0z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "23",
         d: "m820 761-85.6-87.6c-4.6-4.7-10.4-9.6-25.9 1-19.9 13.6-8.4 21.9-5.2 25.4 8.2 9 84.1 89 97.2 104 2.5 2.8-20.3-22.5-6.5-39.7 5.4-7 18-12 26-3 6.5 7.3 10.7 18-3.4 29.7-24.7 20.4-102 82.4-127 103-12.5 10.3-28.5 2.3-35.8-6-7.5-8.9-30.6-34.6-51.3-58.2-5.5-6.3-4.1-19.6 2.3-25 35-30.3 91.9-73.8 111.9-90.8",
         transform: "matrix(.08671 0 0 .0867 -49.8 -56)"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    xmlns: _IMMUTABLE,
-    "xml:space": _IMMUTABLE,
-    "fill-rule": _IMMUTABLE,
-    "stroke-linecap": _IMMUTABLE,
-    "stroke-linejoin": _IMMUTABLE,
-    "clip-rule": _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "hI_0");
-}, "LogoFabric_component_iP0a9wJyPAg"));
-const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoForge = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1522,36 +1283,23 @@ const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         d: "M0 0h24v24H0z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "2",
         d: "M2 7.5h8v-2h12v2s-7 3.4-7 6 3.1 3.1 3.1 3.1l.9 3.9H5l1-4.1s3.8.1 4-2.9c.2-2.7-6.5-.7-8-6Z"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    "xml:space": _IMMUTABLE,
-    "fill-rule": _IMMUTABLE,
-    "stroke-linecap": _IMMUTABLE,
-    "stroke-linejoin": _IMMUTABLE,
-    "stroke-miterlimit": _IMMUTABLE,
-    "clip-rule": _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "zC_0");
-}, "LogoForge_component_W5Al1sALh8A"));
-const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoLuminescent = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
     zoomAndPan: "magnify",
@@ -1560,31 +1308,20 @@ const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     version: "1.0",
     fill: "currentColor",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("g", null, {
-      "fill-opacity": "1"
-    }, /* @__PURE__ */ _jsxQ("g", null, {
-      transform: "translate(86.97656, 254.624983)"
-    }, /* @__PURE__ */ _jsxQ("path", null, {
-      d: "M 119.476562 -167.570312 C 90.671875 -133.253906 37.820312 -144.527344 30.308594 -109.710938 C 26.550781 -92.175781 39.074219 -75.644531 62.367188 -76.394531 C 67.878906 -77.398438 69.882812 -87.917969 66.628906 -90.671875 C 56.859375 -92.675781 55.855469 -99.691406 57.609375 -107.453125 C 62.117188 -125.988281 93.929688 -123.734375 113.96875 -147.28125 C 103.949219 -115.21875 96.933594 -78.902344 83.910156 -43.582031 C 59.363281 -58.863281 23.796875 -50.847656 21.542969 -27.050781 C 19.285156 -8.765625 32.8125 3.257812 55.355469 2.253906 C 72.386719 1.753906 80.902344 -4.007812 89.921875 -12.023438 C 112.464844 15.277344 138.261719 52.097656 181.347656 37.570312 C 188.609375 30.558594 183.347656 14.777344 177.085938 15.277344 C 147.28125 25.546875 132 1.253906 104.699219 -28.054688 C 119.476562 -56.105469 134.003906 -124.738281 148.53125 -167.320312 C 147.53125 -173.582031 124.488281 -177.339844 119.476562 -167.570312 Z M 46.339844 -28.804688 C 50.347656 -38.324219 68.128906 -36.570312 77.148438 -27.550781 C 72.890625 -20.789062 66.628906 -15.027344 57.359375 -15.027344 C 46.085938 -15.027344 43.332031 -22.792969 46.339844 -28.804688 Z M 46.339844 -28.804688 "
-    }, null, 3, null), 3, null), 3, null)
-  }, {
-    xmlns: _IMMUTABLE,
-    "xmlns:xlink": _IMMUTABLE,
-    zoomAndPan: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    preserveAspectRatio: _IMMUTABLE,
-    version: _IMMUTABLE,
-    fill: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "we_0");
-}, "LogoLuminescent_component_XLiMRdgGu0c"));
-const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("g", {
+      "fill-opacity": "1",
+      children: /* @__PURE__ */ jsx("g", {
+        transform: "translate(86.97656, 254.624983)",
+        children: /* @__PURE__ */ jsx("path", {
+          d: "M 119.476562 -167.570312 C 90.671875 -133.253906 37.820312 -144.527344 30.308594 -109.710938 C 26.550781 -92.175781 39.074219 -75.644531 62.367188 -76.394531 C 67.878906 -77.398438 69.882812 -87.917969 66.628906 -90.671875 C 56.859375 -92.675781 55.855469 -99.691406 57.609375 -107.453125 C 62.117188 -125.988281 93.929688 -123.734375 113.96875 -147.28125 C 103.949219 -115.21875 96.933594 -78.902344 83.910156 -43.582031 C 59.363281 -58.863281 23.796875 -50.847656 21.542969 -27.050781 C 19.285156 -8.765625 32.8125 3.257812 55.355469 2.253906 C 72.386719 1.753906 80.902344 -4.007812 89.921875 -12.023438 C 112.464844 15.277344 138.261719 52.097656 181.347656 37.570312 C 188.609375 30.558594 183.347656 14.777344 177.085938 15.277344 C 147.28125 25.546875 132 1.253906 104.699219 -28.054688 C 119.476562 -56.105469 134.003906 -124.738281 148.53125 -167.320312 C 147.53125 -173.582031 124.488281 -177.339844 119.476562 -167.570312 Z M 46.339844 -28.804688 C 50.347656 -38.324219 68.128906 -36.570312 77.148438 -27.550781 C 72.890625 -20.789062 66.628906 -15.027344 57.359375 -15.027344 C 46.085938 -15.027344 43.332031 -22.792969 46.339844 -28.804688 Z M 46.339844 -28.804688 "
+        })
+      })
+    })
+  });
+});
+const LogoLuminescentFull = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
     zoomAndPan: "magnify",
@@ -1594,96 +1331,110 @@ const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlined
     fill: "currentColor",
     ...props,
     children: [
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(12.743357, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 110.792969 -155.390625 C 84.082031 -123.570312 35.074219 -134.023438 28.105469 -101.734375 C 24.621094 -85.476562 36.234375 -70.148438 57.835938 -70.84375 C 62.945312 -71.773438 64.804688 -81.527344 61.785156 -84.082031 C 52.726562 -85.941406 51.796875 -92.445312 53.421875 -99.644531 C 57.605469 -116.832031 87.101562 -114.742188 105.683594 -136.578125 C 96.394531 -106.84375 89.890625 -73.167969 77.8125 -40.414062 C 55.046875 -54.585938 22.066406 -47.152344 19.976562 -25.085938 C 17.886719 -8.128906 30.429688 3.019531 51.332031 2.089844 C 67.128906 1.625 75.023438 -3.714844 83.386719 -11.148438 C 104.289062 14.167969 128.214844 48.3125 168.164062 34.839844 C 174.902344 28.335938 170.023438 13.703125 164.21875 14.167969 C 136.578125 23.691406 122.40625 1.160156 97.089844 -26.015625 C 110.792969 -52.027344 124.265625 -115.671875 137.738281 -155.160156 C 136.808594 -160.964844 115.441406 -164.449219 110.792969 -155.390625 Z M 42.96875 -26.710938 C 46.6875 -35.539062 63.179688 -33.910156 71.539062 -25.550781 C 67.589844 -19.277344 61.785156 -13.9375 53.191406 -13.9375 C 42.738281 -13.9375 40.183594 -21.136719 42.96875 -26.710938 Z M 42.96875 -26.710938 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(151.868279, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 72.003906 -95.464844 C 67.589844 -79.902344 62.945312 -62.945312 58.066406 -48.3125 C 51.101562 -28.570312 36.46875 -14.867188 27.410156 -14.867188 C 18.8125 -14.867188 21.136719 -26.945312 24.390625 -40.183594 C 28.570312 -58.765625 34.609375 -79.4375 37.859375 -92.445312 C 37.859375 -98.714844 16.492188 -100.804688 13.703125 -95 C 8.363281 -74.328125 0.230469 -51.566406 -3.949219 -28.335938 C -6.96875 -12.078125 -2.324219 1.859375 16.027344 2.089844 C 31.589844 2.554688 46.222656 -5.109375 59.695312 -27.410156 C 56.210938 -13.472656 61.085938 1.160156 73.863281 1.160156 C 98.019531 1.394531 115.207031 -30.890625 123.105469 -46.6875 C 124.5 -49.472656 116.367188 -54.351562 114.976562 -51.332031 C 106.613281 -31.820312 92.675781 -14.632812 83.851562 -14.867188 C 72.003906 -14.867188 90.121094 -70.609375 96.160156 -92.210938 C 94.535156 -98.949219 74.792969 -100.574219 72.003906 -95.464844 Z M 72.003906 -95.464844 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(265.444396, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 123.570312 2.089844 C 146.101562 1.394531 163.054688 -26.246094 172.578125 -46.6875 C 173.972656 -49.472656 165.609375 -54.121094 164.449219 -51.332031 C 156.085938 -31.589844 141.6875 -14.167969 132.859375 -14.167969 C 120.78125 -13.9375 136.34375 -51.796875 140.292969 -68.519531 C 144.707031 -87.566406 139.828125 -98.949219 122.175781 -98.949219 C 107.078125 -99.179688 94.304688 -87.101562 85.476562 -75.722656 C 88.03125 -89.65625 81.527344 -98.949219 69.21875 -98.949219 C 55.28125 -99.179688 40.648438 -85.476562 32.519531 -74.09375 L 37.628906 -92.445312 C 36.46875 -99.179688 17.1875 -101.039062 13.472656 -95.929688 C 4.414062 -61.785156 -2.789062 -36.003906 -10.917969 -5.109375 C -11.847656 3.019531 12.773438 2.789062 14.867188 -2.554688 C 19.046875 -20.671875 22.761719 -36.46875 28.105469 -54.351562 C 36.003906 -68.054688 47.382812 -79.902344 54.585938 -79.902344 C 61.320312 -80.132812 60.855469 -72.46875 59.230469 -66.429688 C 53.191406 -42.042969 48.546875 -23.226562 43.898438 -3.714844 C 44.828125 3.019531 66.894531 2.324219 69.449219 -2.789062 C 72.933594 -16.027344 77.8125 -38.558594 81.992188 -53.65625 C 87.101562 -66.199219 100.804688 -80.132812 108.9375 -80.367188 C 116.367188 -80.367188 114.976562 -72.238281 113.347656 -65.5 C 110.328125 -53.191406 104.753906 -32.984375 103.128906 -23.691406 C 100.109375 -7.898438 105.453125 2.789062 123.570312 2.089844 Z M 123.570312 2.089844 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(428.260051, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 32.285156 -112.421875 C 41.578125 -112.421875 48.082031 -118.226562 49.007812 -126.589844 C 50.171875 -134.71875 45.0625 -140.523438 36.699219 -140.523438 C 28.105469 -140.757812 21.601562 -134.949219 20.207031 -126.589844 C 19.046875 -118.460938 24.621094 -112.421875 32.285156 -112.421875 Z M 14.632812 2.089844 C 38.789062 1.625 56.210938 -25.550781 65.964844 -46.453125 C 67.359375 -49.472656 59.230469 -54.351562 57.835938 -51.332031 C 49.9375 -32.285156 34.609375 -14.167969 23.925781 -14.167969 C 19.046875 -13.9375 19.277344 -20.207031 21.136719 -29.5 C 24.621094 -45.292969 29.5 -60.390625 38.558594 -92.675781 C 36.929688 -98.25 17.886719 -101.039062 14.167969 -95.695312 C 6.039062 -67.589844 0.464844 -48.777344 -4.644531 -26.945312 C -8.828125 -9.058594 -4.644531 2.554688 14.632812 2.089844 Z M 14.632812 2.089844 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(484.467457, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 72.238281 -98.949219 C 56.90625 -99.179688 41.113281 -84.082031 32.75 -74.328125 C 34.839844 -81.0625 35.769531 -85.011719 37.859375 -92.445312 C 35.539062 -99.644531 17.421875 -100.804688 13.703125 -95.695312 C 4.414062 -61.785156 -3.484375 -35.304688 -10.917969 -4.414062 C -10.453125 3.25 12.542969 2.554688 15.097656 -2.554688 C 19.976562 -23.460938 22.53125 -35.304688 29.035156 -57.140625 C 37.628906 -68.753906 49.9375 -79.667969 58.066406 -79.902344 C 65.964844 -80.132812 64.804688 -72.46875 63.179688 -65.5 C 61.085938 -55.976562 54.585938 -30.660156 53.191406 -22.761719 C 50.402344 -7.664062 55.746094 2.554688 73.398438 2.089844 C 95.929688 1.859375 113.347656 -26.480469 122.640625 -46.6875 C 123.800781 -49.472656 115.671875 -54.121094 114.511719 -51.332031 C 105.917969 -31.355469 92.210938 -14.167969 82.6875 -14.167969 C 76.882812 -14.167969 78.042969 -22.996094 79.902344 -31.589844 C 82.457031 -42.738281 87.335938 -55.746094 89.890625 -66.429688 C 94.304688 -85.246094 89.890625 -98.714844 72.238281 -98.949219 Z M 72.238281 -98.949219 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(597.346777, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 58.996094 -98.484375 C 31.820312 -99.414062 7.433594 -80.367188 1.160156 -49.9375 C -4.644531 -23.925781 7.898438 1.160156 43.203125 2.324219 C 65.269531 3.019531 93.140625 -4.644531 111.957031 -46.6875 C 113.117188 -49.472656 104.988281 -54.121094 103.59375 -51.332031 C 90.121094 -20.671875 65.5 -12.542969 49.707031 -14.167969 C 33.449219 -15.792969 24.851562 -25.316406 26.246094 -40.183594 C 53.191406 -33.910156 75.257812 -42.042969 83.851562 -59.460938 C 92.675781 -76.417969 85.011719 -97.554688 58.996094 -98.484375 Z M 55.976562 -81.992188 C 64.804688 -81.761719 65.035156 -73.398438 61.320312 -65.734375 C 56.675781 -55.511719 45.0625 -49.472656 27.871094 -52.027344 C 32.054688 -68.753906 45.0625 -82.6875 55.976562 -81.992188 Z M 55.976562 -81.992188 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(699.542059, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 35.074219 2.554688 C 49.007812 2.789062 62.015625 -2.789062 68.753906 -12.542969 C 84.316406 -12.078125 100.574219 -19.277344 113.117188 -46.6875 C 114.277344 -49.242188 106.148438 -54.121094 104.988281 -51.566406 C 95.929688 -30.429688 84.082031 -23.460938 73.628906 -22.996094 C 79.207031 -46.453125 65.734375 -63.179688 61.550781 -92.675781 C 73.398438 -108.238281 51.566406 -116.367188 35.304688 -101.039062 C 20.441406 -87.566406 7.433594 -65.035156 -2.324219 -43.433594 C -3.949219 -40.183594 4.414062 -36.003906 5.808594 -39.023438 C 15.097656 -58.300781 26.710938 -78.972656 38.558594 -90.820312 C 40.183594 -71.539062 50.402344 -52.261719 50.171875 -35.769531 C 43.433594 -35.769531 40.183594 -25.316406 46.222656 -19.742188 C 44.132812 -16.722656 39.71875 -14.167969 35.304688 -14.167969 C 27.640625 -14.167969 22.066406 -20.671875 23.691406 -30.660156 C 20.671875 -33.449219 10.683594 -31.820312 8.828125 -25.550781 C 7.664062 -7.199219 21.367188 2.554688 35.074219 2.554688 Z M 35.074219 2.554688 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(802.898632, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 57.835938 -98.714844 C 25.085938 -99.179688 0.929688 -70.378906 -0.695312 -41.578125 C -1.859375 -19.046875 13.472656 0.929688 37.628906 1.859375 C 62.015625 3.019531 88.496094 -5.574219 107.078125 -46.6875 C 108.238281 -49.242188 100.109375 -54.121094 98.949219 -51.332031 C 87.335938 -24.851562 68.054688 -13.703125 49.242188 -14.402344 C 33.910156 -14.867188 24.621094 -25.316406 26.015625 -41.578125 C 28.105469 -64.339844 43.203125 -83.617188 56.210938 -82.226562 C 65.734375 -81.296875 60.855469 -68.753906 55.511719 -62.015625 C 55.511719 -56.90625 72.933594 -55.511719 77.8125 -61.085938 C 90.585938 -74.558594 88.496094 -98.25 57.835938 -98.714844 Z M 57.835938 -98.714844 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(900.21642, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 58.996094 -98.484375 C 31.820312 -99.414062 7.433594 -80.367188 1.160156 -49.9375 C -4.644531 -23.925781 7.898438 1.160156 43.203125 2.324219 C 65.269531 3.019531 93.140625 -4.644531 111.957031 -46.6875 C 113.117188 -49.472656 104.988281 -54.121094 103.59375 -51.332031 C 90.121094 -20.671875 65.5 -12.542969 49.707031 -14.167969 C 33.449219 -15.792969 24.851562 -25.316406 26.246094 -40.183594 C 53.191406 -33.910156 75.257812 -42.042969 83.851562 -59.460938 C 92.675781 -76.417969 85.011719 -97.554688 58.996094 -98.484375 Z M 55.976562 -81.992188 C 64.804688 -81.761719 65.035156 -73.398438 61.320312 -65.734375 C 56.675781 -55.511719 45.0625 -49.472656 27.871094 -52.027344 C 32.054688 -68.753906 45.0625 -82.6875 55.976562 -81.992188 Z M 55.976562 -81.992188 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(1002.411702, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 72.238281 -98.949219 C 56.90625 -99.179688 41.113281 -84.082031 32.75 -74.328125 C 34.839844 -81.0625 35.769531 -85.011719 37.859375 -92.445312 C 35.539062 -99.644531 17.421875 -100.804688 13.703125 -95.695312 C 4.414062 -61.785156 -3.484375 -35.304688 -10.917969 -4.414062 C -10.453125 3.25 12.542969 2.554688 15.097656 -2.554688 C 19.976562 -23.460938 22.53125 -35.304688 29.035156 -57.140625 C 37.628906 -68.753906 49.9375 -79.667969 58.066406 -79.902344 C 65.964844 -80.132812 64.804688 -72.46875 63.179688 -65.5 C 61.085938 -55.976562 54.585938 -30.660156 53.191406 -22.761719 C 50.402344 -7.664062 55.746094 2.554688 73.398438 2.089844 C 95.929688 1.859375 113.347656 -26.480469 122.640625 -46.6875 C 123.800781 -49.472656 115.671875 -54.121094 114.511719 -51.332031 C 105.917969 -31.355469 92.210938 -14.167969 82.6875 -14.167969 C 76.882812 -14.167969 78.042969 -22.996094 79.902344 -31.589844 C 82.457031 -42.738281 87.335938 -55.746094 89.890625 -66.429688 C 94.304688 -85.246094 89.890625 -98.714844 72.238281 -98.949219 Z M 72.238281 -98.949219 "
-      }, null, 3, null), 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("g", null, {
-        "fill-opacity": "1"
-      }, /* @__PURE__ */ _jsxQ("g", null, {
-        transform: "translate(1115.290992, 223.612604)"
-      }, /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M 28.570312 2.089844 C 51.796875 1.859375 68.753906 -17.421875 81.296875 -46.453125 C 82.457031 -49.472656 74.558594 -54.121094 73.167969 -51.332031 C 63.410156 -29.265625 46.917969 -13.9375 33.449219 -14.167969 C 22.066406 -14.402344 22.066406 -30.195312 26.945312 -51.566406 C 29.035156 -61.320312 32.519531 -73.628906 36.003906 -85.707031 L 57.835938 -85.707031 C 61.320312 -86.871094 64.105469 -97.785156 59.695312 -101.039062 L 40.183594 -101.039062 C 45.527344 -118.691406 50.867188 -135.183594 55.976562 -149.351562 C 55.746094 -156.085938 34.609375 -158.644531 31.355469 -153.996094 C 26.710938 -142.152344 19.511719 -120.550781 13.472656 -101.039062 L 4.179688 -101.039062 C 0.464844 -99.644531 -2.324219 -88.265625 2.324219 -85.707031 L 9.289062 -85.707031 C -1.394531 -45.0625 -12.078125 2.554688 28.570312 2.089844 Z M 28.570312 2.089844 "
-      }, null, 3, null), 3, null), 3, null)
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(12.743357, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 110.792969 -155.390625 C 84.082031 -123.570312 35.074219 -134.023438 28.105469 -101.734375 C 24.621094 -85.476562 36.234375 -70.148438 57.835938 -70.84375 C 62.945312 -71.773438 64.804688 -81.527344 61.785156 -84.082031 C 52.726562 -85.941406 51.796875 -92.445312 53.421875 -99.644531 C 57.605469 -116.832031 87.101562 -114.742188 105.683594 -136.578125 C 96.394531 -106.84375 89.890625 -73.167969 77.8125 -40.414062 C 55.046875 -54.585938 22.066406 -47.152344 19.976562 -25.085938 C 17.886719 -8.128906 30.429688 3.019531 51.332031 2.089844 C 67.128906 1.625 75.023438 -3.714844 83.386719 -11.148438 C 104.289062 14.167969 128.214844 48.3125 168.164062 34.839844 C 174.902344 28.335938 170.023438 13.703125 164.21875 14.167969 C 136.578125 23.691406 122.40625 1.160156 97.089844 -26.015625 C 110.792969 -52.027344 124.265625 -115.671875 137.738281 -155.160156 C 136.808594 -160.964844 115.441406 -164.449219 110.792969 -155.390625 Z M 42.96875 -26.710938 C 46.6875 -35.539062 63.179688 -33.910156 71.539062 -25.550781 C 67.589844 -19.277344 61.785156 -13.9375 53.191406 -13.9375 C 42.738281 -13.9375 40.183594 -21.136719 42.96875 -26.710938 Z M 42.96875 -26.710938 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(151.868279, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 72.003906 -95.464844 C 67.589844 -79.902344 62.945312 -62.945312 58.066406 -48.3125 C 51.101562 -28.570312 36.46875 -14.867188 27.410156 -14.867188 C 18.8125 -14.867188 21.136719 -26.945312 24.390625 -40.183594 C 28.570312 -58.765625 34.609375 -79.4375 37.859375 -92.445312 C 37.859375 -98.714844 16.492188 -100.804688 13.703125 -95 C 8.363281 -74.328125 0.230469 -51.566406 -3.949219 -28.335938 C -6.96875 -12.078125 -2.324219 1.859375 16.027344 2.089844 C 31.589844 2.554688 46.222656 -5.109375 59.695312 -27.410156 C 56.210938 -13.472656 61.085938 1.160156 73.863281 1.160156 C 98.019531 1.394531 115.207031 -30.890625 123.105469 -46.6875 C 124.5 -49.472656 116.367188 -54.351562 114.976562 -51.332031 C 106.613281 -31.820312 92.675781 -14.632812 83.851562 -14.867188 C 72.003906 -14.867188 90.121094 -70.609375 96.160156 -92.210938 C 94.535156 -98.949219 74.792969 -100.574219 72.003906 -95.464844 Z M 72.003906 -95.464844 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(265.444396, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 123.570312 2.089844 C 146.101562 1.394531 163.054688 -26.246094 172.578125 -46.6875 C 173.972656 -49.472656 165.609375 -54.121094 164.449219 -51.332031 C 156.085938 -31.589844 141.6875 -14.167969 132.859375 -14.167969 C 120.78125 -13.9375 136.34375 -51.796875 140.292969 -68.519531 C 144.707031 -87.566406 139.828125 -98.949219 122.175781 -98.949219 C 107.078125 -99.179688 94.304688 -87.101562 85.476562 -75.722656 C 88.03125 -89.65625 81.527344 -98.949219 69.21875 -98.949219 C 55.28125 -99.179688 40.648438 -85.476562 32.519531 -74.09375 L 37.628906 -92.445312 C 36.46875 -99.179688 17.1875 -101.039062 13.472656 -95.929688 C 4.414062 -61.785156 -2.789062 -36.003906 -10.917969 -5.109375 C -11.847656 3.019531 12.773438 2.789062 14.867188 -2.554688 C 19.046875 -20.671875 22.761719 -36.46875 28.105469 -54.351562 C 36.003906 -68.054688 47.382812 -79.902344 54.585938 -79.902344 C 61.320312 -80.132812 60.855469 -72.46875 59.230469 -66.429688 C 53.191406 -42.042969 48.546875 -23.226562 43.898438 -3.714844 C 44.828125 3.019531 66.894531 2.324219 69.449219 -2.789062 C 72.933594 -16.027344 77.8125 -38.558594 81.992188 -53.65625 C 87.101562 -66.199219 100.804688 -80.132812 108.9375 -80.367188 C 116.367188 -80.367188 114.976562 -72.238281 113.347656 -65.5 C 110.328125 -53.191406 104.753906 -32.984375 103.128906 -23.691406 C 100.109375 -7.898438 105.453125 2.789062 123.570312 2.089844 Z M 123.570312 2.089844 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(428.260051, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 32.285156 -112.421875 C 41.578125 -112.421875 48.082031 -118.226562 49.007812 -126.589844 C 50.171875 -134.71875 45.0625 -140.523438 36.699219 -140.523438 C 28.105469 -140.757812 21.601562 -134.949219 20.207031 -126.589844 C 19.046875 -118.460938 24.621094 -112.421875 32.285156 -112.421875 Z M 14.632812 2.089844 C 38.789062 1.625 56.210938 -25.550781 65.964844 -46.453125 C 67.359375 -49.472656 59.230469 -54.351562 57.835938 -51.332031 C 49.9375 -32.285156 34.609375 -14.167969 23.925781 -14.167969 C 19.046875 -13.9375 19.277344 -20.207031 21.136719 -29.5 C 24.621094 -45.292969 29.5 -60.390625 38.558594 -92.675781 C 36.929688 -98.25 17.886719 -101.039062 14.167969 -95.695312 C 6.039062 -67.589844 0.464844 -48.777344 -4.644531 -26.945312 C -8.828125 -9.058594 -4.644531 2.554688 14.632812 2.089844 Z M 14.632812 2.089844 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(484.467457, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 72.238281 -98.949219 C 56.90625 -99.179688 41.113281 -84.082031 32.75 -74.328125 C 34.839844 -81.0625 35.769531 -85.011719 37.859375 -92.445312 C 35.539062 -99.644531 17.421875 -100.804688 13.703125 -95.695312 C 4.414062 -61.785156 -3.484375 -35.304688 -10.917969 -4.414062 C -10.453125 3.25 12.542969 2.554688 15.097656 -2.554688 C 19.976562 -23.460938 22.53125 -35.304688 29.035156 -57.140625 C 37.628906 -68.753906 49.9375 -79.667969 58.066406 -79.902344 C 65.964844 -80.132812 64.804688 -72.46875 63.179688 -65.5 C 61.085938 -55.976562 54.585938 -30.660156 53.191406 -22.761719 C 50.402344 -7.664062 55.746094 2.554688 73.398438 2.089844 C 95.929688 1.859375 113.347656 -26.480469 122.640625 -46.6875 C 123.800781 -49.472656 115.671875 -54.121094 114.511719 -51.332031 C 105.917969 -31.355469 92.210938 -14.167969 82.6875 -14.167969 C 76.882812 -14.167969 78.042969 -22.996094 79.902344 -31.589844 C 82.457031 -42.738281 87.335938 -55.746094 89.890625 -66.429688 C 94.304688 -85.246094 89.890625 -98.714844 72.238281 -98.949219 Z M 72.238281 -98.949219 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(597.346777, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 58.996094 -98.484375 C 31.820312 -99.414062 7.433594 -80.367188 1.160156 -49.9375 C -4.644531 -23.925781 7.898438 1.160156 43.203125 2.324219 C 65.269531 3.019531 93.140625 -4.644531 111.957031 -46.6875 C 113.117188 -49.472656 104.988281 -54.121094 103.59375 -51.332031 C 90.121094 -20.671875 65.5 -12.542969 49.707031 -14.167969 C 33.449219 -15.792969 24.851562 -25.316406 26.246094 -40.183594 C 53.191406 -33.910156 75.257812 -42.042969 83.851562 -59.460938 C 92.675781 -76.417969 85.011719 -97.554688 58.996094 -98.484375 Z M 55.976562 -81.992188 C 64.804688 -81.761719 65.035156 -73.398438 61.320312 -65.734375 C 56.675781 -55.511719 45.0625 -49.472656 27.871094 -52.027344 C 32.054688 -68.753906 45.0625 -82.6875 55.976562 -81.992188 Z M 55.976562 -81.992188 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(699.542059, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 35.074219 2.554688 C 49.007812 2.789062 62.015625 -2.789062 68.753906 -12.542969 C 84.316406 -12.078125 100.574219 -19.277344 113.117188 -46.6875 C 114.277344 -49.242188 106.148438 -54.121094 104.988281 -51.566406 C 95.929688 -30.429688 84.082031 -23.460938 73.628906 -22.996094 C 79.207031 -46.453125 65.734375 -63.179688 61.550781 -92.675781 C 73.398438 -108.238281 51.566406 -116.367188 35.304688 -101.039062 C 20.441406 -87.566406 7.433594 -65.035156 -2.324219 -43.433594 C -3.949219 -40.183594 4.414062 -36.003906 5.808594 -39.023438 C 15.097656 -58.300781 26.710938 -78.972656 38.558594 -90.820312 C 40.183594 -71.539062 50.402344 -52.261719 50.171875 -35.769531 C 43.433594 -35.769531 40.183594 -25.316406 46.222656 -19.742188 C 44.132812 -16.722656 39.71875 -14.167969 35.304688 -14.167969 C 27.640625 -14.167969 22.066406 -20.671875 23.691406 -30.660156 C 20.671875 -33.449219 10.683594 -31.820312 8.828125 -25.550781 C 7.664062 -7.199219 21.367188 2.554688 35.074219 2.554688 Z M 35.074219 2.554688 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(802.898632, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 57.835938 -98.714844 C 25.085938 -99.179688 0.929688 -70.378906 -0.695312 -41.578125 C -1.859375 -19.046875 13.472656 0.929688 37.628906 1.859375 C 62.015625 3.019531 88.496094 -5.574219 107.078125 -46.6875 C 108.238281 -49.242188 100.109375 -54.121094 98.949219 -51.332031 C 87.335938 -24.851562 68.054688 -13.703125 49.242188 -14.402344 C 33.910156 -14.867188 24.621094 -25.316406 26.015625 -41.578125 C 28.105469 -64.339844 43.203125 -83.617188 56.210938 -82.226562 C 65.734375 -81.296875 60.855469 -68.753906 55.511719 -62.015625 C 55.511719 -56.90625 72.933594 -55.511719 77.8125 -61.085938 C 90.585938 -74.558594 88.496094 -98.25 57.835938 -98.714844 Z M 57.835938 -98.714844 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(900.21642, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 58.996094 -98.484375 C 31.820312 -99.414062 7.433594 -80.367188 1.160156 -49.9375 C -4.644531 -23.925781 7.898438 1.160156 43.203125 2.324219 C 65.269531 3.019531 93.140625 -4.644531 111.957031 -46.6875 C 113.117188 -49.472656 104.988281 -54.121094 103.59375 -51.332031 C 90.121094 -20.671875 65.5 -12.542969 49.707031 -14.167969 C 33.449219 -15.792969 24.851562 -25.316406 26.246094 -40.183594 C 53.191406 -33.910156 75.257812 -42.042969 83.851562 -59.460938 C 92.675781 -76.417969 85.011719 -97.554688 58.996094 -98.484375 Z M 55.976562 -81.992188 C 64.804688 -81.761719 65.035156 -73.398438 61.320312 -65.734375 C 56.675781 -55.511719 45.0625 -49.472656 27.871094 -52.027344 C 32.054688 -68.753906 45.0625 -82.6875 55.976562 -81.992188 Z M 55.976562 -81.992188 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(1002.411702, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 72.238281 -98.949219 C 56.90625 -99.179688 41.113281 -84.082031 32.75 -74.328125 C 34.839844 -81.0625 35.769531 -85.011719 37.859375 -92.445312 C 35.539062 -99.644531 17.421875 -100.804688 13.703125 -95.695312 C 4.414062 -61.785156 -3.484375 -35.304688 -10.917969 -4.414062 C -10.453125 3.25 12.542969 2.554688 15.097656 -2.554688 C 19.976562 -23.460938 22.53125 -35.304688 29.035156 -57.140625 C 37.628906 -68.753906 49.9375 -79.667969 58.066406 -79.902344 C 65.964844 -80.132812 64.804688 -72.46875 63.179688 -65.5 C 61.085938 -55.976562 54.585938 -30.660156 53.191406 -22.761719 C 50.402344 -7.664062 55.746094 2.554688 73.398438 2.089844 C 95.929688 1.859375 113.347656 -26.480469 122.640625 -46.6875 C 123.800781 -49.472656 115.671875 -54.121094 114.511719 -51.332031 C 105.917969 -31.355469 92.210938 -14.167969 82.6875 -14.167969 C 76.882812 -14.167969 78.042969 -22.996094 79.902344 -31.589844 C 82.457031 -42.738281 87.335938 -55.746094 89.890625 -66.429688 C 94.304688 -85.246094 89.890625 -98.714844 72.238281 -98.949219 Z M 72.238281 -98.949219 "
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx("g", {
+        "fill-opacity": "1",
+        children: /* @__PURE__ */ jsx("g", {
+          transform: "translate(1115.290992, 223.612604)",
+          children: /* @__PURE__ */ jsx("path", {
+            d: "M 28.570312 2.089844 C 51.796875 1.859375 68.753906 -17.421875 81.296875 -46.453125 C 82.457031 -49.472656 74.558594 -54.121094 73.167969 -51.332031 C 63.410156 -29.265625 46.917969 -13.9375 33.449219 -14.167969 C 22.066406 -14.402344 22.066406 -30.195312 26.945312 -51.566406 C 29.035156 -61.320312 32.519531 -73.628906 36.003906 -85.707031 L 57.835938 -85.707031 C 61.320312 -86.871094 64.105469 -97.785156 59.695312 -101.039062 L 40.183594 -101.039062 C 45.527344 -118.691406 50.867188 -135.183594 55.976562 -149.351562 C 55.746094 -156.085938 34.609375 -158.644531 31.355469 -153.996094 C 26.710938 -142.152344 19.511719 -120.550781 13.472656 -101.039062 L 4.179688 -101.039062 C 0.464844 -99.644531 -2.324219 -88.265625 2.324219 -85.707031 L 9.289062 -85.707031 C -1.394531 -45.0625 -12.078125 2.554688 28.570312 2.089844 Z M 28.570312 2.089844 "
+          })
+        })
+      })
     ]
-  }, {
-    xmlns: _IMMUTABLE,
-    "xmlns:xlink": _IMMUTABLE,
-    zoomAndPan: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    preserveAspectRatio: _IMMUTABLE,
-    version: _IMMUTABLE,
-    fill: _IMMUTABLE
-  }, 0, "we_1");
-}, "LogoLuminescentFull_component_EYrFTxSEodU"));
-const LogoPaper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoPaper = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1692,83 +1443,61 @@ const LogoPaper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         d: "M0 0h24v24H0z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "2",
         d: "m12 18 6 2 3-17L2 14l6 2"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         stroke: "currentColor",
         "stroke-width": "2",
         d: "m9 21-1-5 4 2-3 3Z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "currentColor",
         d: "m12 18-4-2 10-9-6 11Z"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    "xml:space": _IMMUTABLE,
-    "fill-rule": _IMMUTABLE,
-    "stroke-linecap": _IMMUTABLE,
-    "stroke-linejoin": _IMMUTABLE,
-    "stroke-miterlimit": _IMMUTABLE,
-    "clip-rule": _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "gL_0");
-}, "LogoPaper_component_aG0HRBVBRDI"));
-const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoPterodactyl = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     version: "1.0",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 180 180",
     preserveAspectRatio: "xMidYMid meet",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("g", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsxs("g", {
       transform: "translate(0,180) scale(0.100000,-0.100000)",
       fill: "currentColor",
-      stroke: "none"
-    }, [
-      /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M965 1489 c-86 -13 -231 -63 -305 -107 -70 -41 -175 -138 -204 -190 l-18 -34 53 32 c127 75 410 193 425 177 3 -3 -3 -18 -13 -34 l-18 -28 40 33 c39 32 136 99 205 140 l35 22 -70 -1 c-38 -1 -97 -5 -130 -10z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M1149 1320 c-147 -23 -282 -103 -431 -254 -103 -104 -143 -125 -65 -34 48 56 188 261 182 266 -6 7 -191 -71 -265 -111 -245 -132 -410 -289 -502 -474 -27 -56 -48 -107 -46 -112 1 -5 41 20 88 56 120 93 200 146 200 133 0 -6 -46 -59 -103 -117 -56 -59 -95 -104 -87 -101 8 3 89 36 180 73 150 61 165 66 175 50 64 -109 121 -158 225 -194 103 -36 259 -47 366 -26 13 3 42 -11 80 -39 32 -24 78 -49 101 -55 27 -7 44 -19 48 -31 8 -27 41 -43 71 -36 28 7 32 26 5 26 -24 0 -44 24 -39 47 2 10 18 25 35 34 18 9 30 19 26 23 -13 13 -58 5 -79 -15 -15 -14 -29 -18 -48 -13 -29 7 -79 60 -73 78 2 6 29 20 60 31 31 11 57 23 57 27 0 13 -181 96 -248 114 l-64 18 6 40 c11 71 63 162 132 231 101 101 239 159 582 246 28 7 52 15 52 19 0 7 -209 64 -310 84 -99 19 -241 27 -311 16z m-819 -401 c-13 -22 -37 -35 -48 -24 -7 7 34 45 49 45 6 0 5 -9 -1 -21z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M1224 496 c-14 -11 -16 -17 -7 -26 9 -10 17 -8 37 6 14 11 26 22 26 27 0 12 -35 8 -56 -7z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
-        d: "M1012 441 c-19 -11 64 -51 106 -51 39 0 40 4 5 35 -29 25 -85 33 -111 16z"
-      }, null, 3, null)
-    ], 3, null)
-  }, {
-    version: _IMMUTABLE,
-    xmlns: _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    preserveAspectRatio: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "D4_0");
-}, "LogoPterodactyl_component_10hbViSPESg"));
-const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+      stroke: "none",
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          d: "M965 1489 c-86 -13 -231 -63 -305 -107 -70 -41 -175 -138 -204 -190 l-18 -34 53 32 c127 75 410 193 425 177 3 -3 -3 -18 -13 -34 l-18 -28 40 33 c39 32 136 99 205 140 l35 22 -70 -1 c-38 -1 -97 -5 -130 -10z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M1149 1320 c-147 -23 -282 -103 -431 -254 -103 -104 -143 -125 -65 -34 48 56 188 261 182 266 -6 7 -191 -71 -265 -111 -245 -132 -410 -289 -502 -474 -27 -56 -48 -107 -46 -112 1 -5 41 20 88 56 120 93 200 146 200 133 0 -6 -46 -59 -103 -117 -56 -59 -95 -104 -87 -101 8 3 89 36 180 73 150 61 165 66 175 50 64 -109 121 -158 225 -194 103 -36 259 -47 366 -26 13 3 42 -11 80 -39 32 -24 78 -49 101 -55 27 -7 44 -19 48 -31 8 -27 41 -43 71 -36 28 7 32 26 5 26 -24 0 -44 24 -39 47 2 10 18 25 35 34 18 9 30 19 26 23 -13 13 -58 5 -79 -15 -15 -14 -29 -18 -48 -13 -29 7 -79 60 -73 78 2 6 29 20 60 31 31 11 57 23 57 27 0 13 -181 96 -248 114 l-64 18 6 40 c11 71 63 162 132 231 101 101 239 159 582 246 28 7 52 15 52 19 0 7 -209 64 -310 84 -99 19 -241 27 -311 16z m-819 -401 c-13 -22 -37 -35 -48 -24 -7 7 34 45 49 45 6 0 5 -9 -1 -21z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M1224 496 c-14 -11 -16 -17 -7 -26 9 -10 17 -8 37 6 14 11 26 22 26 27 0 12 -35 8 -56 -7z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M1012 441 c-19 -11 64 -51 106 -51 39 0 40 4 5 35 -29 25 -85 33 -111 16z"
+        })
+      ]
+    })
+  });
+});
+const LogoPurpur = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1777,108 +1506,89 @@ const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("defs", null, null, /* @__PURE__ */ _jsxQ("path", null, {
-        id: "purpur",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "1.68",
-        d: "m264 41.95 8-4v8l-8 4v-8Z"
-      }, null, 3, null), 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("defs", {
+        children: /* @__PURE__ */ jsx("path", {
+          id: "purpur",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.68",
+          d: "m264 41.95 8-4v8l-8 4v-8Z"
+        })
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         d: "M0 0h24v24H0z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.77",
         d: "m264 29.95-8 4 8 4.42 8-4.42-8-4Z",
         transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.77",
         d: "m272 38.37-8 4.42-8-4.42",
         transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.77",
         d: "m260 31.95 8 4.21V45",
         transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.77",
         d: "M260 45v-8.84l8-4.21",
         transform: "matrix(1.125 0 0 1.1372 -285 -31.69)"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.68",
         d: "m264 41.95 8-4v8l-8 4v-8Z",
         transform: "matrix(1.125 0 0 1.2569 -285 -40.78)"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         fill: "none",
         stroke: "currentColor",
         "stroke-width": "1.68",
         d: "m264 41.95 8-4v8l-8 4v-8Z",
         transform: "matrix(-1.125 0 0 1.2569 309 -40.78)"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    "xml:space": _IMMUTABLE,
-    "fill-rule": _IMMUTABLE,
-    "stroke-linecap": _IMMUTABLE,
-    "stroke-linejoin": _IMMUTABLE,
-    "stroke-miterlimit": _IMMUTABLE,
-    "clip-rule": _IMMUTABLE,
-    viewBox: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "tL_0");
-}, "LogoPurpur_component_c9OHr4CkPBo"));
-const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoVelocity = component$((props) => {
+  return /* @__PURE__ */ jsxs("svg", {
     viewBox: "0 0 500 500",
     fill: "currentColor",
     ...props,
-    get height() {
-      return props.width;
-    },
+    height: props.width,
     children: [
-      /* @__PURE__ */ _jsxQ("path", null, {
+      /* @__PURE__ */ jsx("path", {
         d: "M236.25 232.55l-54.08-73.79a11.86 11.86 0 00-11.91-4.62L84 171.57a11.88 11.88 0 00-8 5.88l-42.64 77.07a11.84 11.84 0 00.81 12.75l54.21 74a11.86 11.86 0 0011.91 4.62l86-17.37a11.85 11.85 0 008-5.89l42.78-77.3a11.86 11.86 0 00-.82-12.78zm-59.45 74.21a9.57 9.57 0 01-13.39-2.06l-31-42.24a16 16 0 00-16-6.21l-52.58 10.63a9.58 9.58 0 01-11.29-7.49A9.58 9.58 0 0160 248.1l57-11.52a16 16 0 0010.81-7.92L156.42 177a9.58 9.58 0 0113-3.75 9.58 9.58 0 013.75 13L146.81 234a16 16 0 001.09 17.16l31 42.23a9.58 9.58 0 01-2.1 13.37z"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("circle", null, {
+      }),
+      /* @__PURE__ */ jsx("circle", {
         cx: "416.44",
         cy: "236.11",
         r: "9.83"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxQ("path", null, {
+      }),
+      /* @__PURE__ */ jsx("path", {
         d: "M458.29 265.6H280.52a9.83 9.83 0 110-19.66h106.22a9.84 9.84 0 000-19.67h-70.2a9.83 9.83 0 110-19.66H422.9a9.84 9.84 0 000-19.67H202.83l33.42 45.61a11.86 11.86 0 01.81 12.75l-42.78 77.3a11.75 11.75 0 01-1.4 2h212.29a9.83 9.83 0 100-19.66h-53.53a9.84 9.84 0 110-19.67h106.65a9.84 9.84 0 100-19.67z"
-      }, null, 3, null)
+      })
     ]
-  }, {
-    viewBox: _IMMUTABLE,
-    fill: _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "XA_0");
-}, "LogoVelocity_component_ZPc1n5yvS0Y"));
-const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("svg", {
+  });
+});
+const LogoWaterfall = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
@@ -1886,24 +1596,12 @@ const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     ...props,
-    get height() {
-      return props.width;
-    },
-    children: /* @__PURE__ */ _jsxQ("path", null, {
+    height: props.width,
+    children: /* @__PURE__ */ jsx("path", {
       d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
-    }, null, 3, null)
-  }, {
-    viewBox: _IMMUTABLE,
-    fill: _IMMUTABLE,
-    stroke: _IMMUTABLE,
-    "stroke-width": _IMMUTABLE,
-    "stroke-linecap": _IMMUTABLE,
-    "stroke-linejoin": _IMMUTABLE,
-    height: _fnSignal((p0) => p0.width, [
-      props
-    ], "p0.width")
-  }, 0, "to_0");
-}, "LogoWaterfall_component_5eX8hGbmtoU"));
+    })
+  });
+});
 export {
   Anchor,
   Blobs,
@@ -1926,7 +1624,6 @@ export {
   NumberInput,
   NumberInputRaw,
   Toggle,
-  blobClasses as _auto_blobClasses,
   blobColorClasses,
   toggleOffColorClasses,
   toggleOnColorClasses