@luminescent/ui 0.2.0 → 0.2.2

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",
@@ -285,12 +291,16 @@ const CardHeader = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
   return /* @__PURE__ */ qwik._jsxQ("h1", null, {
     class: "flex font-bold text-gray-100 text-2xl"
   }, [
-    props.id && /* @__PURE__ */ qwik._jsxQ("span", null, {
-      class: "block h-32 -mt-32",
-      id: qwik._fnSignal((p0) => p0.id, [
-        props
-      ], "p0.id")
-    }, null, 3, "OW_3"),
+    props.id && /* @__PURE__ */ qwik._jsxC(Anchor, {
+      get id() {
+        return props.id;
+      },
+      [qwik._IMMUTABLE]: {
+        id: qwik._fnSignal((p0) => p0.id, [
+          props
+        ], "p0.id")
+      }
+    }, 3, "OW_3"),
     /* @__PURE__ */ qwik._jsxQ("div", null, {
       class: "flex flex-1"
     }, /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1573,6 +1583,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",
@@ -283,12 +289,16 @@ const CardHeader = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
   return /* @__PURE__ */ _jsxQ("h1", null, {
     class: "flex font-bold text-gray-100 text-2xl"
   }, [
-    props.id && /* @__PURE__ */ _jsxQ("span", null, {
-      class: "block h-32 -mt-32",
-      id: _fnSignal((p0) => p0.id, [
-        props
-      ], "p0.id")
-    }, null, 3, "OW_3"),
+    props.id && /* @__PURE__ */ _jsxC(Anchor, {
+      get id() {
+        return props.id;
+      },
+      [_IMMUTABLE]: {
+        id: _fnSignal((p0) => p0.id, [
+          props
+        ], "p0.id")
+      }
+    }, 3, "OW_3"),
     /* @__PURE__ */ _jsxQ("div", null, {
       class: "flex flex-1"
     }, /* @__PURE__ */ _jsxQ("div", null, {
@@ -1572,6 +1582,7 @@ const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
   }, 0, "Pt_0");
 }, "LogoWaterfall_component_1hFl8GlECLI"));
 export {
+  Anchor,
   Button,
   ButtonAnchor,
   Card,

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

@@ -0,0 +1,5 @@
+interface AnchorProps {
+    id: string;
+}
+export declare const Anchor: import("@builder.io/qwik").Component<AnchorProps>;
+export {};

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.0",
+  "version": "0.2.2",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",