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

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

@@ -18,26 +18,10 @@ var _hf5 = (p0, p1) => ({
 	"lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0 lum-bg hover:brightness-150": true,
 	"border-lum-accent": p0 === p1.value
 });
-var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id, class: Class, value = "#000000", colors = [
-	"#FAEDCB",
-	"#C9E4DE",
-	"#C6DEF1",
-	"#DBCDF0",
-	"#F2C6DE",
-	"#FCD05C",
-	"#5FE2C5",
-	"#4498DB",
-	"#9863E7",
-	"#E43A96",
-	"#000000",
-	"#555555",
-	"#AAAAAA",
-	"#FFFFFF"
-], onInput$, preview = "left", horizontal, showInput = true, opacity }) => {
-	const height = 150;
-	const width = height - 25;
-	const maxHue = height - 2;
-	const hsvColor = rgbToHsv(hexToRgba(value));
+var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+	const width = 125;
+	const maxHue = 148;
+	const hsvColor = rgbToHsv(hexToRgba(_rawProps.value ?? "#000000"));
 	const store = useStore({
 		hue: {
 			position: hsvColor.h * maxHue,
@@ -50,10 +34,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 		opacity: { position: hsvColor.a !== void 0 ? (1 - hsvColor.a) * maxHue : 0 },
 		bPosition: (1 - hsvColor.v) * maxHue,
 		sPosition: hsvColor.s * width,
-		value
+		value: _rawProps.value ?? "#000000"
 	});
 	const setColor = /* @__PURE__ */ inlinedQrl(async (color) => {
-		const maxHue = _captures[0], onInput$ = _captures[1], store = _captures[2], width = _captures[3];
+		const _rawProps = _captures[0], maxHue = _captures[1], store = _captures[2], width = _captures[3];
 		if (!/^#[0-9a-f]{0,8}$/i.test(color)) return;
 		const hsv = rgbToHsv(hexToRgba(color));
 		store.hue.position = hsv.h * maxHue;
@@ -66,10 +50,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 		store.sPosition = hsv.s * width;
 		store.bPosition = (1 - hsv.v) * maxHue;
 		store.value = color;
-		await onInput$?.(store.value);
+		await _rawProps.onInput$?.(store.value);
 	}, "ColorPicker_component_setColor_m9tT2MF9iI8", [
+		_rawProps,
 		maxHue,
-		onInput$,
 		store,
 		width
 	]);
@@ -89,7 +73,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 		window.addEventListener("mouseup", mouseUpListener);
 		window.addEventListener("touchend", mouseUpListener);
 	}, "ColorPicker_component_hueMouseDown_cw08gCPBKtw", [/* @__PURE__ */ inlinedQrl(async (e, hOffset) => {
-		const maxHue = _captures[0], onInput$ = _captures[1], store = _captures[2];
+		const _rawProps = _captures[0], maxHue = _captures[1], store = _captures[2];
 		const { y } = getMousePosition(e);
 		store.hue.position = clamp(maxHue - (y - hOffset), 0, maxHue);
 		const hsvColor = rgbToHsv(hexToRgba(store.value));
@@ -102,10 +86,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 			a: hsvColor.a
 		}));
 		store.value = rgbToHex(hsvToRgb(hsvColor));
-		await onInput$?.(store.value);
+		await _rawProps.onInput$?.(store.value);
 	}, "ColorPicker_component_hueChange_c0i9qwof0Yw", [
+		_rawProps,
 		maxHue,
-		onInput$,
 		store
 	])]);
 	const sbMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
@@ -124,7 +108,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 		window.addEventListener("mouseup", mouseUpListener);
 		window.addEventListener("touchend", mouseUpListener);
 	}, "ColorPicker_component_sbMouseDown_Vor71dUNt7g", [/* @__PURE__ */ inlinedQrl(async (e, hOffset) => {
-		const maxHue = _captures[0], onInput$ = _captures[1], store = _captures[2], width = _captures[3];
+		const _rawProps = _captures[0], maxHue = _captures[1], store = _captures[2], width = _captures[3];
 		const { x, y } = getMousePosition(e);
 		store.bPosition = clamp(y - hOffset.top, 0, maxHue);
 		store.sPosition = clamp(x - hOffset.left, 0, width);
@@ -136,10 +120,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 			v,
 			a: store.opacity.position !== void 0 ? 1 - store.opacity.position / maxHue : 1
 		}));
-		await onInput$?.(store.value);
+		await _rawProps.onInput$?.(store.value);
 	}, "ColorPicker_component_sbChange_NwrBaY0ccx0", [
+		_rawProps,
 		maxHue,
-		onInput$,
 		store,
 		width
 	])]);
@@ -159,26 +143,26 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 		window.addEventListener("mouseup", mouseUpListener);
 		window.addEventListener("touchend", mouseUpListener);
 	}, "ColorPicker_component_opacityMouseDown_U0p127RN2e0", [/* @__PURE__ */ inlinedQrl(async (e, hOffset) => {
-		const maxHue = _captures[0], onInput$ = _captures[1], store = _captures[2];
+		const _rawProps = _captures[0], maxHue = _captures[1], store = _captures[2];
 		const { x } = getMousePosition(e);
 		store.opacity.position = clamp(x - hOffset.left, 0, maxHue);
 		const a = 1 - store.opacity.position / maxHue;
 		const hsvColor = rgbToHsv(hexToRgba(store.value));
 		hsvColor.a = a;
 		store.value = rgbToHex(hsvToRgb(hsvColor));
-		await onInput$?.(store.value);
+		await _rawProps.onInput$?.(store.value);
 	}, "ColorPicker_component_opacityChange_WBZtDRHmnMU", [
+		_rawProps,
 		maxHue,
-		onInput$,
 		store
 	])]);
 	return /* @__PURE__ */ _jsxSorted("div", {
 		class: {
 			"lum-card touch-none p-4": true,
-			"flex-col": !horizontal,
-			...getClassObject(Class)
+			"flex-col": !_rawProps.horizontal,
+			...getClassObject(_rawProps.class)
 		},
-		id,
+		id: _wrapProp(_rawProps, "id"),
 		"q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
 			if (!el.dataset.value) return;
 			await setColor(el.dataset.value);
@@ -206,7 +190,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 			class: "absolute -bottom-2 -left-1.25 h-4 w-4 rounded-md lum-bg! bg-[#ff0000] ",
 			style: _fnSignal(_hf2, [store])
 		}, null, 3, null), 3, null)], 3, null),
-		opacity && /* @__PURE__ */ _jsxSorted("div", null, {
+		_rawProps.opacity && /* @__PURE__ */ _jsxSorted("div", null, {
 			class: "relative h-2 w-full rounded-md",
 			"q-e:mousedown": opacityMouseDown,
 			"q-e:touchstart": opacityMouseDown,
@@ -239,34 +223,49 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ id,
 			backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
 		} }, { class: "absolute -bottom-1.25 -left-1.25 h-4 w-4 rounded-md" }, null, 3, null)], 1, "Xr_0"),
 		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
-			showInput && /* @__PURE__ */ _jsxSorted("div", { class: {
+			(_rawProps.showInput ?? true) && /* @__PURE__ */ _jsxSorted("div", { class: {
 				"mb-2 flex w-37.5 border-b border-b-gray-700 pb-3": true,
-				"flex-row gap-1": preview == "left",
-				"flex-row-reverse gap-1": preview == "right",
-				"flex-col": preview == "top",
-				"flex-col-reverse": preview == "bottom"
-			} }, null, [preview != "full" && /* @__PURE__ */ _jsxSorted("div", { class: {
+				"flex-row gap-1": (_rawProps.preview ?? "left") == "left",
+				"flex-row-reverse gap-1": (_rawProps.preview ?? "left") == "right",
+				"flex-col": (_rawProps.preview ?? "left") == "top",
+				"flex-col-reverse": (_rawProps.preview ?? "left") == "bottom"
+			} }, null, [(_rawProps.preview ?? "left") != "full" && /* @__PURE__ */ _jsxSorted("div", { class: {
 				"border border-gray-700 rounded-sm": true,
-				"aspect-square h-full": preview == "left" || preview == "right",
-				"h-3 w-full": preview == "top" || preview == "bottom",
-				"rounded-b-none": preview == "top",
-				"rounded-t-none": preview == "bottom"
+				"aspect-square h-full": (_rawProps.preview ?? "left") == "left" || (_rawProps.preview ?? "left") == "right",
+				"h-3 w-full": (_rawProps.preview ?? "left") == "top" || (_rawProps.preview ?? "left") == "bottom",
+				"rounded-b-none": (_rawProps.preview ?? "left") == "top",
+				"rounded-t-none": (_rawProps.preview ?? "left") == "bottom"
 			} }, { style: _fnSignal(_hf4, [store]) }, null, 3, "Xr_1"), /* @__PURE__ */ _jsxSorted("input", {
 				class: {
 					"lum-input w-full p-1 text-xs rounded-sm": true,
-					"rounded-t-none border-t-0": preview == "top",
-					"rounded-b-none border-b-0": preview == "bottom"
+					"rounded-t-none border-t-0": (_rawProps.preview ?? "left") == "top",
+					"rounded-b-none border-b-0": (_rawProps.preview ?? "left") == "bottom"
 				},
 				"q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
 					await setColor(el.value);
 				}, "ColorPicker_component_div_div_div_input_q_e_input_ExKkgH2ke0g"),
 				"q:p": setColor,
-				style: preview == "full" ? {
+				style: (_rawProps.preview ?? "left") == "full" ? {
 					backgroundColor: `${store.value}`,
 					color: getBrightness(hexToRgba(store.value)) > .5 ? "black" : "white"
 				} : {}
 			}, { value: _wrapProp(store) }, null, 6, null)], 1, "Xr_2"),
-			colors.map((color, i) => {
+			(_rawProps.colors ?? [
+				"#FAEDCB",
+				"#C9E4DE",
+				"#C6DEF1",
+				"#DBCDF0",
+				"#F2C6DE",
+				"#FCD05C",
+				"#5FE2C5",
+				"#4498DB",
+				"#9863E7",
+				"#E43A96",
+				"#000000",
+				"#555555",
+				"#AAAAAA",
+				"#FFFFFF"
+			]).map((color, i) => {
 				const qrl_4294901768 = /* @__PURE__ */ inlinedQrl(async (_, _1, color) => {
 					const setColor = _captures[0];
 					await setColor(color);

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

@@ -2,18 +2,23 @@ const require_functions = require("../functions.qwik.cjs");
 const require_ChevronDown = require("../../svg/ChevronDown.qwik.cjs");
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/Dropdown.tsx
-var Dropdown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ class: Class, hover, opened, ...props }) => {
+var Dropdown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
+		"class",
+		"hover",
+		"opened"
+	]);
 	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("button", {
 		type: "button",
 		class: {
 			"group lum-btn": true,
-			...require_functions.getClassObject(Class)
+			...require_functions.getClassObject(_rawProps.class)
 		},
 		...(0, _qwik_dev_core._getVarProps)(props)
 	}, (0, _qwik_dev_core._getConstProps)(props), [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_ChevronDown.ChevronDown, { class: {
 		"ease-out motion-safe:transition-transform": true,
-		"rotate-180 transform": opened,
-		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
+		"rotate-180 transform": _rawProps.opened,
+		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,
 		"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
 	} }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
 }, "Dropdown_component_uFQ6p5skpCY"));

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

@@ -1,19 +1,24 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
-import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/components/elements/Dropdown.tsx
-var Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ class: Class, hover, opened, ...props }) => {
+var Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+	const props = _restProps(_rawProps, [
+		"class",
+		"hover",
+		"opened"
+	]);
 	return /* @__PURE__ */ _jsxSplit("button", {
 		type: "button",
 		class: {
 			"group lum-btn": true,
-			...getClassObject(Class)
+			...getClassObject(_rawProps.class)
 		},
 		..._getVarProps(props)
 	}, _getConstProps(props), [/* @__PURE__ */ _jsxSorted("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ _jsxSorted(ChevronDown, { class: {
 		"ease-out motion-safe:transition-transform": true,
-		"rotate-180 transform": opened,
-		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
+		"rotate-180 transform": _rawProps.opened,
+		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,
 		"focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
 	} }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
 }, "Dropdown_component_uFQ6p5skpCY"));

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

@@ -2,61 +2,71 @@ const require_functions = require("../functions.qwik.cjs");
 const require_Menu = require("../../svg/Menu.qwik.cjs");
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/Nav.tsx
-var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+var _hf0 = (p0) => ({
+	"lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2": true,
+	"nav-ignore-dismiss": p0.value
+});
+var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
+		"fixed",
+		"floating",
+		"noblur",
+		"nohamburger",
+		"nodismiss",
+		"class",
+		"colorClass"
+	]);
 	const menu = (0, _qwik_dev_core.useSignal)(false);
-	(0, _qwik_dev_core.useTaskQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ track }) => {
-		const menu = _qwik_dev_core._captures[0], nodismiss = _qwik_dev_core._captures[1];
-		track(() => menu.value);
-		if (menu.value && !nodismiss) {
-			const onClick = (e) => {
-				let el = e.target;
-				while (el) {
-					if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
-					el = el.parentElement;
-				}
-				menu.value = false;
-				window.removeEventListener("click", onClick);
-			};
-			window.addEventListener("click", onClick);
-		}
-	}, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
 	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("nav", {
 		...(0, _qwik_dev_core._getVarProps)(props),
 		...(0, _qwik_dev_core._getConstProps)(props),
 		class: {
 			"top-0 left-0 z-50 flex w-full flex-col": true,
-			fixed,
-			absolute: !fixed,
-			...require_functions.getClassObject(Class)
+			fixed: _rawProps.fixed,
+			absolute: !_rawProps.fixed,
+			...require_functions.getClassObject(_rawProps.class)
 		}
-	}, null, [!nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+	}, null, [!_rawProps.nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 		"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-		"w-[calc(100%-(--spacing(8)))] mx-4": floating,
-		"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
+		"w-[calc(100%-(--spacing(8)))] mx-4": _rawProps.floating,
+		"w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
 		"mt-2": menu.value,
 		"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-		"backdrop-blur-lg": !noblur,
-		...require_functions.getClassObject(colorClass)
+		"backdrop-blur-lg": !_rawProps.noblur,
+		...require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
 	} }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
-		...require_functions.getClassObject(colorClass),
-		"border-x-0! border-t-0!": !floating,
-		"backdrop-blur-lg": !noblur && !floating,
-		"relative mx-2 mt-2": floating
+		...!_rawProps.floating ? require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg") : {},
+		"border-x-0! border-t-0!": !_rawProps.floating,
+		"backdrop-blur-lg": !_rawProps.noblur && !_rawProps.floating,
+		"relative mx-2 mt-2": _rawProps.floating
 	} }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 		"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-		...require_functions.getClassObject(colorClass),
-		"rounded-lum border": floating,
-		"backdrop-blur-lg": !noblur && floating
+		..._rawProps.floating ? require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg") : {},
+		"rounded-lum border": _rawProps.floating,
+		"backdrop-blur-lg": !_rawProps.noblur && _rawProps.floating
 	} }, null, [
 		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-start gap-2 py-2" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "start" }, null, 3, "03_2"), 1, null),
 		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-center gap-2 py-2" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "center" }, null, 3, "03_3"), 1, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "end" }, null, 3, "03_4"), !nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
-			"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
-			"q:p": menu
+		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "end" }, null, 3, "03_4"), !_rawProps.nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
+			"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, _rawProps, menu) => {
+				menu.value = !menu.value;
+				if (_rawProps.nodismiss) return;
+				function onClick(e) {
+					if (menu.value == false) return window.removeEventListener("click", onClick);
+					let el = e.target;
+					while (el) {
+						if (el.classList.contains("nav-ignore-dismiss")) return;
+						el = el.parentElement;
+					}
+					menu.value = false;
+				}
+				if (menu.value) window.addEventListener("click", onClick);
+			}, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
+			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
+			class: (0, _qwik_dev_core._fnSignal)(_hf0, [menu])
 		}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
 	], 1, null), 1, null)], 0, "03_7");
 }, "Nav_component_GVA94DyavJM"));

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

@@ -1,62 +1,72 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { Menu } from "../../svg/Menu.qwik.mjs";
-import { Slot, _captures, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
+import { Slot, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
 //#region src/components/elements/Nav.tsx
-var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+var _hf0 = (p0) => ({
+	"lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2": true,
+	"nav-ignore-dismiss": p0.value
+});
+var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+	const props = _restProps(_rawProps, [
+		"fixed",
+		"floating",
+		"noblur",
+		"nohamburger",
+		"nodismiss",
+		"class",
+		"colorClass"
+	]);
 	const menu = useSignal(false);
-	useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-		const menu = _captures[0], nodismiss = _captures[1];
-		track(() => menu.value);
-		if (menu.value && !nodismiss) {
-			const onClick = (e) => {
-				let el = e.target;
-				while (el) {
-					if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
-					el = el.parentElement;
-				}
-				menu.value = false;
-				window.removeEventListener("click", onClick);
-			};
-			window.addEventListener("click", onClick);
-		}
-	}, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
 	return /* @__PURE__ */ _jsxSplit("nav", {
 		..._getVarProps(props),
 		..._getConstProps(props),
 		class: {
 			"top-0 left-0 z-50 flex w-full flex-col": true,
-			fixed,
-			absolute: !fixed,
-			...getClassObject(Class)
+			fixed: _rawProps.fixed,
+			absolute: !_rawProps.fixed,
+			...getClassObject(_rawProps.class)
 		}
-	}, null, [!nohamburger && /* @__PURE__ */ _jsxSorted("div", { class: {
+	}, null, [!_rawProps.nohamburger && /* @__PURE__ */ _jsxSorted("div", { class: {
 		"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-		"w-[calc(100%-(--spacing(8)))] mx-4": floating,
-		"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
+		"w-[calc(100%-(--spacing(8)))] mx-4": _rawProps.floating,
+		"w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
 		"mt-2": menu.value,
 		"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-		"backdrop-blur-lg": !noblur,
-		...getClassObject(colorClass)
+		"backdrop-blur-lg": !_rawProps.noblur,
+		...getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
 	} }, null, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ _jsxSorted("div", { class: {
-		...getClassObject(colorClass),
-		"border-x-0! border-t-0!": !floating,
-		"backdrop-blur-lg": !noblur && !floating,
-		"relative mx-2 mt-2": floating
+		...!_rawProps.floating ? getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg") : {},
+		"border-x-0! border-t-0!": !_rawProps.floating,
+		"backdrop-blur-lg": !_rawProps.noblur && !_rawProps.floating,
+		"relative mx-2 mt-2": _rawProps.floating
 	} }, null, /* @__PURE__ */ _jsxSorted("div", { class: {
 		"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-		...getClassObject(colorClass),
-		"rounded-lum border": floating,
-		"backdrop-blur-lg": !noblur && floating
+		..._rawProps.floating ? getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg") : {},
+		"rounded-lum border": _rawProps.floating,
+		"backdrop-blur-lg": !_rawProps.noblur && _rawProps.floating
 	} }, null, [
 		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-start gap-2 py-2" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "start" }, null, 3, "03_2"), 1, null),
 		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-center gap-2 py-2" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "center" }, null, 3, "03_3"), 1, null),
-		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ _jsxSorted(Slot, null, { name: "end" }, null, 3, "03_4"), !nohamburger && /* @__PURE__ */ _jsxSorted("button", {
-			"q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
-			"q:p": menu
+		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-1 items-center justify-end gap-2 py-2" }, [/* @__PURE__ */ _jsxSorted(Slot, null, { name: "end" }, null, 3, "03_4"), !_rawProps.nohamburger && /* @__PURE__ */ _jsxSorted("button", {
+			"q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, _rawProps, menu) => {
+				menu.value = !menu.value;
+				if (_rawProps.nodismiss) return;
+				function onClick(e) {
+					if (menu.value == false) return window.removeEventListener("click", onClick);
+					let el = e.target;
+					while (el) {
+						if (el.classList.contains("nav-ignore-dismiss")) return;
+						el = el.parentElement;
+					}
+					menu.value = false;
+				}
+				if (menu.value) window.addEventListener("click", onClick);
+			}, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
+			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
+			class: _fnSignal(_hf0, [menu])
 		}, /* @__PURE__ */ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
 	], 1, null), 1, null)], 0, "03_7");
 }, "Nav_component_GVA94DyavJM"));

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

@@ -3,9 +3,19 @@ const require_Plus = require("../../svg/Plus.qwik.cjs");
 const require_Minus = require("../../svg/Minus.qwik.cjs");
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/NumberInput.tsx
-var _hf0 = (p0, p1) => p0.min ? p1 <= p0.min : false;
-var _hf1 = (p0, p1) => p0.max ? p1 >= p0.max : false;
-var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ input, class: Class, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
+var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
+var _hf1 = (p0) => p0.value ?? 0;
+var _hf2 = (p0) => p0.step ?? 1;
+var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
+var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
+		"input",
+		"class",
+		"onDecrement$",
+		"onIncrement$",
+		"value",
+		"step"
+	]);
 	(0, _qwik_dev_core.useStylesQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(`
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
@@ -18,37 +28,37 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
   `, "NumberInput_component_useStyles_9gV0k9qgkUU"));
 	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
 		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
-			disabled: (0, _qwik_dev_core._fnSignal)(_hf0, [props, value]),
-			"q-e:click": input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
-				const onDecrement$ = _qwik_dev_core._captures[0];
+			disabled: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps, props]),
+			"q-e:click": _rawProps.input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
+				const _rawProps = _qwik_dev_core._captures[0];
 				const siblingInput = element.nextElementSibling;
 				siblingInput.stepDown();
-				await onDecrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [onDecrement$]) : onDecrement$
+				await _rawProps.onDecrement$?.(event, element, siblingInput);
+			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-r-sm": true },
 			"data-action": "decrement",
 			"aria-label": "Decrement"
 		}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Minus.Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
-		input && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
+		_rawProps.input && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
 			...(0, _qwik_dev_core._getVarProps)(props),
 			...(0, _qwik_dev_core._getConstProps)(props),
-			value,
-			step,
+			value: (0, _qwik_dev_core._fnSignal)(_hf1, [_rawProps]),
+			step: (0, _qwik_dev_core._fnSignal)(_hf2, [_rawProps]),
 			class: {
 				"lum-input text-center rounded-sm lum-input-p-1": true,
-				...require_functions.getClassObject(Class)
+				...require_functions.getClassObject(_rawProps.class)
 			}
 		}, { type: "number" }, null, 0, "kR_1"),
 		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
-			disabled: (0, _qwik_dev_core._fnSignal)(_hf1, [props, value]),
-			"q-e:click": input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
-				const onIncrement$ = _qwik_dev_core._captures[0];
+			disabled: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps, props]),
+			"q-e:click": _rawProps.input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
+				const _rawProps = _qwik_dev_core._captures[0];
 				const siblingInput = element.previousElementSibling;
 				siblingInput.stepUp();
-				await onIncrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [onIncrement$]) : onIncrement$
+				await _rawProps.onIncrement$?.(event, element, siblingInput);
+			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-l-sm": true },

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

@@ -1,11 +1,21 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { Plus } from "../../svg/Plus.qwik.mjs";
 import { Minus } from "../../svg/Minus.qwik.mjs";
-import { _captures, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
+import { _captures, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
 //#region src/components/elements/NumberInput.tsx
-var _hf0 = (p0, p1) => p0.min ? p1 <= p0.min : false;
-var _hf1 = (p0, p1) => p0.max ? p1 >= p0.max : false;
-var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ input, class: Class, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
+var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
+var _hf1 = (p0) => p0.value ?? 0;
+var _hf2 = (p0) => p0.step ?? 1;
+var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
+var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+	const props = _restProps(_rawProps, [
+		"input",
+		"class",
+		"onDecrement$",
+		"onIncrement$",
+		"value",
+		"step"
+	]);
 	useStylesQrl(/* @__PURE__ */ inlinedQrl(`
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
@@ -18,37 +28,37 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ inp
   `, "NumberInput_component_useStyles_9gV0k9qgkUU"));
 	return /* @__PURE__ */ _jsxSorted("div", null, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
 		/* @__PURE__ */ _jsxSorted("button", {
-			disabled: _fnSignal(_hf0, [props, value]),
-			"q-e:click": input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
-				const onDecrement$ = _captures[0];
+			disabled: _fnSignal(_hf0, [_rawProps, props]),
+			"q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
+				const _rawProps = _captures[0];
 				const siblingInput = element.nextElementSibling;
 				siblingInput.stepDown();
-				await onDecrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [onDecrement$]) : onDecrement$
+				await _rawProps.onDecrement$?.(event, element, siblingInput);
+			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-r-sm": true },
 			"data-action": "decrement",
 			"aria-label": "Decrement"
 		}, /* @__PURE__ */ _jsxSorted(Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
-		input && /* @__PURE__ */ _jsxSplit("input", {
+		_rawProps.input && /* @__PURE__ */ _jsxSplit("input", {
 			..._getVarProps(props),
 			..._getConstProps(props),
-			value,
-			step,
+			value: _fnSignal(_hf1, [_rawProps]),
+			step: _fnSignal(_hf2, [_rawProps]),
 			class: {
 				"lum-input text-center rounded-sm lum-input-p-1": true,
-				...getClassObject(Class)
+				...getClassObject(_rawProps.class)
 			}
 		}, { type: "number" }, null, 0, "kR_1"),
 		/* @__PURE__ */ _jsxSorted("button", {
-			disabled: _fnSignal(_hf1, [props, value]),
-			"q-e:click": input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
-				const onIncrement$ = _captures[0];
+			disabled: _fnSignal(_hf3, [_rawProps, props]),
+			"q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
+				const _rawProps = _captures[0];
 				const siblingInput = element.previousElementSibling;
 				siblingInput.stepUp();
-				await onIncrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [onIncrement$]) : onIncrement$
+				await _rawProps.onIncrement$?.(event, element, siblingInput);
+			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-l-sm": true },