@luminescent/ui-qwik 6.8.2 → 6.8.3-2

package/lib/components/elements/SelectMenu.qwik.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Dropdown = require("./Dropdown.qwik.cjs");
+const SelectMenu = core.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", {
+        for: props.id ? `${props.id}-dropdown` : void 0,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SelectMenuRaw, {
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            "q:slot": "dropdown",
+            children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+              name: "dropdown"
+            })
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            "q:slot": "extra-buttons",
+            children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+              name: "extra-buttons"
+            })
+          })
+        ]
+      })
+    ]
+  });
+});
+const SelectMenuRaw = core.component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
+  const store = core.useStore({
+    opened: false,
+    value: props.value
+  });
+  const selectRef = core.useSignal();
+  const selected = values?.find((v) => v.value === store.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: {
+      "relative touch-manipulation": true,
+      group: hover
+    },
+    children: [
+      values && /* @__PURE__ */ jsxRuntime.jsx("select", {
+        ...props,
+        ref: selectRef,
+        class: "hidden",
+        children: values.map((value, i) => {
+          return /* @__PURE__ */ jsxRuntime.jsx("option", {
+            value: value.value,
+            children: `${value.value}`
+          }, i);
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.Dropdown, {
+        id: props.id ? `${props.id}-dropdown` : void 0,
+        opened: store.opened,
+        class: {
+          "w-full": true,
+          ...Class
+        },
+        onClick$: (e, el) => {
+          if (hover) return;
+          store.opened = !store.opened;
+          if (nocloseonclick) return;
+          const listener = (e2) => {
+            if (!store.opened) return document.removeEventListener("click", listener);
+            const path = e2.composedPath();
+            if (path.includes(el)) return;
+            store.opened = false;
+            document.removeEventListener("click", listener);
+          };
+          document.addEventListener("click", listener);
+        },
+        children: [
+          customDropdown && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+            name: "dropdown"
+          }),
+          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+            name: "dropdown"
+          }))
+        ]
+      }),
+      hover && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "h-2 absolute w-full"
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        class: {
+          "absolute z-1000 mt-2": true,
+          "backdrop-blur-lg": !noblur,
+          "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
+          "left-0": align === "left",
+          "right-0": align === "right",
+          "left-1/2 -translate-x-1/2": align === "center",
+          "pointer-events-none scale-95 opacity-0": !store.opened,
+          "duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
+          "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
+          [panelClass]: true
+        },
+        children: [
+          values?.map(({ name, value }, i) => {
+            return /* @__PURE__ */ jsxRuntime.jsx("button", {
+              type: "button",
+              class: {
+                "lum-btn rounded-lum-1": true,
+                [btnClass]: true
+              },
+              onClick$: (e, el) => {
+                el.blur();
+                store.opened = false;
+                const select = selectRef.value;
+                if (select) {
+                  select.value = value.toString();
+                  select.dispatchEvent(new Event("change"));
+                }
+                store.value = value.toString();
+              },
+              children: name
+            }, i);
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+            name: "extra-buttons"
+          })
+        ]
+      })
+    ]
+  });
+});
+exports.SelectMenu = SelectMenu;
+exports.SelectMenuRaw = SelectMenuRaw;

package/lib/components/elements/SelectMenu.qwik.mjs

@@ -0,0 +1,134 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot, useStore, useSignal } from "@qwik.dev/core";
+import { Dropdown } from "./Dropdown.qwik.mjs";
+const SelectMenu = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsx("label", {
+        for: props.id ? `${props.id}-dropdown` : void 0,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsxs(SelectMenuRaw, {
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            "q:slot": "dropdown",
+            children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsx(Slot, {
+              name: "dropdown"
+            })
+          }),
+          /* @__PURE__ */ jsx("div", {
+            "q:slot": "extra-buttons",
+            children: /* @__PURE__ */ jsx(Slot, {
+              name: "extra-buttons"
+            })
+          })
+        ]
+      })
+    ]
+  });
+});
+const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
+  const store = useStore({
+    opened: false,
+    value: props.value
+  });
+  const selectRef = useSignal();
+  const selected = values?.find((v) => v.value === store.value);
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
+      "relative touch-manipulation": true,
+      group: hover
+    },
+    children: [
+      values && /* @__PURE__ */ jsx("select", {
+        ...props,
+        ref: selectRef,
+        class: "hidden",
+        children: values.map((value, i) => {
+          return /* @__PURE__ */ jsx("option", {
+            value: value.value,
+            children: `${value.value}`
+          }, i);
+        })
+      }),
+      /* @__PURE__ */ jsxs(Dropdown, {
+        id: props.id ? `${props.id}-dropdown` : void 0,
+        opened: store.opened,
+        class: {
+          "w-full": true,
+          ...Class
+        },
+        onClick$: (e, el) => {
+          if (hover) return;
+          store.opened = !store.opened;
+          if (nocloseonclick) return;
+          const listener = (e2) => {
+            if (!store.opened) return document.removeEventListener("click", listener);
+            const path = e2.composedPath();
+            if (path.includes(el)) return;
+            store.opened = false;
+            document.removeEventListener("click", listener);
+          };
+          document.addEventListener("click", listener);
+        },
+        children: [
+          customDropdown && /* @__PURE__ */ jsx(Slot, {
+            name: "dropdown"
+          }),
+          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsx(Slot, {
+            name: "dropdown"
+          }))
+        ]
+      }),
+      hover && /* @__PURE__ */ jsx("div", {
+        class: "h-2 absolute w-full"
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        class: {
+          "absolute z-1000 mt-2": true,
+          "backdrop-blur-lg": !noblur,
+          "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
+          "left-0": align === "left",
+          "right-0": align === "right",
+          "left-1/2 -translate-x-1/2": align === "center",
+          "pointer-events-none scale-95 opacity-0": !store.opened,
+          "duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
+          "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
+          [panelClass]: true
+        },
+        children: [
+          values?.map(({ name, value }, i) => {
+            return /* @__PURE__ */ jsx("button", {
+              type: "button",
+              class: {
+                "lum-btn rounded-lum-1": true,
+                [btnClass]: true
+              },
+              onClick$: (e, el) => {
+                el.blur();
+                store.opened = false;
+                const select = selectRef.value;
+                if (select) {
+                  select.value = value.toString();
+                  select.dispatchEvent(new Event("change"));
+                }
+                store.value = value.toString();
+              },
+              children: name
+            }, i);
+          }),
+          /* @__PURE__ */ jsx(Slot, {
+            name: "extra-buttons"
+          })
+        ]
+      })
+    ]
+  });
+});
+export {
+  SelectMenu,
+  SelectMenuRaw
+};

package/{lib-types → lib}/components/elements/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import { PropsOf } from '@builder.io/qwik';
+import { PropsOf } from '@qwik.dev/core';
 interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
     class?: {
         [key: string]: boolean;
@@ -6,5 +6,5 @@ interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
     floating?: boolean;
     position?: 'left' | 'right';
 }
-export declare const Sidebar: import("@builder.io/qwik").Component<SidebarProps>;
+export declare const Sidebar: import("@qwik.dev/core").Component<SidebarProps>;
 export {};

package/lib/components/elements/Sidebar.qwik.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Sidebar = core.component$(({ position, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("aside", {
+    ...props,
+    class: {
+      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+      "left-0 border-0 border-r": position === "left" || !position,
+      "right-0 border-0 border-l": position === "right",
+      ...props.class
+    },
+    children: /* @__PURE__ */ jsxRuntime.jsxs("nav", {
+      id: "docs-sidebar",
+      class: "min-h-full relative",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", {
+          class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "flex-1",
+            children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+              name: "title"
+            })
+          })
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", {
+          class: {
+            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
+        })
+      ]
+    })
+  });
+});
+exports.Sidebar = Sidebar;

package/lib/components/elements/Sidebar.qwik.mjs

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+const Sidebar = component$(({ position, ...props }) => {
+  return /* @__PURE__ */ jsx("aside", {
+    ...props,
+    class: {
+      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+      "left-0 border-0 border-r": position === "left" || !position,
+      "right-0 border-0 border-l": position === "right",
+      ...props.class
+    },
+    children: /* @__PURE__ */ jsxs("nav", {
+      id: "docs-sidebar",
+      class: "min-h-full relative",
+      children: [
+        /* @__PURE__ */ jsx("div", {
+          class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
+          children: /* @__PURE__ */ jsx("div", {
+            class: "flex-1",
+            children: /* @__PURE__ */ jsx(Slot, {
+              name: "title"
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx("div", {
+          class: {
+            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
+          },
+          children: /* @__PURE__ */ jsx(Slot, {})
+        })
+      ]
+    })
+  });
+});
+export {
+  Sidebar
+};

package/{lib-types → lib}/components/elements/Toggle.d.ts

@@ -1,4 +1,4 @@
-import type { PropsOf } from '@builder.io/qwik';
+import type { PropsOf } from '@qwik.dev/core';
 interface ToggleProps extends Omit<PropsOf<'input'> & {
     type: 'checkbox';
 }, 'class' | 'bind:checked' | 'type' | 'children'> {
@@ -6,5 +6,5 @@ interface ToggleProps extends Omit<PropsOf<'input'> & {
     checkbox?: boolean;
     round?: boolean;
 }
-export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
+export declare const Toggle: import("@qwik.dev/core").Component<ToggleProps>;
 export {};

package/lib/components/elements/Toggle.qwik.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Toggle = core.component$(({ checkbox, round, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "flex touch-manipulation items-center gap-3",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", {
+        class: "relative inline-flex cursor-pointer items-center",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", {
+            type: "checkbox",
+            ...props,
+            class: "peer sr-only"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: {
+              "peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
+              "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
+              "rounded-lum after:rounded-lum-1": !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,
+              "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
+              [props.class ?? ""]: !!props.class
+            }
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("label", {
+        for: props.id,
+        class: "flex gap-2 text-lum-text select-none empty:hidden",
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
+      })
+    ]
+  });
+});
+exports.Toggle = Toggle;

package/lib/components/elements/Toggle.qwik.mjs

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+const Toggle = component$(({ checkbox, round, ...props }) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex touch-manipulation items-center gap-3",
+    children: [
+      /* @__PURE__ */ jsxs("label", {
+        class: "relative inline-flex cursor-pointer items-center",
+        children: [
+          /* @__PURE__ */ jsx("input", {
+            type: "checkbox",
+            ...props,
+            class: "peer sr-only"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            class: {
+              "peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
+              "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
+              "rounded-lum after:rounded-lum-1": !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,
+              "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
+              [props.class ?? ""]: !!props.class
+            }
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "flex gap-2 text-lum-text select-none empty:hidden",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      })
+    ]
+  });
+});
+export {
+  Toggle
+};

package/lib/components/functions.qwik.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Hoverable = {
+  onMouseMove$: (e, el) => {
+    const rect = el.getBoundingClientRect();
+    const mouseX = e.clientX - rect.left;
+    const mouseY = e.clientY - rect.top;
+    const rotateX = (mouseY / rect.height - 0.5) * -10;
+    const rotateY = (mouseX / rect.width - 0.5) * 10;
+    el.style.transition = "transform 0.05s ease-out";
+    el.style.transform = `perspective(500px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+  },
+  onMouseLeave$: (_e, el) => {
+    el.style.transition = "transform 0.3s ease-out";
+    el.style.transform = "perspective(500px) rotateX(0deg) rotateY(0deg)";
+  }
+};
+exports.Hoverable = Hoverable;

package/lib/components/functions.qwik.mjs

@@ -0,0 +1,18 @@
+const Hoverable = {
+  onMouseMove$: (e, el) => {
+    const rect = el.getBoundingClientRect();
+    const mouseX = e.clientX - rect.left;
+    const mouseY = e.clientY - rect.top;
+    const rotateX = (mouseY / rect.height - 0.5) * -10;
+    const rotateY = (mouseX / rect.width - 0.5) * 10;
+    el.style.transition = "transform 0.05s ease-out";
+    el.style.transform = `perspective(500px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+  },
+  onMouseLeave$: (_e, el) => {
+    el.style.transition = "transform 0.3s ease-out";
+    el.style.transform = "perspective(500px) rotateX(0deg) rotateY(0deg)";
+  }
+};
+export {
+  Hoverable
+};

package/{lib-types → lib}/components/logos/Birdflop.d.ts

@@ -3,5 +3,5 @@ interface LogoBirdflopProps extends IconProps {
     confused?: boolean;
     fillGradient?: string[];
 }
-export declare const LogoBirdflop: import("@builder.io/qwik").Component<LogoBirdflopProps>;
+export declare const LogoBirdflop: import("@qwik.dev/core").Component<LogoBirdflopProps>;
 export {};

package/lib/components/logos/Birdflop.qwik.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const LogoBirdflop = core.component$(({ confused, fillGradient, size, ...props }) => {
+  const gradientId = fillGradient?.join("-").replace("#", "");
+  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,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("defs", {
+        children: [
+          fillGradient && /* @__PURE__ */ jsxRuntime.jsx("linearGradient", {
+            id: `linear-gradient-${gradientId}`,
+            x1: "0.5",
+            x2: "0.5",
+            y2: "1",
+            gradientUnits: "objectBoundingBox",
+            children: fillGradient.map((color, i) => /* @__PURE__ */ jsxRuntime.jsx("stop", {
+              offset: i / (fillGradient.length - 1),
+              "stop-color": color
+            }, i))
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("clipPath", {
+            id: "clip-bf_3",
+            children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
+              width: "1080",
+              height: "1080"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("g", {
+        id: "bf_3",
+        "data-name": "bf - 3",
+        "clip-path": "url(#clip-bf_3)",
+        fill: "currentColor",
+        children: /* @__PURE__ */ jsxRuntime.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-${gradientId})` : ""
+        })
+      }),
+      confused && /* @__PURE__ */ jsxRuntime.jsxs("g", {
+        style: "transform: translate(595px, 460px) scale(0.375)",
+        stroke: "#1E2837",
+        fill: "#1E2837",
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", {
+            cx: "248",
+            cy: "399.99",
+            r: "40",
+            style: "transform: translate(0, 30px)"
+          })
+        ]
+      })
+    ]
+  });
+});
+exports.LogoBirdflop = LogoBirdflop;

package/lib/components/logos/Birdflop.qwik.mjs

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$ } from "@qwik.dev/core";
+const LogoBirdflop = component$(({ confused, fillGradient, size, ...props }) => {
+  const gradientId = fillGradient?.join("-").replace("#", "");
+  return /* @__PURE__ */ 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,
+    children: [
+      /* @__PURE__ */ jsxs("defs", {
+        children: [
+          fillGradient && /* @__PURE__ */ jsx("linearGradient", {
+            id: `linear-gradient-${gradientId}`,
+            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",
+        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-${gradientId})` : ""
+        })
+      }),
+      confused && /* @__PURE__ */ jsxs("g", {
+        style: "transform: translate(595px, 460px) scale(0.375)",
+        stroke: "#1E2837",
+        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)"
+          })
+        ]
+      })
+    ]
+  });
+});
+export {
+  LogoBirdflop
+};

package/lib/components/logos/Discord.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './IconProps';
+export declare const LogoDiscord: import("@qwik.dev/core").Component<IconProps>;