@luminescent/ui-qwik 2.0.1 → 3.0.1

package/lib/index.qwik.cjs

@@ -2,9 +2,54 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
-const Anchor = qwik.component$(({ id }) => /* @__PURE__ */ jsxRuntime.jsx("span", {
-  id,
-  class: "pointer-events-none -mt-32 block h-32"
+const Link = qwik.component$(({ size, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-link2-icon lucide-link-2",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M9 17H7A5 5 0 0 1 7 7h2"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M15 7h2a5 5 0 1 1 0 10h-2"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", {
+        x1: "8",
+        x2: "16",
+        y1: "12",
+        y2: "12"
+      })
+    ]
+  });
+});
+const Anchor = qwik.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+  ...props,
+  class: {
+    "group flex items-center gap-2 scroll-mt-32": true,
+    ...props.class
+  },
+  children: [
+    /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}),
+    id && /* @__PURE__ */ jsxRuntime.jsx("a", {
+      href: `#${id}`,
+      onClick$: async () => {
+        await navigator.clipboard.writeText(window.location.href);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(Link, {
+        class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
+        size: 20
+      })
+    })
+  ]
 }));
 const blobColorClasses = {
   slate: [
@@ -300,28 +345,34 @@ function rgbToHsv(color) {
     v
   };
 }
-const Shuffle = qwik.component$((props) => {
+const Shuffle = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-shuffle-icon lucide-shuffle",
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.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"
+        d: "m18 14 4 4-4 4"
       }),
       /* @__PURE__ */ jsxRuntime.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"
+        d: "m18 2 4 4-4 4"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M2 6h1.972a4 4 0 0 1 3.6 2.2"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"
       })
     ]
   });
@@ -554,7 +605,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
               await setColor(color);
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(Shuffle, {
-              class: "fill-current p-0.5 pl-0.5 text-gray-300"
+              class: "p-0.5 pl-0.5 text-gray-300"
             })
           })
         ]
@@ -562,23 +613,49 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
     ]
   });
 });
-const ChevronDown = qwik.component$((props) => {
+const ChevronDown = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-chevron-down-icon lucide-chevron-down",
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "48",
-      d: "M112 184l144 144 144-144"
+      d: "m6 9 6 6 6-6"
     })
   });
 });
-const Dropdown = qwik.component$((props) => {
+const Dropdown = qwik.component$(({ class: Class, hover, opened, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", {
+    class: {
+      "lum-btn": true,
+      ...Class
+    },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "flex-1 text-left",
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {
+        size: 16,
+        class: {
+          "ease-out motion-safe:transition-all": true,
+          "rotate-180 transform": opened,
+          "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
+          "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
+        }
+      })
+    ]
+  });
+});
+const SelectMenu = qwik.component$((props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "flex flex-col",
     children: [
@@ -587,13 +664,27 @@ const Dropdown = qwik.component$((props) => {
         class: "pb-1 text-gray-300 select-none",
         children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownRaw, {
-        ...props
+      /* @__PURE__ */ jsxRuntime.jsxs(SelectMenuRaw, {
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            "q:slot": "dropdown",
+            children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+              name: "dropdown"
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            "q:slot": "extra-buttons",
+            children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+              name: "extra-buttons"
+            })
+          })
+        ]
       })
     ]
   });
 });
-const DropdownRaw = qwik.component$(({ id, values, class: Class, display, hover, ...props }) => {
+const SelectMenuRaw = qwik.component$(({ id, values, class: Class, customDropdown, hover, ...props }) => {
   const store = qwik.useStore({
     opened: false,
     value: props.value
@@ -617,29 +708,24 @@ const DropdownRaw = qwik.component$(({ id, values, class: Class, display, hover,
           }, i);
         })
       }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", {
-        class: {
-          "lum-btn": true,
-          ...Class
-        },
+      /* @__PURE__ */ jsxRuntime.jsxs(Dropdown, {
+        opened: store.opened,
+        class: Class,
         onClick$: () => {
           if (!hover) store.opened = !store.opened;
         },
         children: [
-          display,
-          !display && values && /* @__PURE__ */ jsxRuntime.jsx("span", {
-            id: `lui-${id}-name`,
-            class: "flex-1 text-left",
-            children: values.find((value) => value.value.toString() === store.value)?.name ?? values[0].name
+          customDropdown && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+            name: "dropdown"
           }),
-          /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {
-            width: 16,
-            class: {
-              "ease-out motion-safe:transition-all": true,
-              "rotate-180 transform": store.opened,
-              "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
-              "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
-            }
+          !customDropdown && /* @__PURE__ */ jsxRuntime.jsxs("span", {
+            id: `lui-${id}-name`,
+            children: [
+              values && (values.find((value) => value.value.toString() === store.value)?.name ?? values[0].name),
+              !values && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+                name: "dropdown"
+              })
+            ]
           })
         ]
       }),
@@ -682,44 +768,32 @@ const DropdownRaw = qwik.component$(({ id, values, class: Class, display, hover,
     ]
   });
 });
-const Link = qwik.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
+const Menu = qwik.component$(({ size, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-menu-icon lucide-menu",
     ...props,
-    height: props.width,
-    children: /* @__PURE__ */ jsxRuntime.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"
-    })
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M4 12h16"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M4 18h16"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M4 6h16"
+      })
+    ]
   });
 });
-const Header = qwik.component$(({ id, anchor, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("h2", {
-  class: {
-    "group flex items-center gap-2 text-xl font-bold whitespace-nowrap text-white sm:text-2xl": true,
-    ...props.class
-  },
-  children: [
-    /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}),
-    id && /* @__PURE__ */ jsxRuntime.jsx(Anchor, {
-      id
-    }),
-    anchor && id && /* @__PURE__ */ jsxRuntime.jsx("a", {
-      href: `#${id}`,
-      onClick$: async () => {
-        await navigator.clipboard.writeText(window.location.href);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(Link, {
-        class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
-        width: 24
-      })
-    })
-  ]
-}));
 const Nav = qwik.component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-gray-900", ...props }) => {
   const menu = qwik.useSignal(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
@@ -787,18 +861,8 @@ const Nav = qwik.component$(({ fixed, floating, nohamburger, colorClass = "lum-b
                 !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
                   class: "lum-btn lum-bg-transparent p-2 sm:hidden",
                   onClick$: () => menu.value = !menu.value,
-                  children: /* @__PURE__ */ jsxRuntime.jsx("svg", {
-                    class: "h-6 w-6",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-width": "2",
-                      d: "M4 6h16M4 12h16M4 18h16"
-                    })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Menu, {
+                    size: 24
                   })
                 })
               ]
@@ -809,35 +873,44 @@ const Nav = qwik.component$(({ fixed, floating, nohamburger, colorClass = "lum-b
     ]
   });
 });
-const Plus = qwik.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
+const Plus = qwik.component$(({ size, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-plus-icon lucide-plus",
     ...props,
-    height: props.width,
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "32",
-      d: "M256 112v288M400 256H112"
-    })
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M5 12h14"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", {
+        d: "M12 5v14"
+      })
+    ]
   });
 });
-const Minus = qwik.component$((props) => {
+const Minus = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "lucide lucide-minus-icon lucide-minus",
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "32",
-      d: "M400 256H112"
+      d: "M5 12h14"
     })
   });
 });
@@ -886,8 +959,7 @@ const NumberInputRaw = qwik.component$(({ input, onDecrement$, onIncrement$, val
           await onDecrement$(event, element, siblingInput);
         }) : onDecrement$,
         children: /* @__PURE__ */ jsxRuntime.jsx(Minus, {
-          width: "24",
-          class: "fill-current"
+          size: 24
         })
       }),
       input && /* @__PURE__ */ jsxRuntime.jsx("input", {
@@ -913,8 +985,7 @@ const NumberInputRaw = qwik.component$(({ input, onDecrement$, onIncrement$, val
           await onIncrement$(event, element, siblingInput);
         }) : onIncrement$,
         children: /* @__PURE__ */ jsxRuntime.jsx(Plus, {
-          width: "24",
-          class: "fill-current"
+          size: 24
         })
       })
     ]
@@ -1158,13 +1229,14 @@ const Toggle = qwik.component$(({ checkbox, round, center, label, onColor = "blu
     ]
   });
 });
-const LogoBirdflop = qwik.component$(({ confused, fillGradient, ...props }) => {
+const LogoBirdflop = qwik.component$(({ confused, fillGradient, size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
     viewBox: "0 0 1080 1080",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.jsxs("defs", {
         children: [
@@ -1224,19 +1296,20 @@ const LogoBirdflop = qwik.component$(({ confused, fillGradient, ...props }) => {
     ]
   });
 });
-const LogoDiscord = qwik.component$((props) => {
+const LogoDiscord = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 127.14 96.36",
     fill: "currentColor",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.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"
     })
   });
 });
-const LogoFabric = qwik.component$((props) => {
+const LogoFabric = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xml:space": "preserve",
@@ -1245,8 +1318,9 @@ const LogoFabric = qwik.component$((props) => {
     "stroke-linejoin": "round",
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", {
         fill: "none",
@@ -1262,7 +1336,7 @@ const LogoFabric = qwik.component$((props) => {
     ]
   });
 });
-const LogoForge = qwik.component$((props) => {
+const LogoForge = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
@@ -1271,8 +1345,9 @@ const LogoForge = qwik.component$((props) => {
     "stroke-miterlimit": "1.5",
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", {
         fill: "none",
@@ -1287,7 +1362,7 @@ const LogoForge = qwik.component$((props) => {
     ]
   });
 });
-const LogoLuminescent = qwik.component$((props) => {
+const LogoLuminescent = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -1296,8 +1371,9 @@ const LogoLuminescent = qwik.component$((props) => {
     preserveAspectRatio: "xMidYMid meet",
     version: "1.0",
     fill: "currentColor",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.jsx("g", {
       "fill-opacity": "1",
       children: /* @__PURE__ */ jsxRuntime.jsx("g", {
@@ -1309,7 +1385,7 @@ const LogoLuminescent = qwik.component$((props) => {
     })
   });
 });
-const LogoLuminescentFull = qwik.component$((props) => {
+const LogoLuminescentFull = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -1318,6 +1394,7 @@ const LogoLuminescentFull = qwik.component$((props) => {
     preserveAspectRatio: "xMidYMid meet",
     version: "1.0",
     fill: "currentColor",
+    height: size,
     ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("g", {
@@ -1422,7 +1499,7 @@ const LogoLuminescentFull = qwik.component$((props) => {
     ]
   });
 });
-const LogoPaper = qwik.component$((props) => {
+const LogoPaper = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
@@ -1431,8 +1508,9 @@ const LogoPaper = qwik.component$((props) => {
     "stroke-miterlimit": "1.5",
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", {
         fill: "none",
@@ -1456,14 +1534,15 @@ const LogoPaper = qwik.component$((props) => {
     ]
   });
 });
-const LogoPterodactyl = qwik.component$((props) => {
+const LogoPterodactyl = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     version: "1.0",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 180 180",
     preserveAspectRatio: "xMidYMid meet",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
       transform: "translate(0,180) scale(0.100000,-0.100000)",
       fill: "currentColor",
@@ -1485,7 +1564,7 @@ const LogoPterodactyl = qwik.component$((props) => {
     })
   });
 });
-const LogoPurpur = qwik.component$((props) => {
+const LogoPurpur = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     "xml:space": "preserve",
     "fill-rule": "evenodd",
@@ -1494,8 +1573,9 @@ const LogoPurpur = qwik.component$((props) => {
     "stroke-miterlimit": "1.5",
     "clip-rule": "evenodd",
     viewBox: "0 0 24 24",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("defs", {
         children: /* @__PURE__ */ jsxRuntime.jsx("path", {
@@ -1555,12 +1635,13 @@ const LogoPurpur = qwik.component$((props) => {
     ]
   });
 });
-const LogoVelocity = qwik.component$((props) => {
+const LogoVelocity = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
     viewBox: "0 0 500 500",
     fill: "currentColor",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: [
       /* @__PURE__ */ jsxRuntime.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"
@@ -1576,7 +1657,7 @@ const LogoVelocity = qwik.component$((props) => {
     ]
   });
 });
-const LogoWaterfall = qwik.component$((props) => {
+const LogoWaterfall = qwik.component$(({ size, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
@@ -1584,8 +1665,9 @@ const LogoWaterfall = qwik.component$((props) => {
     "stroke-width": "2",
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
+    width: size,
+    height: size,
     ...props,
-    height: props.width,
     children: /* @__PURE__ */ jsxRuntime.jsx("path", {
       d: "M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"
     })
@@ -1595,8 +1677,6 @@ exports.Anchor = Anchor;
 exports.Blobs = Blobs;
 exports.ColorPicker = ColorPicker;
 exports.Dropdown = Dropdown;
-exports.DropdownRaw = DropdownRaw;
-exports.Header = Header;
 exports.LogoBirdflop = LogoBirdflop;
 exports.LogoDiscord = LogoDiscord;
 exports.LogoFabric = LogoFabric;
@@ -1611,6 +1691,8 @@ exports.LogoWaterfall = LogoWaterfall;
 exports.Nav = Nav;
 exports.NumberInput = NumberInput;
 exports.NumberInputRaw = NumberInputRaw;
+exports.SelectMenu = SelectMenu;
+exports.SelectMenuRaw = SelectMenuRaw;
 exports.Toggle = Toggle;
 exports.blobColorClasses = blobColorClasses;
 exports.toggleOffColorClasses = toggleOffColorClasses;