@luminescent/ui-qwik 6.8.3-2 → 7.0.0-0

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

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

package/lib/components/elements/Anchor.qwik.cjs

@@ -1,26 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Link = require("../../svg/Link.qwik.cjs");
-const Anchor = core.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-  ...props,
-  class: {
-    "group flex items-center gap-2 scroll-mt-32": true,
-    ...props.class
-  },
-  children: [
-    /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {}),
-    id && /* @__PURE__ */ jsxRuntime.jsx("a", {
-      href: `#${id}`,
-      onClick$: async () => {
-        await navigator.clipboard.writeText(window.location.href);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(Link.Link, {
-        class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
-        size: 20
-      })
-    })
-  ]
-}));
+const require_Link = require("../../svg/Link.qwik.cjs");
+const require_functions = require("../functions.qwik.cjs");
+let _qwik_dev_core = require("@qwik.dev/core");
+//#region src/components/elements/Anchor.tsx
+var Anchor = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ id, class: Class, ...props }) => /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
+	...(0, _qwik_dev_core._getVarProps)(props),
+	...(0, _qwik_dev_core._getConstProps)(props),
+	class: {
+		"group flex items-center gap-2 scroll-mt-32": true,
+		...require_functions.getClassObject(Class)
+	}
+}, null, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "mN_0"), id && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("a", {
+	href: `#${id}`,
+	"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async () => {
+		await navigator.clipboard.writeText(window.location.href);
+	}, "Anchor_component_div_a_q_e_click_p2vKymvG8LM")
+}, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Link.Link, null, {
+	class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
+	size: 20
+}, null, 3, "mN_1"), 0, "mN_2")], 0, "mN_3"), "Anchor_component_dUkqs0yGHwc"));
+//#endregion
 exports.Anchor = Anchor;

package/lib/components/elements/Anchor.qwik.mjs

@@ -1,26 +1,22 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, Slot } from "@qwik.dev/core";
 import { Link } from "../../svg/Link.qwik.mjs";
-const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
-  ...props,
-  class: {
-    "group flex items-center gap-2 scroll-mt-32": true,
-    ...props.class
-  },
-  children: [
-    /* @__PURE__ */ jsx(Slot, {}),
-    id && /* @__PURE__ */ jsx("a", {
-      href: `#${id}`,
-      onClick$: async () => {
-        await navigator.clipboard.writeText(window.location.href);
-      },
-      children: /* @__PURE__ */ jsx(Link, {
-        class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
-        size: 20
-      })
-    })
-  ]
-}));
-export {
-  Anchor
-};
+import { getClassObject } from "../functions.qwik.mjs";
+import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/components/elements/Anchor.tsx
+var Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id, class: Class, ...props }) => /* @__PURE__ */ _jsxSplit("div", {
+	..._getVarProps(props),
+	..._getConstProps(props),
+	class: {
+		"group flex items-center gap-2 scroll-mt-32": true,
+		...getClassObject(Class)
+	}
+}, null, [/* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "mN_0"), id && /* @__PURE__ */ _jsxSorted("a", {
+	href: `#${id}`,
+	"q-e:click": /* @__PURE__ */ inlinedQrl(async () => {
+		await navigator.clipboard.writeText(window.location.href);
+	}, "Anchor_component_div_a_q_e_click_p2vKymvG8LM")
+}, null, /* @__PURE__ */ _jsxSorted(Link, null, {
+	class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
+	size: 20
+}, null, 3, "mN_1"), 0, "mN_2")], 0, "mN_3"), "Anchor_component_dUkqs0yGHwc"));
+//#endregion
+export { Anchor };

package/lib/components/elements/Blobs.d.ts

@@ -1,11 +1,10 @@
+import { ClassList } from '@qwik.dev/core';
 export interface BlobProps {
-    class?: {
-        [key: string]: boolean;
-    };
+    class?: ClassList;
     style?: {
         [key: string]: string | number;
     };
-    color?: keyof typeof blobColorClasses | [string, string, string];
+    color?: keyof typeof blobColorClasses | [ClassList, ClassList, ClassList];
     blur?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 }
 export declare const blobColorClasses: {

package/lib/components/elements/Blobs.qwik.cjs

@@ -1,191 +1,185 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const blobColorClasses = {
-  slate: [
-    "bg-slate-400",
-    "bg-slate-500",
-    "bg-slate-600"
-  ],
-  gray: [
-    "bg-gray-400",
-    "bg-gray-500",
-    "bg-gray-600"
-  ],
-  darkgray: [
-    "bg-gray-500",
-    "bg-gray-600",
-    "bg-gray-700"
-  ],
-  darkergray: [
-    "bg-gray-600",
-    "bg-gray-700",
-    "bg-gray-800"
-  ],
-  zinc: [
-    "bg-zinc-400",
-    "bg-zinc-500",
-    "bg-zinc-600"
-  ],
-  neutral: [
-    "bg-neutral-400",
-    "bg-neutral-500",
-    "bg-neutral-600"
-  ],
-  stone: [
-    "bg-stone-400",
-    "bg-stone-500",
-    "bg-stone-600"
-  ],
-  red: [
-    "bg-red-400",
-    "bg-red-500",
-    "bg-red-600"
-  ],
-  orange: [
-    "bg-orange-400",
-    "bg-orange-500",
-    "bg-orange-600"
-  ],
-  amber: [
-    "bg-amber-400",
-    "bg-amber-500",
-    "bg-amber-600"
-  ],
-  yellow: [
-    "bg-yellow-400",
-    "bg-yellow-500",
-    "bg-yellow-600"
-  ],
-  lime: [
-    "bg-lime-400",
-    "bg-lime-500",
-    "bg-lime-600"
-  ],
-  green: [
-    "bg-green-400",
-    "bg-green-500",
-    "bg-green-600"
-  ],
-  emerald: [
-    "bg-emerald-400",
-    "bg-emerald-500",
-    "bg-emerald-600"
-  ],
-  teal: [
-    "bg-teal-400",
-    "bg-teal-500",
-    "bg-teal-600"
-  ],
-  cyan: [
-    "bg-cyan-400",
-    "bg-cyan-500",
-    "bg-cyan-600"
-  ],
-  sky: [
-    "bg-sky-400",
-    "bg-sky-500",
-    "bg-sky-600"
-  ],
-  blue: [
-    "bg-blue-400",
-    "bg-blue-500",
-    "bg-blue-600"
-  ],
-  indigo: [
-    "bg-indigo-400",
-    "bg-indigo-500",
-    "bg-indigo-600"
-  ],
-  violet: [
-    "bg-violet-400",
-    "bg-violet-500",
-    "bg-violet-600"
-  ],
-  purple: [
-    "bg-purple-400",
-    "bg-purple-500",
-    "bg-purple-600"
-  ],
-  fuchsia: [
-    "bg-fuchsia-400",
-    "bg-fuchsia-500",
-    "bg-fuchsia-600"
-  ],
-  pink: [
-    "bg-pink-400",
-    "bg-pink-500",
-    "bg-pink-600"
-  ],
-  rose: [
-    "bg-rose-400",
-    "bg-rose-500",
-    "bg-rose-600"
-  ]
+const require_functions = require("../functions.qwik.cjs");
+let _qwik_dev_core = require("@qwik.dev/core");
+//#region src/components/elements/Blobs.tsx
+var _hf0 = (p0) => ({
+	containerType: "size",
+	...p0.style
+});
+var blobColorClasses = {
+	slate: [
+		"bg-slate-400",
+		"bg-slate-500",
+		"bg-slate-600"
+	],
+	gray: [
+		"bg-gray-400",
+		"bg-gray-500",
+		"bg-gray-600"
+	],
+	darkgray: [
+		"bg-gray-500",
+		"bg-gray-600",
+		"bg-gray-700"
+	],
+	darkergray: [
+		"bg-gray-600",
+		"bg-gray-700",
+		"bg-gray-800"
+	],
+	zinc: [
+		"bg-zinc-400",
+		"bg-zinc-500",
+		"bg-zinc-600"
+	],
+	neutral: [
+		"bg-neutral-400",
+		"bg-neutral-500",
+		"bg-neutral-600"
+	],
+	stone: [
+		"bg-stone-400",
+		"bg-stone-500",
+		"bg-stone-600"
+	],
+	red: [
+		"bg-red-400",
+		"bg-red-500",
+		"bg-red-600"
+	],
+	orange: [
+		"bg-orange-400",
+		"bg-orange-500",
+		"bg-orange-600"
+	],
+	amber: [
+		"bg-amber-400",
+		"bg-amber-500",
+		"bg-amber-600"
+	],
+	yellow: [
+		"bg-yellow-400",
+		"bg-yellow-500",
+		"bg-yellow-600"
+	],
+	lime: [
+		"bg-lime-400",
+		"bg-lime-500",
+		"bg-lime-600"
+	],
+	green: [
+		"bg-green-400",
+		"bg-green-500",
+		"bg-green-600"
+	],
+	emerald: [
+		"bg-emerald-400",
+		"bg-emerald-500",
+		"bg-emerald-600"
+	],
+	teal: [
+		"bg-teal-400",
+		"bg-teal-500",
+		"bg-teal-600"
+	],
+	cyan: [
+		"bg-cyan-400",
+		"bg-cyan-500",
+		"bg-cyan-600"
+	],
+	sky: [
+		"bg-sky-400",
+		"bg-sky-500",
+		"bg-sky-600"
+	],
+	blue: [
+		"bg-blue-400",
+		"bg-blue-500",
+		"bg-blue-600"
+	],
+	indigo: [
+		"bg-indigo-400",
+		"bg-indigo-500",
+		"bg-indigo-600"
+	],
+	violet: [
+		"bg-violet-400",
+		"bg-violet-500",
+		"bg-violet-600"
+	],
+	purple: [
+		"bg-purple-400",
+		"bg-purple-500",
+		"bg-purple-600"
+	],
+	fuchsia: [
+		"bg-fuchsia-400",
+		"bg-fuchsia-500",
+		"bg-fuchsia-600"
+	],
+	pink: [
+		"bg-pink-400",
+		"bg-pink-500",
+		"bg-pink-600"
+	],
+	rose: [
+		"bg-rose-400",
+		"bg-rose-500",
+		"bg-rose-600"
+	]
 };
-const blobClasses = [
-  "animate-blob",
-  "animate-blob1",
-  "animate-blob2",
-  "animate-blob3",
-  "animate-blob4",
-  "animate-blob5",
-  "animate-blob6"
+var blobClasses = [
+	"animate-blob",
+	"animate-blob1",
+	"animate-blob2",
+	"animate-blob3",
+	"animate-blob4",
+	"animate-blob5",
+	"animate-blob6"
 ];
-const Blobs = core.component$(({ color = "darkgray", blur = "xl", ...props }) => {
-  const blob = Math.round(Math.random() * 6);
-  const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: {
-      "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
-      ...props.class
-    },
-    style: {
-      containerType: "size",
-      ...props.style
-    },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: {
-          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-          "blur-xs": blur === "xs",
-          "blur-sm": blur === "sm",
-          "blur-md": blur === "md",
-          "blur-lg": blur === "lg",
-          "blur-xl": blur === "xl",
-          [blobClasses[blob]]: true,
-          [colorClass[0]]: true
-        }
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: {
-          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-          "blur-xs": blur === "xs",
-          "blur-sm": blur === "sm",
-          "blur-md": blur === "md",
-          "blur-lg": blur === "lg",
-          "blur-xl": blur === "xl",
-          "anim-delay-[-5s]": true,
-          [blobClasses[blob]]: true,
-          [colorClass[1]]: true
-        }
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: {
-          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-          "blur-xs": blur === "xs",
-          "blur-sm": blur === "sm",
-          "blur-md": blur === "md",
-          "blur-lg": blur === "lg",
-          "blur-xl": blur === "xl",
-          "anim-delay-[-10s]": true,
-          [blobClasses[blob]]: true,
-          [colorClass[2]]: true
-        }
-      })
-    ]
-  });
-});
+var Blobs = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ class: Class, color = "darkgray", blur = "xl", ...props }) => {
+	const blob = Math.round(Math.random() * 6);
+	const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
+	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", {
+		class: {
+			"animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
+			...require_functions.getClassObject(Class)
+		},
+		style: (0, _qwik_dev_core._fnSignal)(_hf0, [props])
+	}, null, [
+		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+			"blur-xs": blur === "xs",
+			"blur-sm": blur === "sm",
+			"blur-md": blur === "md",
+			"blur-lg": blur === "lg",
+			"blur-xl": blur === "xl",
+			[blobClasses[blob]]: true,
+			...require_functions.getClassObject(colorClass[0])
+		} }, null, null, 3, null),
+		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+			"blur-xs": blur === "xs",
+			"blur-sm": blur === "sm",
+			"blur-md": blur === "md",
+			"blur-lg": blur === "lg",
+			"blur-xl": blur === "xl",
+			"anim-delay-[-5s]": true,
+			[blobClasses[blob]]: true,
+			...require_functions.getClassObject(colorClass[1])
+		} }, null, null, 3, null),
+		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+			"blur-xs": blur === "xs",
+			"blur-sm": blur === "sm",
+			"blur-md": blur === "md",
+			"blur-lg": blur === "lg",
+			"blur-xl": blur === "xl",
+			"anim-delay-[-10s]": true,
+			[blobClasses[blob]]: true,
+			...require_functions.getClassObject(colorClass[2])
+		} }, null, null, 3, null)
+	], 1, "Mx_0");
+}, "Blobs_component_xCrUzl14bRQ"));
+//#endregion
 exports.Blobs = Blobs;
 exports.blobColorClasses = blobColorClasses;