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

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

@@ -2,11 +2,12 @@ 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 _hf0 = (p0) => ({
+var _hf0 = (p0) => !p0.floating ? { "--lum-depth": 0 } : void 0;
+var _hf1 = (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) => {
+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",
@@ -14,19 +15,22 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
 		"nohamburger",
 		"nodismiss",
 		"class",
-		"colorClass"
+		"colorClass",
+		"innerProps"
 	]);
 	const menu = (0, _qwik_dev_core.useSignal)(false);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("nav", {
+	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,
+			"top-0 left-0 z-50 flex flex-col": true,
+			"w-full": !_rawProps.floating,
+			"w-[calc(100%-(--spacing(4)))] mx-2": _rawProps.floating,
 			fixed: _rawProps.fixed,
 			absolute: !_rawProps.fixed,
 			...require_functions.getClassObject(_rawProps.class)
 		}
-	}, null, [!_rawProps.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": _rawProps.floating,
 		"w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
@@ -34,21 +38,21 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
 		"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
 		"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: {
-		...!_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,
-		..._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"), !_rawProps.nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
-			"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, _rawProps, menu) => {
+	} }, 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._jsxSplit)("div", {
+		..._rawProps.innerProps,
+		style: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps]),
+		class: {
+			"flex w-full justify-evenly px-2": true,
+			"backdrop-blur-lg": !_rawProps.noblur,
+			"border-x-0! border-t-0!": !_rawProps.floating,
+			"mx-auto max-w-7xl mt-2 rounded-lum border": _rawProps.floating,
+			...require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
+		}
+	}, null, [
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.innerProps }, { 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"), 0, null),
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.innerProps }, { 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"), 0, null),
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.innerProps }, { 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) {
@@ -61,14 +65,14 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
 					menu.value = false;
 				}
 				if (menu.value) window.addEventListener("click", onClick);
-			}, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
+			}, "Nav_component_nav_div_div_button_q_e_click_Dv3Y0bHaG0E"),
 			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			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");
+			class: (0, _qwik_dev_core._fnSignal)(_hf1, [menu])
+		}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
+	], 0, null)], 0, "03_7");
 }, "Nav_component_GVA94DyavJM"));
 //#endregion
 exports.Nav = Nav;

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

@@ -2,11 +2,12 @@ import { getClassObject } from "../functions.qwik.mjs";
 import { Menu } from "../../svg/Menu.qwik.mjs";
 import { Slot, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
 //#region src/components/elements/Nav.tsx
-var _hf0 = (p0) => ({
+var _hf0 = (p0) => !p0.floating ? { "--lum-depth": 0 } : void 0;
+var _hf1 = (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) => {
+var Nav = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"fixed",
 		"floating",
@@ -14,19 +15,22 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
 		"nohamburger",
 		"nodismiss",
 		"class",
-		"colorClass"
+		"colorClass",
+		"innerProps"
 	]);
 	const menu = useSignal(false);
-	return /* @__PURE__ */ _jsxSplit("nav", {
+	return /*#__PURE__*/ _jsxSplit("nav", {
 		..._getVarProps(props),
 		..._getConstProps(props),
 		class: {
-			"top-0 left-0 z-50 flex w-full flex-col": true,
+			"top-0 left-0 z-50 flex flex-col": true,
+			"w-full": !_rawProps.floating,
+			"w-[calc(100%-(--spacing(4)))] mx-2": _rawProps.floating,
 			fixed: _rawProps.fixed,
 			absolute: !_rawProps.fixed,
 			...getClassObject(_rawProps.class)
 		}
-	}, null, [!_rawProps.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": _rawProps.floating,
 		"w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
@@ -34,21 +38,21 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
 		"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
 		"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: {
-		...!_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,
-		..._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"), !_rawProps.nohamburger && /* @__PURE__ */ _jsxSorted("button", {
-			"q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, _rawProps, menu) => {
+	} }, null, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /*#__PURE__*/ _jsxSplit("div", {
+		..._rawProps.innerProps,
+		style: _fnSignal(_hf0, [_rawProps]),
+		class: {
+			"flex w-full justify-evenly px-2": true,
+			"backdrop-blur-lg": !_rawProps.noblur,
+			"border-x-0! border-t-0!": !_rawProps.floating,
+			"mx-auto max-w-7xl mt-2 rounded-lum border": _rawProps.floating,
+			...getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
+		}
+	}, null, [
+		/*#__PURE__*/ _jsxSplit("div", { ..._rawProps.innerProps }, { class: "flex flex-1 items-center justify-start gap-2 py-2" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "start" }, null, 3, "03_2"), 0, null),
+		/*#__PURE__*/ _jsxSplit("div", { ..._rawProps.innerProps }, { class: "flex flex-1 items-center justify-center gap-2 py-2" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "center" }, null, 3, "03_3"), 0, null),
+		/*#__PURE__*/ _jsxSplit("div", { ..._rawProps.innerProps }, { 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) {
@@ -61,14 +65,14 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
 					menu.value = false;
 				}
 				if (menu.value) window.addEventListener("click", onClick);
-			}, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
+			}, "Nav_component_nav_div_div_button_q_e_click_Dv3Y0bHaG0E"),
 			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			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");
+			class: _fnSignal(_hf1, [menu])
+		}, /*#__PURE__*/ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
+	], 0, null)], 0, "03_7");
 }, "Nav_component_GVA94DyavJM"));
 //#endregion
 export { Nav };

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

@@ -9,6 +9,7 @@ interface NumberInputProps extends Omit<PropsOf<'input'> & {
     min?: number;
     max?: number;
     step?: number;
+    outerProps?: PropsOf<'div'>;
 }
 export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
 export {};

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

@@ -7,16 +7,17 @@ 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) => {
+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"
+		"step",
+		"outerProps"
 	]);
-	(0, _qwik_dev_core.useStylesQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(`
+	(0, _qwik_dev_core.useStylesQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(`
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -26,22 +27,21 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
       -moz-appearance: textfield;
     }
   `, "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", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
 			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];
+			"q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
 				const siblingInput = element.nextElementSibling;
 				siblingInput.stepDown();
-				await _rawProps.onDecrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
+				siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
 		}, {
 			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),
-		_rawProps.input && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
+		}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Minus.Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
+		_rawProps.input && /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
 			...(0, _qwik_dev_core._getVarProps)(props),
 			...(0, _qwik_dev_core._getConstProps)(props),
 			value: (0, _qwik_dev_core._fnSignal)(_hf1, [_rawProps]),
@@ -49,23 +49,31 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 			class: {
 				"lum-input text-center rounded-sm lum-input-p-1": true,
 				...require_functions.getClassObject(_rawProps.class)
-			}
-		}, { type: "number" }, null, 0, "kR_1"),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
+			},
+			"q-e:wheel": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e) => {
+				const inputElement = e.target;
+				if (e.deltaY < 0) inputElement.stepUp();
+				else inputElement.stepDown();
+				inputElement.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
+		}, {
+			type: "number",
+			"preventdefault:wheel": true
+		}, null, 0, "kR_1"),
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
 			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];
+			"q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
 				const siblingInput = element.previousElementSibling;
 				siblingInput.stepUp();
-				await _rawProps.onIncrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
+				siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-l-sm": true },
 			"data-action": "increment",
 			"aria-label": "Increment"
-		}, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Plus.Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
-	], 1, "kR_3");
+		}, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Plus.Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
+	], 0, "kR_3");
 }, "NumberInput_component_2YJwSaeO64g"));
 //#endregion
 exports.NumberInput = NumberInput;

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

@@ -1,22 +1,23 @@
 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, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
+import { _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
 //#region src/components/elements/NumberInput.tsx
 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) => {
+var NumberInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"input",
 		"class",
 		"onDecrement$",
 		"onIncrement$",
 		"value",
-		"step"
+		"step",
+		"outerProps"
 	]);
-	useStylesQrl(/* @__PURE__ */ inlinedQrl(`
+	useStylesQrl(/*#__PURE__*/ inlinedQrl(`
     input::-webkit-outer-spin-button,
     input::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -26,22 +27,21 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
       -moz-appearance: textfield;
     }
   `, "NumberInput_component_useStyles_9gV0k9qgkUU"));
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
-		/* @__PURE__ */ _jsxSorted("button", {
+	return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
+		/*#__PURE__*/ _jsxSorted("button", {
 			disabled: _fnSignal(_hf0, [_rawProps, props]),
-			"q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
-				const _rawProps = _captures[0];
+			"q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
 				const siblingInput = element.nextElementSibling;
 				siblingInput.stepDown();
-				await _rawProps.onDecrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
+				siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
 		}, {
 			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),
-		_rawProps.input && /* @__PURE__ */ _jsxSplit("input", {
+		}, /*#__PURE__*/ _jsxSorted(Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
+		_rawProps.input && /*#__PURE__*/ _jsxSplit("input", {
 			..._getVarProps(props),
 			..._getConstProps(props),
 			value: _fnSignal(_hf1, [_rawProps]),
@@ -49,23 +49,31 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 			class: {
 				"lum-input text-center rounded-sm lum-input-p-1": true,
 				...getClassObject(_rawProps.class)
-			}
-		}, { type: "number" }, null, 0, "kR_1"),
-		/* @__PURE__ */ _jsxSorted("button", {
+			},
+			"q-e:wheel": /*#__PURE__*/ inlinedQrl((e) => {
+				const inputElement = e.target;
+				if (e.deltaY < 0) inputElement.stepUp();
+				else inputElement.stepDown();
+				inputElement.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
+		}, {
+			type: "number",
+			"preventdefault:wheel": true
+		}, null, 0, "kR_1"),
+		/*#__PURE__*/ _jsxSorted("button", {
 			disabled: _fnSignal(_hf3, [_rawProps, props]),
-			"q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
-				const _rawProps = _captures[0];
+			"q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
 				const siblingInput = element.previousElementSibling;
 				siblingInput.stepUp();
-				await _rawProps.onIncrement$?.(event, element, siblingInput);
-			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
+				siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
+			}, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
 		}, {
 			type: "button",
 			class: { "lum-btn p-2 rounded-l-sm": true },
 			"data-action": "increment",
 			"aria-label": "Increment"
-		}, /* @__PURE__ */ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
-	], 1, "kR_3");
+		}, /*#__PURE__*/ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
+	], 0, "kR_3");
 }, "NumberInput_component_2YJwSaeO64g"));
 //#endregion
 export { NumberInput };

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

@@ -6,6 +6,7 @@ interface RangeInputProps extends Omit<PropsOf<'input'> & {
     value?: number;
     min?: number;
     max?: number;
+    outerProps?: PropsOf<'div'>;
 }
 export declare const RangeInput: import("@qwik.dev/core").Component<RangeInputProps>;
 export {};

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

@@ -4,37 +4,38 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
 var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
 var _hf2 = (p0) => p0.min ?? 0;
 var _hf3 = (p0) => p0.max ?? 10;
-var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var RangeInput = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
 		"value",
 		"min",
 		"max",
-		"onInput$"
+		"onInput$",
+		"outerProps"
 	]);
 	const valueSignal = (0, _qwik_dev_core.useSignal)(_rawProps.value ?? _rawProps.min ?? 0);
-	const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(() => {
+	const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(() => {
 		const _rawProps = _qwik_dev_core._captures[0];
 		return (_qwik_dev_core._captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
 	}, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
 	const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
-			return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
+			return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
 		}), 1, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
 			style: (0, _qwik_dev_core._fnSignal)(_hf0, [filledPercentage])
 		}, null, 3, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
 			class: "absolute -top-1 flex flex-col gap-4 items-center",
 			style: (0, _qwik_dev_core._fnSignal)(_hf1, [filledPercentage])
-		}, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, (0, _qwik_dev_core._wrapProp)(valueSignal), 3, null)], 3, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
+		}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, (0, _qwik_dev_core._wrapProp)(valueSignal), 3, null)], 3, null),
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
 			...(0, _qwik_dev_core._getVarProps)(props),
 			...(0, _qwik_dev_core._getConstProps)(props),
 			min: (0, _qwik_dev_core._fnSignal)(_hf2, [_rawProps]),
 			max: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps]),
-			"q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element, _rawProps, valueSignal) => {
+			"q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (event, element, _rawProps, valueSignal) => {
 				valueSignal.value = parseFloat(element.value);
 				if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
 			}, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
@@ -44,7 +45,7 @@ var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 			value: (0, _qwik_dev_core._wrapProp)(valueSignal),
 			class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer"
 		}, null, 4, null)
-	], 1, "Wb_0");
+	], 0, "Wb_0");
 }, "RangeInput_component_wN5xjLYsT00"));
 //#endregion
 exports.RangeInput = RangeInput;

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

@@ -4,37 +4,38 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
 var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
 var _hf2 = (p0) => p0.min ?? 0;
 var _hf3 = (p0) => p0.max ?? 10;
-var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var RangeInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"value",
 		"min",
 		"max",
-		"onInput$"
+		"onInput$",
+		"outerProps"
 	]);
 	const valueSignal = useSignal(_rawProps.value ?? _rawProps.min ?? 0);
-	const filledPercentage = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+	const filledPercentage = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
 		const _rawProps = _captures[0];
 		return (_captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
 	}, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
 	const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
-		/* @__PURE__ */ _jsxSorted("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
-			return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
+	return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
+			return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
 		}), 1, null),
-		/* @__PURE__ */ _jsxSorted("div", null, {
+		/*#__PURE__*/ _jsxSorted("div", null, {
 			class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
 			style: _fnSignal(_hf0, [filledPercentage])
 		}, null, 3, null),
-		/* @__PURE__ */ _jsxSorted("div", null, {
+		/*#__PURE__*/ _jsxSorted("div", null, {
 			class: "absolute -top-1 flex flex-col gap-4 items-center",
 			style: _fnSignal(_hf1, [filledPercentage])
-		}, [/* @__PURE__ */ _jsxSorted("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, _wrapProp(valueSignal), 3, null)], 3, null),
-		/* @__PURE__ */ _jsxSplit("input", {
+		}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, _wrapProp(valueSignal), 3, null)], 3, null),
+		/*#__PURE__*/ _jsxSplit("input", {
 			..._getVarProps(props),
 			..._getConstProps(props),
 			min: _fnSignal(_hf2, [_rawProps]),
 			max: _fnSignal(_hf3, [_rawProps]),
-			"q-e:input": /* @__PURE__ */ inlinedQrl(async (event, element, _rawProps, valueSignal) => {
+			"q-e:input": /*#__PURE__*/ inlinedQrl(async (event, element, _rawProps, valueSignal) => {
 				valueSignal.value = parseFloat(element.value);
 				if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
 			}, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
@@ -44,7 +45,7 @@ var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 			value: _wrapProp(valueSignal),
 			class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer"
 		}, null, 4, null)
-	], 1, "Wb_0");
+	], 0, "Wb_0");
 }, "RangeInput_component_wN5xjLYsT00"));
 //#endregion
 export { RangeInput };

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

@@ -12,6 +12,7 @@ interface SelectMenuProps extends Omit<PropsOf<'select'>, 'onChange$'> {
         name: JSXChildren;
         value: string | number;
     }[];
+    outerProps?: PropsOf<'div'>;
 }
 export declare const SelectMenu: import("@qwik.dev/core").Component<SelectMenuProps>;
 export {};