@luminescent/ui 0.2.2 → 0.2.3

package/lib/index.qwik.cjs

@@ -222,6 +222,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
   const props1 = qwik._restProps(props, [
     "color",
     "hoverable",
+    "href",
     "row",
     "blobs"
   ]);
@@ -234,6 +235,12 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         "p-8": true
       }
     }, [
+      props.href && /* @__PURE__ */ qwik._jsxQ("a", null, {
+        class: "absolute inset-0 z-20",
+        href: qwik._fnSignal((p0) => p0.href, [
+          props
+        ], "p0.href")
+      }, null, 3, "OW_0"),
       /* @__PURE__ */ qwik._jsxQ("div", null, {
         class: "relative z-10"
       }, /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -244,7 +251,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
         }), [
           props
         ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
-      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"), 1, null), 1, null),
+      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_1"), 1, null), 1, null),
       props.blobs && /* @__PURE__ */ qwik._jsxQ("div", null, {
         class: "absolute -z-10 inset-0 w-full h-full transition-all overflow-clip",
         style: {
@@ -274,7 +281,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
             [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
           }
         }, null, null, 3, null)
-      ], 1, "OW_1")
+      ], 1, "OW_2")
     ], 1, null),
     class: {
       "flex-1 relative border rounded-lg group transition-all": true,
@@ -284,7 +291,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       "hover:shadow-lg cursor-pointer": button,
       ...props1.class
     }
-  }, null, 0, "OW_2");
+  }, null, 0, "OW_3");
 }, "Card_component_DlkkcTEVka4"));
 const CardHeader = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
@@ -300,7 +307,7 @@ const CardHeader = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
           props
         ], "p0.id")
       }
-    }, 3, "OW_3"),
+    }, 3, "OW_4"),
     /* @__PURE__ */ qwik._jsxQ("div", null, {
       class: "flex flex-1"
     }, /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -308,13 +315,13 @@ const CardHeader = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
     }, [
       /* @__PURE__ */ qwik._jsxQ("div", null, {
         class: "flex items-center gap-3"
-      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_4"), 1, null),
+      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_5"), 1, null),
       /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
         name: "subheader",
         [qwik._IMMUTABLE]: {
           name: qwik._IMMUTABLE
         }
-      }, 3, "OW_5")
+      }, 3, "OW_6")
     ], 1, null), 1, null),
     (props.loading ?? false) && /* @__PURE__ */ qwik._jsxQ("div", null, {
       class: qwik._fnSignal((p0) => ({
@@ -333,8 +340,8 @@ const CardHeader = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
         class: qwik._IMMUTABLE,
         width: qwik._IMMUTABLE
       }
-    }, 3, "OW_6"), 1, "OW_7")
-  ], 1, "OW_8");
+    }, 3, "OW_7"), 1, "OW_8")
+  ], 1, "OW_9");
 }, "CardHeader_component_2xQZ6Uv7R4A"));
 const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxQ("div", null, {

package/lib/index.qwik.mjs

@@ -220,6 +220,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   const props1 = _restProps(props, [
     "color",
     "hoverable",
+    "href",
     "row",
     "blobs"
   ]);
@@ -232,6 +233,12 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         "p-8": true
       }
     }, [
+      props.href && /* @__PURE__ */ _jsxQ("a", null, {
+        class: "absolute inset-0 z-20",
+        href: _fnSignal((p0) => p0.href, [
+          props
+        ], "p0.href")
+      }, null, 3, "OW_0"),
       /* @__PURE__ */ _jsxQ("div", null, {
         class: "relative z-10"
       }, /* @__PURE__ */ _jsxQ("div", null, {
@@ -242,7 +249,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         }), [
           props
         ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
-      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"), 1, null), 1, null),
+      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_1"), 1, null), 1, null),
       props.blobs && /* @__PURE__ */ _jsxQ("div", null, {
         class: "absolute -z-10 inset-0 w-full h-full transition-all overflow-clip",
         style: {
@@ -272,7 +279,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
             [cardColorClasses[props.color ?? "darkgray"].blobs[2]]: true
           }
         }, null, null, 3, null)
-      ], 1, "OW_1")
+      ], 1, "OW_2")
     ], 1, null),
     class: {
       "flex-1 relative border rounded-lg group transition-all": true,
@@ -282,7 +289,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       "hover:shadow-lg cursor-pointer": button,
       ...props1.class
     }
-  }, null, 0, "OW_2");
+  }, null, 0, "OW_3");
 }, "Card_component_DlkkcTEVka4"));
 const CardHeader = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
@@ -298,7 +305,7 @@ const CardHeader = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
           props
         ], "p0.id")
       }
-    }, 3, "OW_3"),
+    }, 3, "OW_4"),
     /* @__PURE__ */ _jsxQ("div", null, {
       class: "flex flex-1"
     }, /* @__PURE__ */ _jsxQ("div", null, {
@@ -306,13 +313,13 @@ const CardHeader = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     }, [
       /* @__PURE__ */ _jsxQ("div", null, {
         class: "flex items-center gap-3"
-      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_4"), 1, null),
+      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_5"), 1, null),
       /* @__PURE__ */ _jsxC(Slot, {
         name: "subheader",
         [_IMMUTABLE]: {
           name: _IMMUTABLE
         }
-      }, 3, "OW_5")
+      }, 3, "OW_6")
     ], 1, null), 1, null),
     (props.loading ?? false) && /* @__PURE__ */ _jsxQ("div", null, {
       class: _fnSignal((p0) => ({
@@ -331,8 +338,8 @@ const CardHeader = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
         class: _IMMUTABLE,
         width: _IMMUTABLE
       }
-    }, 3, "OW_6"), 1, "OW_7")
-  ], 1, "OW_8");
+    }, 3, "OW_7"), 1, "OW_8")
+  ], 1, "OW_9");
 }, "CardHeader_component_2xQZ6Uv7R4A"));
 const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxQ("div", null, {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",