@luminescent/ui-qwik 7.0.0-1 → 7.0.0-3

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/Anchor.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Anchor: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const ColorPicker: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Dropdown: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Label: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -0,0 +1,3 @@
+export declare const LumBtn: import("@qwik.dev/core").Component<{
+    id: string;
+}>;

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

@@ -0,0 +1,3 @@
+export declare const LumCard: import("@qwik.dev/core").Component<{
+    id: string;
+}>;

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

@@ -0,0 +1,3 @@
+export declare const LumClasses: import("@qwik.dev/core").Component<{
+    id: string;
+}>;

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

@@ -0,0 +1,3 @@
+export declare const LumInput: import("@qwik.dev/core").Component<{
+    id: string;
+}>;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Nav: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const NumberInput: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const RangeInput: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const SelectMenu: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,2 +1 @@
-declare const _default: import("@qwik.dev/core").Component<unknown>;
-export default _default;
+export declare const Settings: import("@qwik.dev/core").Component<unknown>;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Sidebar: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -1,4 +1,3 @@
-declare const _default: import("@qwik.dev/core").Component<{
+export declare const Toggle: import("@qwik.dev/core").Component<{
     id: string;
 }>;
-export default _default;

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

@@ -0,0 +1,15 @@
+export * from './Anchor';
+export * from './ColorPicker';
+export * from './Dropdown';
+export * from './Label';
+export * from './Nav';
+export * from './NumberInput';
+export * from './RangeInput';
+export * from './SelectMenu';
+export * from './Sidebar';
+export * from './Toggle';
+export * from './LumBtn';
+export * from './LumCard';
+export * from './LumClasses';
+export * from './LumInput';
+export * from './Settings';

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>;

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

@@ -2,6 +2,11 @@ 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) => !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) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
 		"fixed",
@@ -10,29 +15,17 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
 		"nohamburger",
 		"nodismiss",
 		"class",
-		"colorClass"
+		"colorClass",
+		"innerProps"
 	]);
 	const menu = (0, _qwik_dev_core.useSignal)(false);
-	(0, _qwik_dev_core.useTaskQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ track }) => {
-		const _rawProps = _qwik_dev_core._captures[0], menu = _qwik_dev_core._captures[1];
-		track(() => menu.value);
-		if (!menu.value || _rawProps.nodismiss) return;
-		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", [_rawProps, menu]));
 	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)
@@ -45,28 +38,41 @@ 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, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
-			"q:p": 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) {
+					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_button_q_e_click_Dv3Y0bHaG0E"),
+			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
-		}, /* @__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

@@ -1,7 +1,12 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { Menu } from "../../svg/Menu.qwik.mjs";
-import { Slot, _captures, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, 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 _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) => {
 	const props = _restProps(_rawProps, [
 		"fixed",
@@ -10,29 +15,17 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
 		"nohamburger",
 		"nodismiss",
 		"class",
-		"colorClass"
+		"colorClass",
+		"innerProps"
 	]);
 	const menu = useSignal(false);
-	useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-		const _rawProps = _captures[0], menu = _captures[1];
-		track(() => menu.value);
-		if (!menu.value || _rawProps.nodismiss) return;
-		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", [_rawProps, menu]));
 	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)
@@ -45,28 +38,41 @@ 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, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
-			"q:p": 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) {
+					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_button_q_e_click_Dv3Y0bHaG0E"),
+			"q:ps": [_rawProps, menu]
 		}, {
 			name: "Navigation Menu",
 			title: "Navigation Menu",
-			class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
-		}, /* @__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

@@ -14,7 +14,8 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		"onDecrement$",
 		"onIncrement$",
 		"value",
-		"step"
+		"step",
+		"outerProps"
 	]);
 	(0, _qwik_dev_core.useStylesQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(`
     input::-webkit-outer-spin-button,
@@ -26,7 +27,7 @@ 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 } }, [
+	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) => {
@@ -65,7 +66,7 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 			"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");
+	], 0, "kR_3");
 }, "NumberInput_component_2YJwSaeO64g"));
 //#endregion
 exports.NumberInput = NumberInput;

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

@@ -14,7 +14,8 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		"onDecrement$",
 		"onIncrement$",
 		"value",
-		"step"
+		"step",
+		"outerProps"
 	]);
 	useStylesQrl(/* @__PURE__ */ inlinedQrl(`
     input::-webkit-outer-spin-button,
@@ -26,7 +27,7 @@ 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 } }, [
+	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) => {
@@ -65,7 +66,7 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 			"data-action": "increment",
 			"aria-label": "Increment"
 		}, /* @__PURE__ */ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
-	], 1, "kR_3");
+	], 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

@@ -9,7 +9,8 @@ var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 		"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)(() => {
@@ -17,7 +18,7 @@ var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 		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 } }, [
+	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),
@@ -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

@@ -9,7 +9,8 @@ var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 		"value",
 		"min",
 		"max",
-		"onInput$"
+		"onInput$",
+		"outerProps"
 	]);
 	const valueSignal = useSignal(_rawProps.value ?? _rawProps.min ?? 0);
 	const filledPercentage = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -17,7 +18,7 @@ var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 		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 } }, [
+	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),
@@ -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 {};

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

@@ -17,7 +17,8 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 		"nocloseonclick",
 		"customDropdown",
 		"hover",
-		"align"
+		"align",
+		"outerProps"
 	]);
 	const store = (0, _qwik_dev_core.useStore)({
 		opened: false,
@@ -25,7 +26,10 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 	});
 	const selectRef = (0, _qwik_dev_core.useSignal)();
 	const selected = _rawProps.values?.find((v) => v.value === store.value);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps]) }, null, [
+	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
+		..._rawProps.outerProps,
+		class: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps])
+	}, null, [
 		_rawProps.values && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("select", {
 			"q-e:change": props.onChange$,
 			...(0, _qwik_dev_core._getVarProps)(props),
@@ -93,7 +97,7 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 				]
 			}, { type: "button" }, name, 4, i);
 		}), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
-	], 1, "WO_6");
+	], 0, "WO_6");
 }, "SelectMenu_component_ofsf7iGvkLg"));
 //#endregion
 exports.SelectMenu = SelectMenu;

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

@@ -17,7 +17,8 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 		"nocloseonclick",
 		"customDropdown",
 		"hover",
-		"align"
+		"align",
+		"outerProps"
 	]);
 	const store = useStore({
 		opened: false,
@@ -25,7 +26,10 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 	});
 	const selectRef = useSignal();
 	const selected = _rawProps.values?.find((v) => v.value === store.value);
-	return /* @__PURE__ */ _jsxSorted("div", { class: _fnSignal(_hf0, [_rawProps]) }, null, [
+	return /* @__PURE__ */ _jsxSplit("div", {
+		..._rawProps.outerProps,
+		class: _fnSignal(_hf0, [_rawProps])
+	}, null, [
 		_rawProps.values && /* @__PURE__ */ _jsxSplit("select", {
 			"q-e:change": props.onChange$,
 			..._getVarProps(props),
@@ -93,7 +97,7 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 				]
 			}, { type: "button" }, name, 4, i);
 		}), /* @__PURE__ */ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
-	], 1, "WO_6");
+	], 0, "WO_6");
 }, "SelectMenu_component_ofsf7iGvkLg"));
 //#endregion
 export { SelectMenu };

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

@@ -4,6 +4,7 @@ interface ToggleProps extends Omit<PropsOf<'input'> & {
 }, 'bind:checked' | 'type' | 'children'> {
     checkbox?: boolean;
     round?: boolean;
+    outerProps?: PropsOf<'div'>;
 }
 export declare const Toggle: import("@qwik.dev/core").Component<ToggleProps>;
 export {};