@luminescent/ui 0.2.1 → 0.2.3

package/lib/index.qwik.cjs

@@ -3,6 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const qwik = require("@builder.io/qwik");
 const build = require("@builder.io/qwik/build");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const Anchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => /* @__PURE__ */ qwik._jsxQ("span", null, {
+  class: "block h-32 -mt-32",
+  id: qwik._fnSignal((p0) => p0.id, [
+    props
+  ], "p0.id")
+}, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
 const buttonColorClasses = {
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 focus:bg-blue-500",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 focus:bg-purple-500",
@@ -81,12 +87,6 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
     xmlns: "http://www.w3.org/2000/svg"
   }, 0, "XP_0");
 }, "LoadingIcon_component_iXFSRNToIus"));
-const Anchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => /* @__PURE__ */ qwik._jsxQ("span", null, {
-  class: "block h-32 -mt-32",
-  id: qwik._fnSignal((p0) => p0.id, [
-    props
-  ], "p0.id")
-}, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
 const cardColorClasses = {
   pink: {
     card: {
@@ -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, {
@@ -1583,6 +1590,7 @@ const LogoWaterfall = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     viewBox: "0 0 24 24"
   }, 0, "Pt_0");
 }, "LogoWaterfall_component_1hFl8GlECLI"));
+exports.Anchor = Anchor;
 exports.Button = Button;
 exports.ButtonAnchor = ButtonAnchor;
 exports.Card = Card;

package/lib/index.qwik.mjs

@@ -1,6 +1,12 @@
-import { componentQrl, inlinedQrl, _restProps, _jsxS, _jsxC, Slot, _jsxQ, _fnSignal, _jsxBranch, _IMMUTABLE, useStore, _wrapSignal, useLexicalScope } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _IMMUTABLE, useStore, _wrapSignal, useLexicalScope } from "@builder.io/qwik";
 import { isServer } from "@builder.io/qwik/build";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
+const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
+  class: "block h-32 -mt-32",
+  id: _fnSignal((p0) => p0.id, [
+    props
+  ], "p0.id")
+}, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
 const buttonColorClasses = {
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 focus:bg-blue-500",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 focus:bg-purple-500",
@@ -79,12 +85,6 @@ const LoadingIcon = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     xmlns: "http://www.w3.org/2000/svg"
   }, 0, "XP_0");
 }, "LoadingIcon_component_iXFSRNToIus"));
-const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
-  class: "block h-32 -mt-32",
-  id: _fnSignal((p0) => p0.id, [
-    props
-  ], "p0.id")
-}, null, 3, "Oa_0"), "Anchor_component_O7y4zyaazA0"));
 const cardColorClasses = {
   pink: {
     card: {
@@ -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, {
@@ -1582,6 +1589,7 @@ const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
   }, 0, "Pt_0");
 }, "LogoWaterfall_component_1hFl8GlECLI"));
 export {
+  Anchor,
   Button,
   ButtonAnchor,
   Card,

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/lib-types/components/elements.d.ts

@@ -1,3 +1,4 @@
+export * from './elements/Anchor';
 export * from './elements/Button';
 export * from './elements/Card';
 export * from './elements/ColorInput';

package/package.json

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