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

package/lib/assets/CggnzkAK-bundle-graph.json

@@ -0,0 +1 @@
+["../components/elements/Anchor.qwik.mjs",25,37,"../components/elements/ColorPicker.qwik.mjs",25,41,42,"../components/elements/Dropdown.qwik.mjs",25,36,"../components/elements/Label.qwik.mjs","../components/elements/Nav.qwik.mjs",25,38,"../components/elements/NumberInput.qwik.mjs",25,39,40,"../components/elements/RangeInput.qwik.mjs","../components/elements/SelectMenu.qwik.mjs",7,"../components/elements/Sidebar.qwik.mjs",25,"../components/elements/Toggle.qwik.mjs",25,"../components/functions.qwik.mjs","../index.qwik.mjs",0,3,10,11,14,18,19,21,23,"../svg/ChevronDown.qwik.mjs","../svg/Link.qwik.mjs","../svg/Menu.qwik.mjs","../svg/Minus.qwik.mjs","../svg/Plus.qwik.mjs","../svg/Shuffle.qwik.mjs","../utils/color.qwik.mjs"]

package/lib/assets/CyrvYwp8-bundle-graph.json

@@ -0,0 +1 @@
+["../components/elements/Anchor.qwik.cjs",25,37,"../components/elements/ColorPicker.qwik.cjs",25,41,42,"../components/elements/Dropdown.qwik.cjs",25,36,"../components/elements/Label.qwik.cjs","../components/elements/Nav.qwik.cjs",25,38,"../components/elements/NumberInput.qwik.cjs",25,39,40,"../components/elements/RangeInput.qwik.cjs","../components/elements/SelectMenu.qwik.cjs",7,"../components/elements/Sidebar.qwik.cjs",25,"../components/elements/Toggle.qwik.cjs",25,"../components/functions.qwik.cjs","../index.qwik.cjs",0,3,10,11,14,18,19,21,23,"../svg/ChevronDown.qwik.cjs","../svg/Link.qwik.cjs","../svg/Menu.qwik.cjs","../svg/Minus.qwik.cjs","../svg/Plus.qwik.cjs","../svg/Shuffle.qwik.cjs","../utils/color.qwik.cjs"]

package/lib/components/docs/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Anchor';
-export * from './Blobs';
 export * from './ColorPicker';
 export * from './Dropdown';
 export * from './Label';

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

@@ -2,21 +2,21 @@ 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)((_rawProps) => {
+var Anchor = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, ["id", "class"]);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
+	return /*#__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(_rawProps.class)
 		}
-	}, null, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "mN_0"), _rawProps.id && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("a", {
+	}, null, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "mN_0"), _rawProps.id && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("a", {
 		href: `#${_rawProps.id}`,
-		"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async () => {
+		"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, {
+	}, 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");

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

@@ -2,21 +2,21 @@ import { Link } from "../../svg/Link.qwik.mjs";
 import { getClassObject } from "../functions.qwik.mjs";
 import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/components/elements/Anchor.tsx
-var Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var Anchor = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, ["id", "class"]);
-	return /* @__PURE__ */ _jsxSplit("div", {
+	return /*#__PURE__*/ _jsxSplit("div", {
 		..._getVarProps(props),
 		..._getConstProps(props),
 		class: {
 			"group flex items-center gap-2 scroll-mt-32": true,
 			...getClassObject(_rawProps.class)
 		}
-	}, null, [/* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "mN_0"), _rawProps.id && /* @__PURE__ */ _jsxSorted("a", {
+	}, null, [/*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "mN_0"), _rawProps.id && /*#__PURE__*/ _jsxSorted("a", {
 		href: `#${_rawProps.id}`,
-		"q-e:click": /* @__PURE__ */ inlinedQrl(async () => {
+		"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, {
+	}, 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");

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

@@ -18,7 +18,7 @@ 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__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var ColorPicker = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const width = 125;
 	const maxHue = 148;
 	const hsvColor = require_color.rgbToHsv(require_color.hexToRgba(_rawProps.value ?? "#000000"));
@@ -36,7 +36,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		sPosition: hsvColor.s * width,
 		value: _rawProps.value ?? "#000000"
 	});
-	const setColor = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (color) => {
+	const setColor = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (color) => {
 		const _rawProps = _qwik_dev_core._captures[0], maxHue = _qwik_dev_core._captures[1], store = _qwik_dev_core._captures[2], width = _qwik_dev_core._captures[3];
 		if (!/^#[0-9a-f]{0,8}$/i.test(color)) return;
 		const hsv = require_color.rgbToHsv(require_color.hexToRgba(color));
@@ -57,7 +57,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		store,
 		width
 	]);
-	const hueMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
+	const hueMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
 		const hueChange = _qwik_dev_core._captures[0];
 		const hOffset = el.getBoundingClientRect().top;
 		await hueChange(e, hOffset);
@@ -92,7 +92,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		maxHue,
 		store
 	])]);
-	const sbMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
+	const sbMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
 		const sbChange = _qwik_dev_core._captures[0];
 		const offset = el.getBoundingClientRect();
 		await sbChange(e, offset);
@@ -127,7 +127,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		store,
 		width
 	])]);
-	const opacityMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
+	const opacityMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
 		const opacityChange = _qwik_dev_core._captures[0];
 		const offset = el.getBoundingClientRect();
 		await opacityChange(e, offset);
@@ -156,41 +156,41 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		maxHue,
 		store
 	])]);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", {
 		class: {
 			"lum-card touch-none p-4": true,
 			"flex-col": !_rawProps.horizontal,
 			...require_functions.getClassObject(_rawProps.class)
 		},
 		id: (0, _qwik_dev_core._wrapProp)(_rawProps, "id"),
-		"q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
+		"q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
 			if (!el.dataset.value) return;
 			await setColor(el.dataset.value);
 		}, "ColorPicker_component_div_q_e_input_6CeAo90QNf4"),
 		"q:p": setColor
 	}, null, [
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex gap-4" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex gap-4" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "relative h-37.5 w-31.25 rounded-md",
 			style: (0, _qwik_dev_core._fnSignal)(_hf0, [store]),
 			"q-e:mousedown": sbMouseDown,
 			"q-e:touchstart": sbMouseDown,
 			"preventdefault:mousedown": true,
 			"preventdefault:touchstart": true
-		}, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: { "absolute -top-2 -left-2 h-4 w-4 rounded-md border lum-bg drop-shadow-lg": true },
 			style: (0, _qwik_dev_core._fnSignal)(_hf1, [store])
-		}, null, 3, null)], 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		}, null, 3, null)], 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "relative h-37.5 w-2 rounded-md border border-gray-700",
 			style: { background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)" },
 			"q-e:mousedown": hueMouseDown,
 			"q-e:touchstart": hueMouseDown,
 			"preventdefault:mousedown": true,
 			"preventdefault:touchstart": true
-		}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "absolute -bottom-2 -left-1.25 h-4 w-4 rounded-md lum-bg! bg-[#ff0000] ",
 			style: (0, _qwik_dev_core._fnSignal)(_hf2, [store])
 		}, null, 3, null), 3, null)], 3, null),
-		_rawProps.opacity && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		_rawProps.opacity && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "relative h-2 w-full rounded-md",
 			"q-e:mousedown": opacityMouseDown,
 			"q-e:touchstart": opacityMouseDown,
@@ -207,10 +207,10 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 				backgroundSize: "8px 8px",
 				backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
 			}
-		}, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "alsolute inset-0 h-2 w-full rounded-md border border-gray-700",
 			style: (0, _qwik_dev_core._fnSignal)(_hf3, [store])
-		}, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { style: {
+		}, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { style: {
 			transform: `translateX(${store.opacity.position ?? 1}px)`,
 			backgroundColor: store.value,
 			backgroundImage: `
@@ -222,26 +222,26 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 			backgroundSize: "8px 8px",
 			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__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
-			(_rawProps.showInput ?? true) && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
+			(_rawProps.showInput ?? true) && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 				"mb-2 flex w-37.5 border-b border-b-gray-700 pb-3": true,
 				"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__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+			} }, null, [(_rawProps.preview ?? "left") != "full" && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 				"border border-gray-700 rounded-sm": true,
 				"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: (0, _qwik_dev_core._fnSignal)(_hf4, [store]) }, null, 3, "Xr_1"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("input", {
+			} }, { style: (0, _qwik_dev_core._fnSignal)(_hf4, [store]) }, null, 3, "Xr_1"), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("input", {
 				class: {
 					"lum-input w-full p-1 text-xs rounded-sm": true,
 					"rounded-t-none border-t-0": (_rawProps.preview ?? "left") == "top",
 					"rounded-b-none border-b-0": (_rawProps.preview ?? "left") == "bottom"
 				},
-				"q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
+				"q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
 					await setColor(el.value);
 				}, "ColorPicker_component_div_div_div_input_q_e_input_ExKkgH2ke0g"),
 				"q:p": setColor,
@@ -266,11 +266,11 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 				"#AAAAAA",
 				"#FFFFFF"
 			]).map((color, i) => {
-				const qrl_4294901768 = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, color) => {
+				const qrl_4294901768 = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, color) => {
 					const setColor = _qwik_dev_core._captures[0];
 					await setColor(color);
 				}, "ColorPicker_component_div_div_button_q_e_click_iKRo0q0pNkI", [setColor]);
-				return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
+				return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
 					class: (0, _qwik_dev_core._fnSignal)(_hf5, [color, store]),
 					name: color,
 					"q-e:click": qrl_4294901768,
@@ -278,8 +278,8 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 					style: { "--bg-color": color }
 				}, { type: "button" }, null, 6, i);
 			}),
-			/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
-				"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, setColor) => {
+			/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
+				"q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, setColor) => {
 					await setColor(`#${Math.floor(Math.random() * 16777215).toString(16)}`);
 				}, "ColorPicker_component_div_div_button_q_e_click_1_50T6z49ncA8"),
 				"q:p": setColor
@@ -287,7 +287,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 				type: "button",
 				class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
 				name: "Randomize"
-			}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Shuffle.Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
+			}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Shuffle.Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
 		], 1, null)
 	], 4, "Xr_4");
 }, "ColorPicker_component_8ldznufwKro"));

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

@@ -18,7 +18,7 @@ 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((_rawProps) => {
+var ColorPicker = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const width = 125;
 	const maxHue = 148;
 	const hsvColor = rgbToHsv(hexToRgba(_rawProps.value ?? "#000000"));
@@ -36,7 +36,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		sPosition: hsvColor.s * width,
 		value: _rawProps.value ?? "#000000"
 	});
-	const setColor = /* @__PURE__ */ inlinedQrl(async (color) => {
+	const setColor = /*#__PURE__*/ inlinedQrl(async (color) => {
 		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));
@@ -57,7 +57,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		store,
 		width
 	]);
-	const hueMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
+	const hueMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
 		const hueChange = _captures[0];
 		const hOffset = el.getBoundingClientRect().top;
 		await hueChange(e, hOffset);
@@ -92,7 +92,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		maxHue,
 		store
 	])]);
-	const sbMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
+	const sbMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
 		const sbChange = _captures[0];
 		const offset = el.getBoundingClientRect();
 		await sbChange(e, offset);
@@ -127,7 +127,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		store,
 		width
 	])]);
-	const opacityMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
+	const opacityMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
 		const opacityChange = _captures[0];
 		const offset = el.getBoundingClientRect();
 		await opacityChange(e, offset);
@@ -156,41 +156,41 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		maxHue,
 		store
 	])]);
-	return /* @__PURE__ */ _jsxSorted("div", {
+	return /*#__PURE__*/ _jsxSorted("div", {
 		class: {
 			"lum-card touch-none p-4": true,
 			"flex-col": !_rawProps.horizontal,
 			...getClassObject(_rawProps.class)
 		},
 		id: _wrapProp(_rawProps, "id"),
-		"q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
+		"q-e:input": /*#__PURE__*/ inlinedQrl(async (e, el, setColor) => {
 			if (!el.dataset.value) return;
 			await setColor(el.dataset.value);
 		}, "ColorPicker_component_div_q_e_input_6CeAo90QNf4"),
 		"q:p": setColor
 	}, null, [
-		/* @__PURE__ */ _jsxSorted("div", null, { class: "flex gap-4" }, [/* @__PURE__ */ _jsxSorted("div", null, {
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex gap-4" }, [/*#__PURE__*/ _jsxSorted("div", null, {
 			class: "relative h-37.5 w-31.25 rounded-md",
 			style: _fnSignal(_hf0, [store]),
 			"q-e:mousedown": sbMouseDown,
 			"q-e:touchstart": sbMouseDown,
 			"preventdefault:mousedown": true,
 			"preventdefault:touchstart": true
-		}, [/* @__PURE__ */ _jsxSorted("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, {
+		}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, {
 			class: { "absolute -top-2 -left-2 h-4 w-4 rounded-md border lum-bg drop-shadow-lg": true },
 			style: _fnSignal(_hf1, [store])
-		}, null, 3, null)], 3, null), /* @__PURE__ */ _jsxSorted("div", null, {
+		}, null, 3, null)], 3, null), /*#__PURE__*/ _jsxSorted("div", null, {
 			class: "relative h-37.5 w-2 rounded-md border border-gray-700",
 			style: { background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)" },
 			"q-e:mousedown": hueMouseDown,
 			"q-e:touchstart": hueMouseDown,
 			"preventdefault:mousedown": true,
 			"preventdefault:touchstart": true
-		}, /* @__PURE__ */ _jsxSorted("div", null, {
+		}, /*#__PURE__*/ _jsxSorted("div", null, {
 			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),
-		_rawProps.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,
@@ -207,10 +207,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 				backgroundSize: "8px 8px",
 				backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
 			}
-		}, [/* @__PURE__ */ _jsxSorted("div", null, {
+		}, [/*#__PURE__*/ _jsxSorted("div", null, {
 			class: "alsolute inset-0 h-2 w-full rounded-md border border-gray-700",
 			style: _fnSignal(_hf3, [store])
-		}, null, 3, null), /* @__PURE__ */ _jsxSorted("div", { style: {
+		}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", { style: {
 			transform: `translateX(${store.opacity.position ?? 1}px)`,
 			backgroundColor: store.value,
 			backgroundImage: `
@@ -222,26 +222,26 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 			backgroundSize: "8px 8px",
 			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" }, [
-			(_rawProps.showInput ?? true) && /* @__PURE__ */ _jsxSorted("div", { class: {
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
+			(_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": (_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: {
+			} }, null, [(_rawProps.preview ?? "left") != "full" && /*#__PURE__*/ _jsxSorted("div", { class: {
 				"border border-gray-700 rounded-sm": true,
 				"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", {
+			} }, { 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": (_rawProps.preview ?? "left") == "top",
 					"rounded-b-none border-b-0": (_rawProps.preview ?? "left") == "bottom"
 				},
-				"q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
+				"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,
@@ -266,11 +266,11 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 				"#AAAAAA",
 				"#FFFFFF"
 			]).map((color, i) => {
-				const qrl_4294901768 = /* @__PURE__ */ inlinedQrl(async (_, _1, color) => {
+				const qrl_4294901768 = /*#__PURE__*/ inlinedQrl(async (_, _1, color) => {
 					const setColor = _captures[0];
 					await setColor(color);
 				}, "ColorPicker_component_div_div_button_q_e_click_iKRo0q0pNkI", [setColor]);
-				return /* @__PURE__ */ _jsxSorted("button", {
+				return /*#__PURE__*/ _jsxSorted("button", {
 					class: _fnSignal(_hf5, [color, store]),
 					name: color,
 					"q-e:click": qrl_4294901768,
@@ -278,8 +278,8 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 					style: { "--bg-color": color }
 				}, { type: "button" }, null, 6, i);
 			}),
-			/* @__PURE__ */ _jsxSorted("button", {
-				"q-e:click": /* @__PURE__ */ inlinedQrl(async (_, _1, setColor) => {
+			/*#__PURE__*/ _jsxSorted("button", {
+				"q-e:click": /*#__PURE__*/ inlinedQrl(async (_, _1, setColor) => {
 					await setColor(`#${Math.floor(Math.random() * 16777215).toString(16)}`);
 				}, "ColorPicker_component_div_div_button_q_e_click_1_50T6z49ncA8"),
 				"q:p": setColor
@@ -287,7 +287,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 				type: "button",
 				class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
 				name: "Randomize"
-			}, /* @__PURE__ */ _jsxSorted(Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
+			}, /*#__PURE__*/ _jsxSorted(Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
 		], 1, null)
 	], 4, "Xr_4");
 }, "ColorPicker_component_8ldznufwKro"));

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

@@ -2,20 +2,20 @@ 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)((_rawProps) => {
+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", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("button", {
 		type: "button",
 		class: {
 			"group lum-btn": true,
 			...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: {
+	}, (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": _rawProps.opened,
 		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,

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

@@ -2,20 +2,20 @@ import { getClassObject } from "../functions.qwik.mjs";
 import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
 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((_rawProps) => {
+var Dropdown = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"class",
 		"hover",
 		"opened"
 	]);
-	return /* @__PURE__ */ _jsxSplit("button", {
+	return /*#__PURE__*/ _jsxSplit("button", {
 		type: "button",
 		class: {
 			"group lum-btn": true,
 			...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: {
+	}, _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": _rawProps.opened,
 		"duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,

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

@@ -1,6 +1,7 @@
 import type { PropsOf } from '@qwik.dev/core';
 interface LabelProps extends PropsOf<'label'> {
     label?: string;
+    outerProps?: PropsOf<'div'>;
 }
 export declare const Label: import("@qwik.dev/core").Component<LabelProps>;
 export {};

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

@@ -1,10 +1,14 @@
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/Label.tsx
-var Label = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((props) => {
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex flex-col" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("label", { ...(0, _qwik_dev_core._getVarProps)(props) }, {
+var Label = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+	const props = (0, _qwik_dev_core._restProps)(_rawProps, ["label", "outerProps"]);
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", {
+		class: "flex flex-col",
+		..._rawProps.outerProps
+	}, null, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("label", { ...(0, _qwik_dev_core._getVarProps)(props) }, {
 		...(0, _qwik_dev_core._getConstProps)(props),
 		class: "pb-1 text-lum-text select-none"
-	}, [(0, _qwik_dev_core._wrapProp)(props, "label"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "20_1")], 1, "20_2");
+	}, [(0, _qwik_dev_core._wrapProp)(_rawProps, "label"), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "20_1")], 0, "20_2");
 }, "Label_component_k1r00IhIA0s"));
 //#endregion
 exports.Label = Label;

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

@@ -1,10 +1,14 @@
-import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/components/elements/Label.tsx
-var Label = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-col" }, [/* @__PURE__ */ _jsxSplit("label", { ..._getVarProps(props) }, {
+var Label = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	const props = _restProps(_rawProps, ["label", "outerProps"]);
+	return /*#__PURE__*/ _jsxSplit("div", {
+		class: "flex flex-col",
+		..._rawProps.outerProps
+	}, null, [/*#__PURE__*/ _jsxSplit("label", { ..._getVarProps(props) }, {
 		..._getConstProps(props),
 		class: "pb-1 text-lum-text select-none"
-	}, [_wrapProp(props, "label"), /* @__PURE__ */ _jsxSorted(Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "20_1")], 1, "20_2");
+	}, [_wrapProp(_rawProps, "label"), /*#__PURE__*/ _jsxSorted(Slot, null, { "q:slot": "label" }, null, 3, "20_0")], 0, null), /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "20_1")], 0, "20_2");
 }, "Label_component_k1r00IhIA0s"));
 //#endregion
 export { Label };

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

@@ -5,6 +5,7 @@ interface NavProps extends PropsOf<'nav'> {
     noblur?: boolean;
     nohamburger?: boolean;
     nodismiss?: boolean;
+    innerProps?: PropsOf<'div'>;
     colorClass?: ClassList;
 }
 export declare const Nav: import("@qwik.dev/core").Component<NavProps>;