@luminescent/ui-qwik 2.0.1 → 2.1.0

package/lib/index.qwik.cjs

@@ -2,9 +2,45 @@
 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$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    ...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"
+    })
+  });
+});
+const Anchor = qwik.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+  ...props,
+  class: {
+    "group flex items-center gap-2": true,
+    ...props.class
+  },
+  children: [
+    /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}),
+    id && /* @__PURE__ */ jsxRuntime.jsx("span", {
+      id,
+      class: "pointer-events-none -mt-32 block h-32"
+    }),
+    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 blobColorClasses = {
   slate: [
@@ -682,44 +718,6 @@ const DropdownRaw = qwik.component$(({ id, values, class: Class, display, hover,
     ]
   });
 });
-const Link = qwik.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
-    ...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"
-    })
-  });
-});
-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", {
@@ -1596,7 +1594,6 @@ exports.Blobs = Blobs;
 exports.ColorPicker = ColorPicker;
 exports.Dropdown = Dropdown;
 exports.DropdownRaw = DropdownRaw;
-exports.Header = Header;
 exports.LogoBirdflop = LogoBirdflop;
 exports.LogoDiscord = LogoDiscord;
 exports.LogoFabric = LogoFabric;

package/lib/index.qwik.mjs

@@ -1,8 +1,44 @@
 import { jsx, jsxs } 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: "pointer-events-none -mt-32 block h-32"
+import { component$, Slot, useStore, $, useSignal, useStyles$ } from "@builder.io/qwik";
+const Link = component$((props) => {
+  return /* @__PURE__ */ jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    ...props,
+    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"
+    })
+  });
+});
+const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
+  ...props,
+  class: {
+    "group flex items-center gap-2": true,
+    ...props.class
+  },
+  children: [
+    /* @__PURE__ */ jsx(Slot, {}),
+    id && /* @__PURE__ */ jsx("span", {
+      id,
+      class: "pointer-events-none -mt-32 block h-32"
+    }),
+    id && /* @__PURE__ */ jsx("a", {
+      href: `#${id}`,
+      onClick$: async () => {
+        await navigator.clipboard.writeText(window.location.href);
+      },
+      children: /* @__PURE__ */ jsx(Link, {
+        class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
+        width: 24
+      })
+    })
+  ]
 }));
 const blobColorClasses = {
   slate: [
@@ -680,44 +716,6 @@ const DropdownRaw = component$(({ id, values, class: Class, display, hover, ...p
     ]
   });
 });
-const Link = component$((props) => {
-  return /* @__PURE__ */ jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
-    ...props,
-    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"
-    })
-  });
-});
-const Header = component$(({ id, anchor, ...props }) => /* @__PURE__ */ 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__ */ jsx(Slot, {}),
-    id && /* @__PURE__ */ jsx(Anchor, {
-      id
-    }),
-    anchor && id && /* @__PURE__ */ jsx("a", {
-      href: `#${id}`,
-      onClick$: async () => {
-        await navigator.clipboard.writeText(window.location.href);
-      },
-      children: /* @__PURE__ */ jsx(Link, {
-        class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
-        width: 24
-      })
-    })
-  ]
-}));
 const Nav = component$(({ fixed, floating, nohamburger, colorClass = "lum-bg-gray-900", ...props }) => {
   const menu = useSignal(false);
   return /* @__PURE__ */ jsxs("nav", {
@@ -1595,7 +1593,6 @@ export {
   ColorPicker,
   Dropdown,
   DropdownRaw,
-  Header,
   LogoBirdflop,
   LogoDiscord,
   LogoFabric,

package/lib-types/components/elements/Anchor.d.ts

@@ -1,5 +1,9 @@
-interface AnchorProps {
-    id: string;
+import type { PropsOf } from '@builder.io/qwik';
+interface AnchorProps extends Omit<PropsOf<'div'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    id?: string;
 }
 export declare const Anchor: import("@builder.io/qwik").Component<AnchorProps>;
 export {};

package/lib-types/components/elements.d.ts

@@ -2,7 +2,6 @@ export * from './elements/Anchor';
 export * from './elements/Blobs';
 export * from './elements/ColorPicker';
 export * from './elements/Dropdown';
-export * from './elements/Header';
 export * from './elements/Nav';
 export * from './elements/NumberInput';
 export * from './elements/Toggle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -52,7 +52,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "2.0.1"
+    "@luminescent/ui": "2.1.0"
   },
   "scripts": {
     "build": "qwik build",