@luminescent/ui-qwik 6.8.3-qwikv2 → 6.9.0

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

@@ -1,80 +0,0 @@
-const require_Menu = require("../../svg/Menu.qwik.cjs");
-let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
-let _qwik_dev_core = require("@qwik.dev/core");
-//#region src/components/elements/Nav.tsx
-var Nav = (0, _qwik_dev_core.component$)(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
-	const menu = (0, _qwik_dev_core.useSignal)(false);
-	(0, _qwik_dev_core.useTask$)(({ track }) => {
-		track(() => menu.value);
-		if (menu.value && !nodismiss) {
-			const onClick = (e) => {
-				let el = e.target;
-				while (el) {
-					if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
-					el = el.parentElement;
-				}
-				menu.value = false;
-				window.removeEventListener("click", onClick);
-			};
-			window.addEventListener("click", onClick);
-		}
-	});
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("nav", {
-		...props,
-		class: {
-			"top-0 left-0 z-50 flex w-full flex-col": true,
-			fixed,
-			absolute: !fixed,
-			...props.class
-		},
-		children: [!nohamburger && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-			class: {
-				"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-				"w-[calc(100%-(--spacing(8)))] mx-4": floating,
-				"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
-				"mt-2": menu.value,
-				"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-				"backdrop-blur-lg": !noblur,
-				[colorClass]: true
-			},
-			children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "mobile" })
-		}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-			class: {
-				[colorClass]: !floating,
-				"border-x-0! border-t-0!": !floating,
-				"backdrop-blur-lg": !noblur && !floating,
-				"relative mx-2 mt-2": floating
-			},
-			children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-				class: {
-					"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-					[colorClass]: floating,
-					"rounded-lum border": floating,
-					"backdrop-blur-lg": !noblur && floating
-				},
-				children: [
-					/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-						class: "flex flex-1 items-center justify-start gap-2 py-2",
-						children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "start" })
-					}),
-					/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-						class: "flex flex-1 items-center justify-center gap-2 py-2",
-						children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "center" })
-					}),
-					/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-						class: "flex flex-1 items-center justify-end gap-2 py-2",
-						children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "end" }), !nohamburger && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("button", {
-							name: "Navigation Menu",
-							title: "Navigation Menu",
-							class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
-							onClick$: () => menu.value = !menu.value,
-							children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(require_Menu.Menu, { size: 24 })
-						})]
-					})
-				]
-			})
-		})]
-	});
-});
-//#endregion
-exports.Nav = Nav;

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

@@ -1,80 +0,0 @@
-import { Menu } from "../../svg/Menu.qwik.mjs";
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { Slot, component$, useSignal, useTask$ } from "@qwik.dev/core";
-//#region src/components/elements/Nav.tsx
-var Nav = component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
-	const menu = useSignal(false);
-	useTask$(({ track }) => {
-		track(() => menu.value);
-		if (menu.value && !nodismiss) {
-			const onClick = (e) => {
-				let el = e.target;
-				while (el) {
-					if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
-					el = el.parentElement;
-				}
-				menu.value = false;
-				window.removeEventListener("click", onClick);
-			};
-			window.addEventListener("click", onClick);
-		}
-	});
-	return /* @__PURE__ */ jsxs("nav", {
-		...props,
-		class: {
-			"top-0 left-0 z-50 flex w-full flex-col": true,
-			fixed,
-			absolute: !fixed,
-			...props.class
-		},
-		children: [!nohamburger && /* @__PURE__ */ jsx("div", {
-			class: {
-				"absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-				"w-[calc(100%-(--spacing(8)))] mx-4": floating,
-				"w-[calc(100%-(--spacing(4)))] mx-2": !floating,
-				"mt-2": menu.value,
-				"pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
-				"backdrop-blur-lg": !noblur,
-				[colorClass]: true
-			},
-			children: /* @__PURE__ */ jsx(Slot, { name: "mobile" })
-		}), /* @__PURE__ */ jsx("div", {
-			class: {
-				[colorClass]: !floating,
-				"border-x-0! border-t-0!": !floating,
-				"backdrop-blur-lg": !noblur && !floating,
-				"relative mx-2 mt-2": floating
-			},
-			children: /* @__PURE__ */ jsxs("div", {
-				class: {
-					"mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
-					[colorClass]: floating,
-					"rounded-lum border": floating,
-					"backdrop-blur-lg": !noblur && floating
-				},
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						class: "flex flex-1 items-center justify-start gap-2 py-2",
-						children: /* @__PURE__ */ jsx(Slot, { name: "start" })
-					}),
-					/* @__PURE__ */ jsx("div", {
-						class: "flex flex-1 items-center justify-center gap-2 py-2",
-						children: /* @__PURE__ */ jsx(Slot, { name: "center" })
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						class: "flex flex-1 items-center justify-end gap-2 py-2",
-						children: [/* @__PURE__ */ jsx(Slot, { name: "end" }), !nohamburger && /* @__PURE__ */ jsx("button", {
-							name: "Navigation Menu",
-							title: "Navigation Menu",
-							class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
-							onClick$: () => menu.value = !menu.value,
-							children: /* @__PURE__ */ jsx(Menu, { size: 24 })
-						})]
-					})
-				]
-			})
-		})]
-	});
-});
-//#endregion
-export { Nav };

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

@@ -1,21 +0,0 @@
-import type { PropsOf, QRL } from '@qwik.dev/core';
-interface NumberInputRawProps extends Omit<PropsOf<'input'> & {
-    type: 'number';
-}, 'class' | 'type'> {
-    onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
-    onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
-    input?: boolean;
-    class?: {
-        [key: string]: boolean;
-    };
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
-    id: string;
-}
-export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
-export declare const NumberInputRaw: import("@qwik.dev/core").Component<NumberInputRawProps>;
-export {};

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

@@ -1,74 +0,0 @@
-const require_Plus = require("../../svg/Plus.qwik.cjs");
-const require_Minus = require("../../svg/Minus.qwik.cjs");
-let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
-let _qwik_dev_core = require("@qwik.dev/core");
-//#region src/components/elements/NumberInput.tsx
-var NumberInput = (0, _qwik_dev_core.component$)((props) => {
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("label", {
-			for: props.id,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, {})
-		}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(NumberInputRaw, {
-			...props,
-			children: void 0
-		})]
-	});
-});
-var NumberInputRaw = (0, _qwik_dev_core.component$)(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
-	(0, _qwik_dev_core.useStyles$)(`
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-    input[type=number] {
-      -moz-appearance: textfield;
-    }
-  `);
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: { "flex touch-manipulation gap-1 text-lum-text": true },
-		children: [
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("button", {
-				type: "button",
-				class: { "lum-btn p-2 rounded-r-sm": true },
-				"data-action": "decrement",
-				"aria-label": "Decrement",
-				disabled: props.min ? value <= props.min : false,
-				onClick$: input ? (0, _qwik_dev_core.$)(async (event, element) => {
-					const siblingInput = element.nextElementSibling;
-					siblingInput.stepDown();
-					await onDecrement$(event, element, siblingInput);
-				}) : onDecrement$,
-				children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(require_Minus.Minus, { size: 20 })
-			}),
-			input && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("input", {
-				...props,
-				type: "number",
-				value,
-				step,
-				class: {
-					"lum-input text-center rounded-sm lum-input-p-1": true,
-					...props.class
-				}
-			}),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("button", {
-				type: "button",
-				class: { "lum-btn p-2 rounded-l-sm": true },
-				"data-action": "increment",
-				"aria-label": "Increment",
-				disabled: props.max ? value >= props.max : false,
-				onClick$: input ? (0, _qwik_dev_core.$)(async (event, element) => {
-					const siblingInput = element.previousElementSibling;
-					siblingInput.stepUp();
-					await onIncrement$(event, element, siblingInput);
-				}) : onIncrement$,
-				children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(require_Plus.Plus, { size: 20 })
-			})
-		]
-	});
-});
-//#endregion
-exports.NumberInput = NumberInput;
-exports.NumberInputRaw = NumberInputRaw;

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

@@ -1,73 +0,0 @@
-import { Plus } from "../../svg/Plus.qwik.mjs";
-import { Minus } from "../../svg/Minus.qwik.mjs";
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { $, Slot, component$, useStyles$ } from "@qwik.dev/core";
-//#region src/components/elements/NumberInput.tsx
-var NumberInput = component$((props) => {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ jsx("label", {
-			for: props.id,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		}), /* @__PURE__ */ jsx(NumberInputRaw, {
-			...props,
-			children: void 0
-		})]
-	});
-});
-var NumberInputRaw = component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
-	useStyles$(`
-    input::-webkit-outer-spin-button,
-    input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-    input[type=number] {
-      -moz-appearance: textfield;
-    }
-  `);
-	return /* @__PURE__ */ jsxs("div", {
-		class: { "flex touch-manipulation gap-1 text-lum-text": true },
-		children: [
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				class: { "lum-btn p-2 rounded-r-sm": true },
-				"data-action": "decrement",
-				"aria-label": "Decrement",
-				disabled: props.min ? value <= props.min : false,
-				onClick$: input ? $(async (event, element) => {
-					const siblingInput = element.nextElementSibling;
-					siblingInput.stepDown();
-					await onDecrement$(event, element, siblingInput);
-				}) : onDecrement$,
-				children: /* @__PURE__ */ jsx(Minus, { size: 20 })
-			}),
-			input && /* @__PURE__ */ jsx("input", {
-				...props,
-				type: "number",
-				value,
-				step,
-				class: {
-					"lum-input text-center rounded-sm lum-input-p-1": true,
-					...props.class
-				}
-			}),
-			/* @__PURE__ */ jsx("button", {
-				type: "button",
-				class: { "lum-btn p-2 rounded-l-sm": true },
-				"data-action": "increment",
-				"aria-label": "Increment",
-				disabled: props.max ? value >= props.max : false,
-				onClick$: input ? $(async (event, element) => {
-					const siblingInput = element.previousElementSibling;
-					siblingInput.stepUp();
-					await onIncrement$(event, element, siblingInput);
-				}) : onIncrement$,
-				children: /* @__PURE__ */ jsx(Plus, { size: 20 })
-			})
-		]
-	});
-});
-//#endregion
-export { NumberInput, NumberInputRaw };

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

@@ -1,59 +0,0 @@
-let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
-let _qwik_dev_core = require("@qwik.dev/core");
-//#region src/components/elements/RangeInput.tsx
-var RangeInput = (0, _qwik_dev_core.component$)((props) => {
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("label", {
-			for: props.id,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, {})
-		}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(RangeInputRaw, {
-			...props,
-			children: void 0
-		})]
-	});
-});
-var RangeInputRaw = (0, _qwik_dev_core.component$)(({ value, min = 0, max = 10, onInput$, ...props }) => {
-	const valueSignal = (0, _qwik_dev_core.useSignal)(value ?? min);
-	const filledPercentage = (0, _qwik_dev_core.useComputed$)(() => (valueSignal.value - min) / (max - min) * 100);
-	const tickCount = max - min - 1;
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true },
-		children: [
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-				class: "absolute w-full flex justify-evenly",
-				children: tickCount > 0 && [...Array(tickCount)].map((_, i) => {
-					return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, i);
-				})
-			}),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-				class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
-				style: { width: `${filledPercentage.value}%` }
-			}),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-				class: "absolute -top-1 flex flex-col gap-4 items-center",
-				style: { left: `calc(${filledPercentage.value}% - 0.5rem)` },
-				children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-					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",
-					children: valueSignal.value
-				})]
-			}),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("input", {
-				...props,
-				min,
-				max,
-				type: "range",
-				value: valueSignal.value,
-				class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
-				onInput$: async (event, element) => {
-					valueSignal.value = parseFloat(element.value);
-					if (onInput$) await onInput$(event, element);
-				}
-			})
-		]
-	});
-});
-//#endregion
-exports.RangeInput = RangeInput;
-exports.RangeInputRaw = RangeInputRaw;

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

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { Slot, component$, useComputed$, useSignal } from "@qwik.dev/core";
-//#region src/components/elements/RangeInput.tsx
-var RangeInput = component$((props) => {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ jsx("label", {
-			for: props.id,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		}), /* @__PURE__ */ jsx(RangeInputRaw, {
-			...props,
-			children: void 0
-		})]
-	});
-});
-var RangeInputRaw = component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
-	const valueSignal = useSignal(value ?? min);
-	const filledPercentage = useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
-	const tickCount = max - min - 1;
-	return /* @__PURE__ */ jsxs("div", {
-		class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true },
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				class: "absolute w-full flex justify-evenly",
-				children: tickCount > 0 && [...Array(tickCount)].map((_, i) => {
-					return /* @__PURE__ */ jsx("div", { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, i);
-				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
-				style: { width: `${filledPercentage.value}%` }
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "absolute -top-1 flex flex-col gap-4 items-center",
-				style: { left: `calc(${filledPercentage.value}% - 0.5rem)` },
-				children: [/* @__PURE__ */ jsx("div", { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }), /* @__PURE__ */ jsx("div", {
-					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",
-					children: valueSignal.value
-				})]
-			}),
-			/* @__PURE__ */ jsx("input", {
-				...props,
-				min,
-				max,
-				type: "range",
-				value: valueSignal.value,
-				class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
-				onInput$: async (event, element) => {
-					valueSignal.value = parseFloat(element.value);
-					if (onInput$) await onInput$(event, element);
-				}
-			})
-		]
-	});
-});
-//#endregion
-export { RangeInput, RangeInputRaw };

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

@@ -1,109 +0,0 @@
-const require_Dropdown = require("./Dropdown.qwik.cjs");
-let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
-let _qwik_dev_core = require("@qwik.dev/core");
-//#region src/components/elements/SelectMenu.tsx
-var SelectMenu = (0, _qwik_dev_core.component$)((props) => {
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("label", {
-			for: props.id ? `${props.id}-dropdown` : void 0,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, {})
-		}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)(SelectMenuRaw, {
-			...props,
-			children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-				"q:slot": "dropdown",
-				children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "dropdown" })
-			}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", {
-				"q:slot": "extra-buttons",
-				children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "extra-buttons" })
-			})]
-		})]
-	});
-});
-var SelectMenuRaw = (0, _qwik_dev_core.component$)(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
-	const store = (0, _qwik_dev_core.useStore)({
-		opened: false,
-		value: props.value
-	});
-	const selectRef = (0, _qwik_dev_core.useSignal)();
-	const selected = values?.find((v) => v.value === store.value);
-	return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-		class: {
-			"relative touch-manipulation": true,
-			group: hover
-		},
-		children: [
-			values && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("select", {
-				...props,
-				ref: selectRef,
-				class: "hidden",
-				children: values.map((value, i) => {
-					return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("option", {
-						value: value.value,
-						children: `${value.value}`
-					}, i);
-				})
-			}),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)(require_Dropdown.Dropdown, {
-				id: props.id ? `${props.id}-dropdown` : void 0,
-				opened: store.opened,
-				class: {
-					"w-full": true,
-					...Class
-				},
-				onClick$: (e, el) => {
-					if (hover) return;
-					store.opened = !store.opened;
-					if (nocloseonclick) return;
-					const listener = (e) => {
-						if (!store.opened) return document.removeEventListener("click", listener);
-						if (e.composedPath().includes(el)) return;
-						store.opened = false;
-						document.removeEventListener("click", listener);
-					};
-					document.addEventListener("click", listener);
-				},
-				children: [customDropdown && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "dropdown" }), !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "dropdown" }))]
-			}),
-			hover && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: "h-2 absolute w-full" }),
-			/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
-				class: {
-					"absolute z-1000 mt-2": true,
-					"backdrop-blur-lg": !noblur,
-					"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
-					"left-0": align === "left",
-					"right-0": align === "right",
-					"left-1/2 -translate-x-1/2": align === "center",
-					"pointer-events-none scale-95 opacity-0": !store.opened,
-					"duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
-					"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
-					[panelClass]: true
-				},
-				children: [values?.map(({ name, value }, i) => {
-					return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("button", {
-						type: "button",
-						class: {
-							"lum-btn rounded-lum-1": true,
-							[btnClass]: true
-						},
-						onClick$: (e, el) => {
-							el.blur();
-							store.opened = false;
-							const select = selectRef.value;
-							if (select) {
-								select.value = value.toString();
-								select.dispatchEvent(new Event("change"));
-							}
-							store.value = value.toString();
-						},
-						children: name
-					}, i);
-				}), /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, { name: "extra-buttons" })]
-			})
-		]
-	});
-});
-//#endregion
-exports.SelectMenu = SelectMenu;
-exports.SelectMenuRaw = SelectMenuRaw;

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

@@ -1,108 +0,0 @@
-import { Dropdown } from "./Dropdown.qwik.mjs";
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { Slot, component$, useSignal, useStore } from "@qwik.dev/core";
-//#region src/components/elements/SelectMenu.tsx
-var SelectMenu = component$((props) => {
-	return /* @__PURE__ */ jsxs("div", {
-		class: "flex flex-col",
-		children: [/* @__PURE__ */ jsx("label", {
-			for: props.id ? `${props.id}-dropdown` : void 0,
-			class: "pb-1 text-lum-text select-none",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		}), /* @__PURE__ */ jsxs(SelectMenuRaw, {
-			...props,
-			children: [/* @__PURE__ */ jsx("div", {
-				"q:slot": "dropdown",
-				children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsx(Slot, { name: "dropdown" })
-			}), /* @__PURE__ */ jsx("div", {
-				"q:slot": "extra-buttons",
-				children: /* @__PURE__ */ jsx(Slot, { name: "extra-buttons" })
-			})]
-		})]
-	});
-});
-var SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
-	const store = useStore({
-		opened: false,
-		value: props.value
-	});
-	const selectRef = useSignal();
-	const selected = values?.find((v) => v.value === store.value);
-	return /* @__PURE__ */ jsxs("div", {
-		class: {
-			"relative touch-manipulation": true,
-			group: hover
-		},
-		children: [
-			values && /* @__PURE__ */ jsx("select", {
-				...props,
-				ref: selectRef,
-				class: "hidden",
-				children: values.map((value, i) => {
-					return /* @__PURE__ */ jsx("option", {
-						value: value.value,
-						children: `${value.value}`
-					}, i);
-				})
-			}),
-			/* @__PURE__ */ jsxs(Dropdown, {
-				id: props.id ? `${props.id}-dropdown` : void 0,
-				opened: store.opened,
-				class: {
-					"w-full": true,
-					...Class
-				},
-				onClick$: (e, el) => {
-					if (hover) return;
-					store.opened = !store.opened;
-					if (nocloseonclick) return;
-					const listener = (e) => {
-						if (!store.opened) return document.removeEventListener("click", listener);
-						if (e.composedPath().includes(el)) return;
-						store.opened = false;
-						document.removeEventListener("click", listener);
-					};
-					document.addEventListener("click", listener);
-				},
-				children: [customDropdown && /* @__PURE__ */ jsx(Slot, { name: "dropdown" }), !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsx(Slot, { name: "dropdown" }))]
-			}),
-			hover && /* @__PURE__ */ jsx("div", { class: "h-2 absolute w-full" }),
-			/* @__PURE__ */ jsxs("div", {
-				class: {
-					"absolute z-1000 mt-2": true,
-					"backdrop-blur-lg": !noblur,
-					"lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
-					"left-0": align === "left",
-					"right-0": align === "right",
-					"left-1/2 -translate-x-1/2": align === "center",
-					"pointer-events-none scale-95 opacity-0": !store.opened,
-					"duration-300 group-hover:pointer-events-auto group-hover:scale-100 group-hover:opacity-100 group-hover:duration-75": hover,
-					"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
-					[panelClass]: true
-				},
-				children: [values?.map(({ name, value }, i) => {
-					return /* @__PURE__ */ jsx("button", {
-						type: "button",
-						class: {
-							"lum-btn rounded-lum-1": true,
-							[btnClass]: true
-						},
-						onClick$: (e, el) => {
-							el.blur();
-							store.opened = false;
-							const select = selectRef.value;
-							if (select) {
-								select.value = value.toString();
-								select.dispatchEvent(new Event("change"));
-							}
-							store.value = value.toString();
-						},
-						children: name
-					}, i);
-				}), /* @__PURE__ */ jsx(Slot, { name: "extra-buttons" })]
-			})
-		]
-	});
-});
-//#endregion
-export { SelectMenu, SelectMenuRaw };