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

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

@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
 	group: p0.hover
 });
 var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
-var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var SelectMenu = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
 		"values",
 		"class",
@@ -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,8 +26,11 @@ 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, [
-		_rawProps.values && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("select", {
+	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),
 			ref: selectRef
@@ -34,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 			...(0, _qwik_dev_core._getConstProps)(props),
 			class: "hidden"
 		}, _rawProps.values.map((value, i) => {
-			return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("option", { value: (0, _qwik_dev_core._wrapProp)(value) }, null, `${value.value}`, 1, i);
+			return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("option", { value: (0, _qwik_dev_core._wrapProp)(value) }, null, `${value.value}`, 1, i);
 		}), 0, "WO_0"),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Dropdown.Dropdown, {
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Dropdown.Dropdown, {
 			class: {
 				"w-full": true,
 				...require_functions.getClassObject(_rawProps.class)
 			},
-			onClick$: /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
+			onClick$: /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
 				const _rawProps = _qwik_dev_core._captures[0], store = _qwik_dev_core._captures[1];
 				if (_rawProps.hover) return;
 				store.opened = !store.opened;
@@ -57,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 		}, {
 			id: (0, _qwik_dev_core._fnSignal)(_hf1, [props]),
 			opened: (0, _qwik_dev_core._wrapProp)(store, "opened")
-		}, [_rawProps.customDropdown && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
-		_rawProps.hover && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+		}, [_rawProps.customDropdown && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
+		_rawProps.hover && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
+		/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 			"absolute z-1000 mt-2": true,
 			"backdrop-blur-lg": !_rawProps.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,
@@ -71,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 			"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
 			...require_functions.getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
 		} }, null, [_rawProps.values?.map(({ name, value }, i) => {
-			return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
+			return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
 				class: {
 					"lum-btn rounded-lum-1": true,
 					...require_functions.getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
 				},
-				"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
+				"q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
 					el.blur();
 					store.opened = false;
 					const select = selectRef.value;
@@ -92,8 +96,8 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
 					value
 				]
 			}, { 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");
+		}), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
+	], 0, "WO_6");
 }, "SelectMenu_component_ofsf7iGvkLg"));
 //#endregion
 exports.SelectMenu = SelectMenu;

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

@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
 	group: p0.hover
 });
 var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
-var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var SelectMenu = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"values",
 		"class",
@@ -17,7 +17,8 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 		"nocloseonclick",
 		"customDropdown",
 		"hover",
-		"align"
+		"align",
+		"outerProps"
 	]);
 	const store = useStore({
 		opened: false,
@@ -25,8 +26,11 @@ 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, [
-		_rawProps.values && /* @__PURE__ */ _jsxSplit("select", {
+	return /*#__PURE__*/ _jsxSplit("div", {
+		..._rawProps.outerProps,
+		class: _fnSignal(_hf0, [_rawProps])
+	}, null, [
+		_rawProps.values && /*#__PURE__*/ _jsxSplit("select", {
 			"q-e:change": props.onChange$,
 			..._getVarProps(props),
 			ref: selectRef
@@ -34,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 			..._getConstProps(props),
 			class: "hidden"
 		}, _rawProps.values.map((value, i) => {
-			return /* @__PURE__ */ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
+			return /*#__PURE__*/ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
 		}), 0, "WO_0"),
-		/* @__PURE__ */ _jsxSorted(Dropdown, {
+		/*#__PURE__*/ _jsxSorted(Dropdown, {
 			class: {
 				"w-full": true,
 				...getClassObject(_rawProps.class)
 			},
-			onClick$: /* @__PURE__ */ inlinedQrl((e, el) => {
+			onClick$: /*#__PURE__*/ inlinedQrl((e, el) => {
 				const _rawProps = _captures[0], store = _captures[1];
 				if (_rawProps.hover) return;
 				store.opened = !store.opened;
@@ -57,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 		}, {
 			id: _fnSignal(_hf1, [props]),
 			opened: _wrapProp(store, "opened")
-		}, [_rawProps.customDropdown && /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
-		_rawProps.hover && /* @__PURE__ */ _jsxSorted("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
-		/* @__PURE__ */ _jsxSorted("div", { class: {
+		}, [_rawProps.customDropdown && /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
+		_rawProps.hover && /*#__PURE__*/ _jsxSorted("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
+		/*#__PURE__*/ _jsxSorted("div", { class: {
 			"absolute z-1000 mt-2": true,
 			"backdrop-blur-lg": !_rawProps.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,
@@ -71,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 			"focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
 			...getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
 		} }, null, [_rawProps.values?.map(({ name, value }, i) => {
-			return /* @__PURE__ */ _jsxSorted("button", {
+			return /*#__PURE__*/ _jsxSorted("button", {
 				class: {
 					"lum-btn rounded-lum-1": true,
 					...getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
 				},
-				"q-e:click": /* @__PURE__ */ inlinedQrl((e, el, selectRef, store, value) => {
+				"q-e:click": /*#__PURE__*/ inlinedQrl((e, el, selectRef, store, value) => {
 					el.blur();
 					store.opened = false;
 					const select = selectRef.value;
@@ -92,8 +96,8 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
 					value
 				]
 			}, { type: "button" }, name, 4, i);
-		}), /* @__PURE__ */ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
-	], 1, "WO_6");
+		}), /*#__PURE__*/ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
+	], 0, "WO_6");
 }, "SelectMenu_component_ofsf7iGvkLg"));
 //#endregion
 export { SelectMenu };

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

@@ -1,9 +1,9 @@
 const require_functions = require("../functions.qwik.cjs");
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/Sidebar.tsx
-var Sidebar = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var Sidebar = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, ["position", "class"]);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("aside", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("aside", {
 		...(0, _qwik_dev_core._getVarProps)(props),
 		...(0, _qwik_dev_core._getConstProps)(props),
 		class: {
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (
 			"right-0 border-0 border-l": _rawProps.position === "right",
 			...require_functions.getClassObject(_rawProps.class)
 		}
-	}, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("nav", null, {
+	}, null, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("nav", null, {
 		id: "docs-sidebar",
 		class: "min-h-full relative"
-	}, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex-1" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
+	}, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex-1" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
 }, "Sidebar_component_moIMGaONnvw"));
 //#endregion
 exports.Sidebar = Sidebar;

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

@@ -1,9 +1,9 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/components/elements/Sidebar.tsx
-var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var Sidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, ["position", "class"]);
-	return /* @__PURE__ */ _jsxSplit("aside", {
+	return /*#__PURE__*/ _jsxSplit("aside", {
 		..._getVarProps(props),
 		..._getConstProps(props),
 		class: {
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps
 			"right-0 border-0 border-l": _rawProps.position === "right",
 			...getClassObject(_rawProps.class)
 		}
-	}, null, /* @__PURE__ */ _jsxSorted("nav", null, {
+	}, null, /*#__PURE__*/ _jsxSorted("nav", null, {
 		id: "docs-sidebar",
 		class: "min-h-full relative"
-	}, [/* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /* @__PURE__ */ _jsxSorted("div", null, { class: "flex-1" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
+	}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex-1" }, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "title" }, null, 3, "Nu_0"), 1, null), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: { "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true } }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Nu_1"), 1, null)], 1, null), 0, "Nu_2");
 }, "Sidebar_component_moIMGaONnvw"));
 //#endregion
 export { Sidebar };

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

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

@@ -1,19 +1,20 @@
 const require_functions = require("../functions.qwik.cjs");
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/components/elements/Toggle.tsx
-var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var Toggle = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
 		"class",
 		"checkbox",
-		"round"
+		"round",
+		"outerProps"
 	]);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex touch-manipulation items-center gap-3" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
 		type: "checkbox",
 		...(0, _qwik_dev_core._getVarProps)(props)
 	}, {
 		...(0, _qwik_dev_core._getConstProps)(props),
 		class: "peer sr-only"
-	}, null, 0, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
+	}, null, 0, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
 		"peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
 		"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
 		"rounded-lum after:rounded-lum-1": !_rawProps.round,
@@ -22,7 +23,7 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
 		"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
 		"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
 		...require_functions.getClassObject(_rawProps.class)
-	} }, null, null, 3, null)], 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("label", { for: (0, _qwik_dev_core._wrapProp)(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "R0_0"), 1, null)], 1, "R0_1");
+	} }, null, null, 3, null)], 1, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", { for: (0, _qwik_dev_core._wrapProp)(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
 }, "Toggle_component_AHnKi33alRM"));
 //#endregion
 exports.Toggle = Toggle;

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

@@ -1,19 +1,20 @@
 import { getClassObject } from "../functions.qwik.mjs";
 import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/components/elements/Toggle.tsx
-var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var Toggle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, [
 		"class",
 		"checkbox",
-		"round"
+		"round",
+		"outerProps"
 	]);
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex touch-manipulation items-center gap-3" }, [/* @__PURE__ */ _jsxSorted("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/* @__PURE__ */ _jsxSplit("input", {
+	return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ _jsxSorted("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ _jsxSplit("input", {
 		type: "checkbox",
 		..._getVarProps(props)
 	}, {
 		..._getConstProps(props),
 		class: "peer sr-only"
-	}, null, 0, null), /* @__PURE__ */ _jsxSorted("div", { class: {
+	}, null, 0, null), /*#__PURE__*/ _jsxSorted("div", { class: {
 		"peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
 		"after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
 		"rounded-lum after:rounded-lum-1": !_rawProps.round,
@@ -22,7 +23,7 @@ var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps)
 		"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
 		"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
 		...getClassObject(_rawProps.class)
-	} }, null, null, 3, null)], 1, null), /* @__PURE__ */ _jsxSorted("label", { for: _wrapProp(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "R0_0"), 1, null)], 1, "R0_1");
+	} }, null, null, 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("label", { for: _wrapProp(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
 }, "Toggle_component_AHnKi33alRM"));
 //#endregion
 export { Toggle };

package/lib/components/elements.d.ts

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

package/lib/index.qwik.cjs

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_functions = require("./components/functions.qwik.cjs");
 const require_Anchor = require("./components/elements/Anchor.qwik.cjs");
-const require_Blobs = require("./components/elements/Blobs.qwik.cjs");
 const require_ColorPicker = require("./components/elements/ColorPicker.qwik.cjs");
 const require_Dropdown = require("./components/elements/Dropdown.qwik.cjs");
 const require_Label = require("./components/elements/Label.qwik.cjs");
@@ -12,7 +11,6 @@ const require_SelectMenu = require("./components/elements/SelectMenu.qwik.cjs");
 const require_Sidebar = require("./components/elements/Sidebar.qwik.cjs");
 const require_Toggle = require("./components/elements/Toggle.qwik.cjs");
 exports.Anchor = require_Anchor.Anchor;
-exports.Blobs = require_Blobs.Blobs;
 exports.ColorPicker = require_ColorPicker.ColorPicker;
 exports.Dropdown = require_Dropdown.Dropdown;
 exports.Hoverable = require_functions.Hoverable;
@@ -23,5 +21,4 @@ exports.RangeInput = require_RangeInput.RangeInput;
 exports.SelectMenu = require_SelectMenu.SelectMenu;
 exports.Sidebar = require_Sidebar.Sidebar;
 exports.Toggle = require_Toggle.Toggle;
-exports.blobColorClasses = require_Blobs.blobColorClasses;
 exports.getClassObject = require_functions.getClassObject;

package/lib/index.qwik.mjs

@@ -1,6 +1,5 @@
 import { Hoverable, getClassObject } from "./components/functions.qwik.mjs";
 import { Anchor } from "./components/elements/Anchor.qwik.mjs";
-import { Blobs, blobColorClasses } from "./components/elements/Blobs.qwik.mjs";
 import { ColorPicker } from "./components/elements/ColorPicker.qwik.mjs";
 import { Dropdown } from "./components/elements/Dropdown.qwik.mjs";
 import { Label } from "./components/elements/Label.qwik.mjs";
@@ -10,4 +9,4 @@ import { RangeInput } from "./components/elements/RangeInput.qwik.mjs";
 import { SelectMenu } from "./components/elements/SelectMenu.qwik.mjs";
 import { Sidebar } from "./components/elements/Sidebar.qwik.mjs";
 import { Toggle } from "./components/elements/Toggle.qwik.mjs";
-export { Anchor, Blobs, ColorPicker, Dropdown, Hoverable, Label, Nav, NumberInput, RangeInput, SelectMenu, Sidebar, Toggle, blobColorClasses, getClassObject };
+export { Anchor, ColorPicker, Dropdown, Hoverable, Label, Nav, NumberInput, RangeInput, SelectMenu, Sidebar, Toggle, getClassObject };

package/lib/q-manifest.json

@@ -1,6 +1,6 @@
 {
 	"version": "1",
-	"manifestHash": "i56kl4",
+	"manifestHash": "labqx9",
 	"options": {
 		"target": "lib",
 		"buildMode": "development",
@@ -8,13 +8,13 @@
 			"type": "inline"
 		}
 	},
-	"bundleGraphAsset": "assets/ChtqwOpy-bundle-graph.json",
+	"bundleGraphAsset": "assets/CyrvYwp8-bundle-graph.json",
 	"injections": [],
 	"mapping": {},
 	"bundles": {
 		"../components/elements/Anchor.qwik.cjs": {
-			"size": 1412,
-			"total": 3491,
+			"size": 1398,
+			"total": 3465,
 			"imports": [
 				"../components/functions.qwik.cjs",
 				"../svg/Link.qwik.cjs"
@@ -24,20 +24,9 @@
 			],
 			"interactivity": 0
 		},
-		"../components/elements/Blobs.qwik.cjs": {
-			"size": 4434,
-			"total": 5284,
-			"imports": [
-				"../components/functions.qwik.cjs"
-			],
-			"origins": [
-				"src/components/elements/Blobs.tsx"
-			],
-			"interactivity": 0
-		},
 		"../components/elements/ColorPicker.qwik.cjs": {
-			"size": 14155,
-			"total": 18720,
+			"size": 14101,
+			"total": 18650,
 			"imports": [
 				"../components/functions.qwik.cjs",
 				"../svg/Shuffle.qwik.cjs",
@@ -49,8 +38,8 @@
 			"interactivity": 0
 		},
 		"../components/elements/Dropdown.qwik.cjs": {
-			"size": 1432,
-			"total": 3290,
+			"size": 1420,
+			"total": 3270,
 			"imports": [
 				"../components/functions.qwik.cjs",
 				"../svg/ChevronDown.qwik.cjs"
@@ -61,16 +50,16 @@
 			"interactivity": 0
 		},
 		"../components/elements/Label.qwik.cjs": {
-			"size": 866,
-			"total": 866,
+			"size": 974,
+			"total": 974,
 			"origins": [
 				"src/components/elements/Label.tsx"
 			],
 			"interactivity": 0
 		},
 		"../components/elements/Nav.qwik.cjs": {
-			"size": 4143,
-			"total": 6148,
+			"size": 4089,
+			"total": 6082,
 			"imports": [
 				"../components/functions.qwik.cjs",
 				"../svg/Menu.qwik.cjs"
@@ -81,8 +70,8 @@
 			"interactivity": 0
 		},
 		"../components/elements/NumberInput.qwik.cjs": {
-			"size": 3389,
-			"total": 6250,
+			"size": 3598,
+			"total": 6441,
 			"imports": [
 				"../components/functions.qwik.cjs",
 				"../svg/Minus.qwik.cjs",
@@ -94,16 +83,16 @@
 			"interactivity": 0
 		},
 		"../components/elements/RangeInput.qwik.cjs": {
-			"size": 3263,
-			"total": 3263,
+			"size": 3277,
+			"total": 3277,
 			"origins": [
 				"src/components/elements/RangeInput.tsx"
 			],
 			"interactivity": 0
 		},
 		"../components/elements/SelectMenu.qwik.cjs": {
-			"size": 4744,
-			"total": 8884,
+			"size": 4761,
+			"total": 8881,
 			"imports": [
 				"../components/elements/Dropdown.qwik.cjs",
 				"../components/functions.qwik.cjs"
@@ -114,8 +103,8 @@
 			"interactivity": 0
 		},
 		"../components/elements/Sidebar.qwik.cjs": {
-			"size": 1641,
-			"total": 2491,
+			"size": 1623,
+			"total": 2473,
 			"imports": [
 				"../components/functions.qwik.cjs"
 			],
@@ -125,8 +114,8 @@
 			"interactivity": 0
 		},
 		"../components/elements/Toggle.qwik.cjs": {
-			"size": 1993,
-			"total": 2843,
+			"size": 2015,
+			"total": 2865,
 			"imports": [
 				"../components/functions.qwik.cjs"
 			],
@@ -144,11 +133,10 @@
 			"interactivity": 0
 		},
 		"../index.qwik.cjs": {
-			"size": 1633,
-			"total": 64013,
+			"size": 1466,
+			"total": 58694,
 			"imports": [
 				"../components/elements/Anchor.qwik.cjs",
-				"../components/elements/Blobs.qwik.cjs",
 				"../components/elements/ColorPicker.qwik.cjs",
 				"../components/elements/Dropdown.qwik.cjs",
 				"../components/elements/Label.qwik.cjs",
@@ -166,48 +154,48 @@
 			"interactivity": 0
 		},
 		"../svg/ChevronDown.qwik.cjs": {
-			"size": 1008,
-			"total": 1008,
+			"size": 1000,
+			"total": 1000,
 			"origins": [
 				"src/svg/ChevronDown.tsx"
 			],
 			"interactivity": 0
 		},
 		"../svg/Link.qwik.cjs": {
-			"size": 1229,
-			"total": 1229,
+			"size": 1217,
+			"total": 1217,
 			"origins": [
 				"src/svg/Link.tsx"
 			],
 			"interactivity": 0
 		},
 		"../svg/Menu.qwik.cjs": {
-			"size": 1155,
-			"total": 1155,
+			"size": 1143,
+			"total": 1143,
 			"origins": [
 				"src/svg/Menu.tsx"
 			],
 			"interactivity": 0
 		},
 		"../svg/Minus.qwik.cjs": {
-			"size": 960,
-			"total": 960,
+			"size": 952,
+			"total": 952,
 			"origins": [
 				"src/svg/Minus.tsx"
 			],
 			"interactivity": 0
 		},
 		"../svg/Plus.qwik.cjs": {
-			"size": 1051,
-			"total": 1051,
+			"size": 1041,
+			"total": 1041,
 			"origins": [
 				"src/svg/Plus.tsx"
 			],
 			"interactivity": 0
 		},
 		"../svg/Shuffle.qwik.cjs": {
-			"size": 1489,
-			"total": 1489,
+			"size": 1473,
+			"total": 1473,
 			"origins": [
 				"src/svg/Shuffle.tsx"
 			],
@@ -223,9 +211,9 @@
 		}
 	},
 	"assets": {
-		"assets/ChtqwOpy-bundle-graph.json": {
+		"assets/CyrvYwp8-bundle-graph.json": {
 			"name": "bundle-graph.json",
-			"size": 46
+			"size": 43
 		}
 	},
 	"symbols": {},
@@ -234,6 +222,6 @@
 		"rollup": "4.23.0",
 		"env": "node",
 		"os": "linux",
-		"node": "24.14.1"
+		"node": "25.9.0"
 	}
 }

package/lib/svg/ChevronDown.qwik.cjs

@@ -1,8 +1,8 @@
 let _qwik_dev_core = require("@qwik.dev/core");
 //#region src/svg/ChevronDown.tsx
-var ChevronDown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
+var ChevronDown = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
 	const props = (0, _qwik_dev_core._restProps)(_rawProps, ["size"]);
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("svg", {
+	return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: (0, _qwik_dev_core._wrapProp)(_rawProps, "size"),
 		height: (0, _qwik_dev_core._wrapProp)(_rawProps, "size"),
@@ -14,7 +14,7 @@ var ChevronDown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
 		"stroke-linejoin": "round",
 		class: "lucide lucide-chevron-down-icon lucide-chevron-down",
 		...(0, _qwik_dev_core._getVarProps)(props)
-	}, (0, _qwik_dev_core._getConstProps)(props), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("path", null, { d: "m6 9 6 6 6-6" }, null, 3, null), 0, "EL_0");
+	}, (0, _qwik_dev_core._getConstProps)(props), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("path", null, { d: "m6 9 6 6 6-6" }, null, 3, null), 0, "EL_0");
 }, "ChevronDown_component_t7XDRYS4gVA"));
 //#endregion
 exports.ChevronDown = ChevronDown;

package/lib/svg/ChevronDown.qwik.mjs

@@ -1,8 +1,8 @@
 import { _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 //#region src/svg/ChevronDown.tsx
-var ChevronDown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
+var ChevronDown = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const props = _restProps(_rawProps, ["size"]);
-	return /* @__PURE__ */ _jsxSplit("svg", {
+	return /*#__PURE__*/ _jsxSplit("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: _wrapProp(_rawProps, "size"),
 		height: _wrapProp(_rawProps, "size"),
@@ -14,7 +14,7 @@ var ChevronDown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
 		"stroke-linejoin": "round",
 		class: "lucide lucide-chevron-down-icon lucide-chevron-down",
 		..._getVarProps(props)
-	}, _getConstProps(props), /* @__PURE__ */ _jsxSorted("path", null, { d: "m6 9 6 6 6-6" }, null, 3, null), 0, "EL_0");
+	}, _getConstProps(props), /*#__PURE__*/ _jsxSorted("path", null, { d: "m6 9 6 6 6-6" }, null, 3, null), 0, "EL_0");
 }, "ChevronDown_component_t7XDRYS4gVA"));
 //#endregion
 export { ChevronDown };