@luminescent/ui 0.16.0 → 0.16.2

package/lib/index.qwik.cjs

@@ -534,12 +534,22 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       ...props1.class
     },
     children: [
-      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
+      props.hover == "blur" && /* @__PURE__ */ qwik._jsxQ("div", null, {
+        class: {
+          "transition-all absolute flex inset-0 w-full h-full z-10 backdrop-blur-xl rounded-lg opacity-0 hover:opacity-100": true
+        }
+      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
+        name: "blur",
+        [qwik._IMMUTABLE]: {
+          name: qwik._IMMUTABLE
+        }
+      }, 3, "OW_0"), 1, "OW_1"),
+      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_2"),
       props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
         href: qwik._wrapSignal(props1, "href")
       }, {
         class: "absolute inset-0"
-      }, null, 3, "OW_1"),
+      }, null, 3, "OW_3"),
       props.blobs && /* @__PURE__ */ qwik._jsxC(Blobs, {
         get color() {
           return props.color ?? "darkgray";
@@ -553,9 +563,9 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
           ], 'p0.color??"darkgray"'),
           class: qwik._IMMUTABLE
         }
-      }, 3, "OW_2")
+      }, 3, "OW_4")
     ]
-  }, null, 0, "OW_3");
+  }, null, 0, "OW_5");
 }, "Card_component_DlkkcTEVka4"));
 const InputColorClasses = {
   slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
@@ -1422,17 +1432,42 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
     ], '{borderWidth:p0.width/8,width:p0.width,height:p0.width,animation:`spin ${p0.speed??"0.6s"} ease-in-out infinite`}')
   }, 0, "1A_0");
 }, "LoadingIcon_component_QMsA9D0RcAM"));
+const Link = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    ...props,
+    get height() {
+      return props.width;
+    },
+    children: /* @__PURE__ */ qwik._jsxQ("path", null, {
+      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: qwik._IMMUTABLE,
+    viewBox: qwik._IMMUTABLE,
+    height: qwik._fnSignal((p0) => p0.width, [
+      props
+    ], "p0.width")
+  }, 0, "jn_0");
+}, "Link_component_qTbVd8bIKcc"));
 const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
   const props1 = qwik._restProps(props, [
     "id",
+    "anchor",
     "loading",
     "subheader"
   ]);
   let Component = /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: /* @__PURE__ */ qwik._jsxQ("h2", {
       class: {
-        "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 flex-1 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [
@@ -1446,9 +1481,24 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
             props
           ], "p0.id")
         }
-      }, 3, "dL_1")
+      }, 3, "dL_1"),
+      props.anchor && props.id && /* @__PURE__ */ qwik._jsxQ("a", null, {
+        href: qwik._fnSignal((p0) => `#${p0.id}`, [
+          props
+        ], "`#${p0.id}`"),
+        onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
+          navigator.clipboard.writeText(window.location.href);
+        }, "Header_component_Component__Fragment_h2_a_onClick_rVkO8eotENE")
+      }, /* @__PURE__ */ qwik._jsxC(Link, {
+        class: "transition-all opacity-10 group-hover:opacity-100 active:scale-75",
+        width: 24,
+        [qwik._IMMUTABLE]: {
+          class: qwik._IMMUTABLE,
+          width: qwik._IMMUTABLE
+        }
+      }, 3, "dL_2"), 1, "dL_3")
     ], 1, null)
-  }, 1, "dL_2");
+  }, 1, "dL_4");
   if (props.subheader)
     Component = /* @__PURE__ */ qwik._jsxQ("div", null, {
       class: "flex flex-1 flex-col gap-1"
@@ -1459,7 +1509,7 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
       }, qwik._fnSignal((p0) => p0.subheader, [
         props
       ], "p0.subheader"), 3, null)
-    ], 1, "dL_3");
+    ], 1, "dL_5");
   if (props.loading !== void 0)
     Component = /* @__PURE__ */ qwik._jsxQ("div", null, {
       class: "flex"
@@ -1478,8 +1528,8 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
         [qwik._IMMUTABLE]: {
           width: qwik._IMMUTABLE
         }
-      }, 3, "dL_4"), 1, null)
-    ], 1, "dL_5");
+      }, 3, "dL_6"), 1, null)
+    ], 1, "dL_7");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
 const navColorClasses = {

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _wrapSignal, _IMMUTABLE, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _IMMUTABLE, _wrapSignal, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } 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, [
@@ -532,12 +532,22 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       ...props1.class
     },
     children: [
-      /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
+      props.hover == "blur" && /* @__PURE__ */ _jsxQ("div", null, {
+        class: {
+          "transition-all absolute flex inset-0 w-full h-full z-10 backdrop-blur-xl rounded-lg opacity-0 hover:opacity-100": true
+        }
+      }, /* @__PURE__ */ _jsxC(Slot, {
+        name: "blur",
+        [_IMMUTABLE]: {
+          name: _IMMUTABLE
+        }
+      }, 3, "OW_0"), 1, "OW_1"),
+      /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_2"),
       props1.href && /* @__PURE__ */ _jsxQ("a", {
         href: _wrapSignal(props1, "href")
       }, {
         class: "absolute inset-0"
-      }, null, 3, "OW_1"),
+      }, null, 3, "OW_3"),
       props.blobs && /* @__PURE__ */ _jsxC(Blobs, {
         get color() {
           return props.color ?? "darkgray";
@@ -551,9 +561,9 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           ], 'p0.color??"darkgray"'),
           class: _IMMUTABLE
         }
-      }, 3, "OW_2")
+      }, 3, "OW_4")
     ]
-  }, null, 0, "OW_3");
+  }, null, 0, "OW_5");
 }, "Card_component_DlkkcTEVka4"));
 const InputColorClasses = {
   slate: "bg-slate-700/90 border-slate-600 hover:bg-slate-600 active:bg-slate-500 focus:border-slate-300",
@@ -1420,17 +1430,42 @@ const LoadingIcon = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     ], '{borderWidth:p0.width/8,width:p0.width,height:p0.width,animation:`spin ${p0.speed??"0.6s"} ease-in-out infinite`}')
   }, 0, "1A_0");
 }, "LoadingIcon_component_QMsA9D0RcAM"));
+const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    ...props,
+    get height() {
+      return props.width;
+    },
+    children: /* @__PURE__ */ _jsxQ("path", null, {
+      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, "jn_0");
+}, "Link_component_qTbVd8bIKcc"));
 const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const props1 = _restProps(props, [
     "id",
+    "anchor",
     "loading",
     "subheader"
   ]);
   let Component = /* @__PURE__ */ _jsxC(Fragment, {
     children: /* @__PURE__ */ _jsxQ("h2", {
       class: {
-        "flex gap-2 flex-1 items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
+        "flex gap-2 flex-1 group items-center font-bold text-xl sm:text-2xl whitespace-nowrap text-white": true,
         ...props1.class
       }
     }, null, [
@@ -1444,9 +1479,24 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
             props
           ], "p0.id")
         }
-      }, 3, "dL_1")
+      }, 3, "dL_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_rVkO8eotENE")
+      }, /* @__PURE__ */ _jsxC(Link, {
+        class: "transition-all opacity-10 group-hover:opacity-100 active:scale-75",
+        width: 24,
+        [_IMMUTABLE]: {
+          class: _IMMUTABLE,
+          width: _IMMUTABLE
+        }
+      }, 3, "dL_2"), 1, "dL_3")
     ], 1, null)
-  }, 1, "dL_2");
+  }, 1, "dL_4");
   if (props.subheader)
     Component = /* @__PURE__ */ _jsxQ("div", null, {
       class: "flex flex-1 flex-col gap-1"
@@ -1457,7 +1507,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       }, _fnSignal((p0) => p0.subheader, [
         props
       ], "p0.subheader"), 3, null)
-    ], 1, "dL_3");
+    ], 1, "dL_5");
   if (props.loading !== void 0)
     Component = /* @__PURE__ */ _jsxQ("div", null, {
       class: "flex"
@@ -1476,8 +1526,8 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
         [_IMMUTABLE]: {
           width: _IMMUTABLE
         }
-      }, 3, "dL_4"), 1, null)
-    ], 1, "dL_5");
+      }, 3, "dL_6"), 1, null)
+    ], 1, "dL_7");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
 const navColorClasses = {

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

@@ -1,7 +1,7 @@
 import type { PropsOf } from '@builder.io/qwik';
 interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
     color?: keyof typeof cardColorClasses;
-    hover?: boolean | 'clickable';
+    hover?: boolean | 'clickable' | 'blur';
     href?: string;
     row?: boolean;
     blobs?: boolean;

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

@@ -4,6 +4,7 @@ interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
         [key: string]: boolean;
     };
     id?: string;
+    anchor?: boolean;
     loading?: boolean;
     subheader?: string | JSXOutput;
 }

package/lib-types/svg/Link.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../components/logos/IconProps';
+export declare const Link: import("@builder.io/qwik").Component<IconProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.16.0",
+  "version": "0.16.2",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -41,22 +41,22 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.5.2",
-    "@builder.io/qwik-city": "^1.5.2",
-    "@types/eslint": "^8.56.9",
-    "@types/node": "^20.12.7",
-    "@typescript-eslint/eslint-plugin": "^7.6.0",
-    "@typescript-eslint/parser": "^7.6.0",
+    "@builder.io/qwik": "1.5.3",
+    "@builder.io/qwik-city": "^1.5.3",
+    "@types/eslint": "^8.56.10",
+    "@types/node": "^20.12.8",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "autoprefixer": "^10.4.19",
     "chart.js": "^4.4.2",
     "eslint": "^8.57.0",
     "eslint-plugin-qwik": "latest",
-    "np": "^10.0.3",
+    "np": "^10.0.5",
     "postcss": "^8.4.38",
     "tailwindcss": "3.4.3",
     "typescript": "5.4.5",
     "undici": "*",
-    "vite": "^5.2.8",
+    "vite": "^5.2.11",
     "vite-tsconfig-paths": "^4.3.2"
   }
 }