@luminescent/ui-qwik 7.0.0-2 → 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/index.d.ts

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

package/lib/components/elements/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,7 +2,8 @@ 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
 });
@@ -14,14 +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);
 	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)
@@ -34,20 +38,20 @@ 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", {
+	} }, 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;
@@ -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,7 +2,8 @@ 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
 });
@@ -14,14 +15,17 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
 		"nohamburger",
 		"nodismiss",
 		"class",
-		"colorClass"
+		"colorClass",
+		"innerProps"
 	]);
 	const menu = useSignal(false);
 	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)
@@ -34,20 +38,20 @@ 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", {
+	} }, 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;
@@ -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

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

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

@@ -5,9 +5,10 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
 	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)
 	}, {
@@ -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

@@ -5,9 +5,10 @@ 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)
 	}, {
@@ -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": "ehbkl2",
 	"options": {
 		"target": "lib",
 		"buildMode": "development",
@@ -8,7 +8,7 @@
 			"type": "inline"
 		}
 	},
-	"bundleGraphAsset": "assets/ChtqwOpy-bundle-graph.json",
+	"bundleGraphAsset": "assets/CyrvYwp8-bundle-graph.json",
 	"injections": [],
 	"mapping": {},
 	"bundles": {
@@ -24,17 +24,6 @@
 			],
 			"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,
@@ -61,16 +50,16 @@
 			"interactivity": 0
 		},
 		"../components/elements/Label.qwik.cjs": {
-			"size": 866,
-			"total": 866,
+			"size": 986,
+			"total": 986,
 			"origins": [
 				"src/components/elements/Label.tsx"
 			],
 			"interactivity": 0
 		},
 		"../components/elements/Nav.qwik.cjs": {
-			"size": 4143,
-			"total": 6148,
+			"size": 4119,
+			"total": 6124,
 			"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": 3427,
+			"total": 6288,
 			"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": 3301,
+			"total": 3301,
 			"origins": [
 				"src/components/elements/RangeInput.tsx"
 			],
 			"interactivity": 0
 		},
 		"../components/elements/SelectMenu.qwik.cjs": {
-			"size": 4744,
-			"total": 8884,
+			"size": 4789,
+			"total": 8929,
 			"imports": [
 				"../components/elements/Dropdown.qwik.cjs",
 				"../components/functions.qwik.cjs"
@@ -125,8 +114,8 @@
 			"interactivity": 0
 		},
 		"../components/elements/Toggle.qwik.cjs": {
-			"size": 1993,
-			"total": 2843,
+			"size": 2031,
+			"total": 2881,
 			"imports": [
 				"../components/functions.qwik.cjs"
 			],
@@ -144,11 +133,10 @@
 			"interactivity": 0
 		},
 		"../index.qwik.cjs": {
-			"size": 1633,
-			"total": 64013,
+			"size": 1466,
+			"total": 58817,
 			"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",
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "7.0.0-2",
+  "version": "7.0.0-3",
   "description": "Luminescent UI library - Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -10,8 +10,7 @@
       "types": "./lib/index.d.ts",
       "import": "./lib/index.qwik.mjs",
       "require": "./lib/index.qwik.cjs"
-    },
-    "./config": "./tailwind.config.js"
+    }
   },
   "files": [
     "lib"

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

@@ -1 +0,0 @@
-["../components/elements/Anchor.qwik.mjs",27,40,"../components/elements/Blobs.qwik.mjs",27,"../components/elements/ColorPicker.qwik.mjs",27,44,45,"../components/elements/Dropdown.qwik.mjs",27,39,"../components/elements/Label.qwik.mjs","../components/elements/Nav.qwik.mjs",27,41,"../components/elements/NumberInput.qwik.mjs",27,42,43,"../components/elements/RangeInput.qwik.mjs","../components/elements/SelectMenu.qwik.mjs",9,"../components/elements/Sidebar.qwik.mjs",27,"../components/elements/Toggle.qwik.mjs",27,"../components/functions.qwik.mjs","../index.qwik.mjs",0,3,5,12,13,16,20,21,23,25,"../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/ChtqwOpy-bundle-graph.json

@@ -1 +0,0 @@
-["../components/elements/Anchor.qwik.cjs",27,40,"../components/elements/Blobs.qwik.cjs",27,"../components/elements/ColorPicker.qwik.cjs",27,44,45,"../components/elements/Dropdown.qwik.cjs",27,39,"../components/elements/Label.qwik.cjs","../components/elements/Nav.qwik.cjs",27,41,"../components/elements/NumberInput.qwik.cjs",27,42,43,"../components/elements/RangeInput.qwik.cjs","../components/elements/SelectMenu.qwik.cjs",9,"../components/elements/Sidebar.qwik.cjs",27,"../components/elements/Toggle.qwik.cjs",27,"../components/functions.qwik.cjs","../index.qwik.cjs",0,3,5,12,13,16,20,21,23,25,"../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/Blobs.d.ts

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

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

@@ -1,36 +0,0 @@
-import { ClassList } from '@qwik.dev/core';
-export interface BlobProps {
-    class?: ClassList;
-    style?: {
-        [key: string]: string | number;
-    };
-    color?: keyof typeof blobColorClasses | [ClassList, ClassList, ClassList];
-    blur?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-}
-export declare const blobColorClasses: {
-    slate: string[];
-    gray: string[];
-    darkgray: string[];
-    darkergray: string[];
-    zinc: string[];
-    neutral: string[];
-    stone: string[];
-    red: string[];
-    orange: string[];
-    amber: string[];
-    yellow: string[];
-    lime: string[];
-    green: string[];
-    emerald: string[];
-    teal: string[];
-    cyan: string[];
-    sky: string[];
-    blue: string[];
-    indigo: string[];
-    violet: string[];
-    purple: string[];
-    fuchsia: string[];
-    pink: string[];
-    rose: string[];
-};
-export declare const Blobs: import("@qwik.dev/core").Component<BlobProps>;

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

@@ -1,190 +0,0 @@
-const require_functions = require("../functions.qwik.cjs");
-let _qwik_dev_core = require("@qwik.dev/core");
-//#region src/components/elements/Blobs.tsx
-var _hf0 = (p0) => ({
-	containerType: "size",
-	...p0.style
-});
-var blobColorClasses = {
-	slate: [
-		"bg-slate-400",
-		"bg-slate-500",
-		"bg-slate-600"
-	],
-	gray: [
-		"bg-gray-400",
-		"bg-gray-500",
-		"bg-gray-600"
-	],
-	darkgray: [
-		"bg-gray-500",
-		"bg-gray-600",
-		"bg-gray-700"
-	],
-	darkergray: [
-		"bg-gray-600",
-		"bg-gray-700",
-		"bg-gray-800"
-	],
-	zinc: [
-		"bg-zinc-400",
-		"bg-zinc-500",
-		"bg-zinc-600"
-	],
-	neutral: [
-		"bg-neutral-400",
-		"bg-neutral-500",
-		"bg-neutral-600"
-	],
-	stone: [
-		"bg-stone-400",
-		"bg-stone-500",
-		"bg-stone-600"
-	],
-	red: [
-		"bg-red-400",
-		"bg-red-500",
-		"bg-red-600"
-	],
-	orange: [
-		"bg-orange-400",
-		"bg-orange-500",
-		"bg-orange-600"
-	],
-	amber: [
-		"bg-amber-400",
-		"bg-amber-500",
-		"bg-amber-600"
-	],
-	yellow: [
-		"bg-yellow-400",
-		"bg-yellow-500",
-		"bg-yellow-600"
-	],
-	lime: [
-		"bg-lime-400",
-		"bg-lime-500",
-		"bg-lime-600"
-	],
-	green: [
-		"bg-green-400",
-		"bg-green-500",
-		"bg-green-600"
-	],
-	emerald: [
-		"bg-emerald-400",
-		"bg-emerald-500",
-		"bg-emerald-600"
-	],
-	teal: [
-		"bg-teal-400",
-		"bg-teal-500",
-		"bg-teal-600"
-	],
-	cyan: [
-		"bg-cyan-400",
-		"bg-cyan-500",
-		"bg-cyan-600"
-	],
-	sky: [
-		"bg-sky-400",
-		"bg-sky-500",
-		"bg-sky-600"
-	],
-	blue: [
-		"bg-blue-400",
-		"bg-blue-500",
-		"bg-blue-600"
-	],
-	indigo: [
-		"bg-indigo-400",
-		"bg-indigo-500",
-		"bg-indigo-600"
-	],
-	violet: [
-		"bg-violet-400",
-		"bg-violet-500",
-		"bg-violet-600"
-	],
-	purple: [
-		"bg-purple-400",
-		"bg-purple-500",
-		"bg-purple-600"
-	],
-	fuchsia: [
-		"bg-fuchsia-400",
-		"bg-fuchsia-500",
-		"bg-fuchsia-600"
-	],
-	pink: [
-		"bg-pink-400",
-		"bg-pink-500",
-		"bg-pink-600"
-	],
-	rose: [
-		"bg-rose-400",
-		"bg-rose-500",
-		"bg-rose-600"
-	]
-};
-var blobClasses = [
-	"animate-blob",
-	"animate-blob1",
-	"animate-blob2",
-	"animate-blob3",
-	"animate-blob4",
-	"animate-blob5",
-	"animate-blob6"
-];
-var Blobs = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
-	const props = (0, _qwik_dev_core._restProps)(_rawProps, [
-		"class",
-		"color",
-		"blur"
-	]);
-	const blob = Math.round(Math.random() * 6);
-	const colorClass = typeof (_rawProps.color ?? "darkgray") == "string" ? blobColorClasses[_rawProps.color ?? "darkgray"] : _rawProps.color ?? "darkgray";
-	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", {
-		class: {
-			"animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
-			...require_functions.getClassObject(_rawProps.class)
-		},
-		style: (0, _qwik_dev_core._fnSignal)(_hf0, [props])
-	}, null, [
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			[blobClasses[blob]]: true,
-			...require_functions.getClassObject(colorClass[0])
-		} }, null, null, 3, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			"anim-delay-[-5s]": true,
-			[blobClasses[blob]]: true,
-			...require_functions.getClassObject(colorClass[1])
-		} }, null, null, 3, null),
-		/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			"anim-delay-[-10s]": true,
-			[blobClasses[blob]]: true,
-			...require_functions.getClassObject(colorClass[2])
-		} }, null, null, 3, null)
-	], 1, "Mx_0");
-}, "Blobs_component_xCrUzl14bRQ"));
-//#endregion
-exports.Blobs = Blobs;
-exports.blobColorClasses = blobColorClasses;

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

@@ -1,189 +0,0 @@
-import { getClassObject } from "../functions.qwik.mjs";
-import { _fnSignal, _jsxSorted, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
-//#region src/components/elements/Blobs.tsx
-var _hf0 = (p0) => ({
-	containerType: "size",
-	...p0.style
-});
-var blobColorClasses = {
-	slate: [
-		"bg-slate-400",
-		"bg-slate-500",
-		"bg-slate-600"
-	],
-	gray: [
-		"bg-gray-400",
-		"bg-gray-500",
-		"bg-gray-600"
-	],
-	darkgray: [
-		"bg-gray-500",
-		"bg-gray-600",
-		"bg-gray-700"
-	],
-	darkergray: [
-		"bg-gray-600",
-		"bg-gray-700",
-		"bg-gray-800"
-	],
-	zinc: [
-		"bg-zinc-400",
-		"bg-zinc-500",
-		"bg-zinc-600"
-	],
-	neutral: [
-		"bg-neutral-400",
-		"bg-neutral-500",
-		"bg-neutral-600"
-	],
-	stone: [
-		"bg-stone-400",
-		"bg-stone-500",
-		"bg-stone-600"
-	],
-	red: [
-		"bg-red-400",
-		"bg-red-500",
-		"bg-red-600"
-	],
-	orange: [
-		"bg-orange-400",
-		"bg-orange-500",
-		"bg-orange-600"
-	],
-	amber: [
-		"bg-amber-400",
-		"bg-amber-500",
-		"bg-amber-600"
-	],
-	yellow: [
-		"bg-yellow-400",
-		"bg-yellow-500",
-		"bg-yellow-600"
-	],
-	lime: [
-		"bg-lime-400",
-		"bg-lime-500",
-		"bg-lime-600"
-	],
-	green: [
-		"bg-green-400",
-		"bg-green-500",
-		"bg-green-600"
-	],
-	emerald: [
-		"bg-emerald-400",
-		"bg-emerald-500",
-		"bg-emerald-600"
-	],
-	teal: [
-		"bg-teal-400",
-		"bg-teal-500",
-		"bg-teal-600"
-	],
-	cyan: [
-		"bg-cyan-400",
-		"bg-cyan-500",
-		"bg-cyan-600"
-	],
-	sky: [
-		"bg-sky-400",
-		"bg-sky-500",
-		"bg-sky-600"
-	],
-	blue: [
-		"bg-blue-400",
-		"bg-blue-500",
-		"bg-blue-600"
-	],
-	indigo: [
-		"bg-indigo-400",
-		"bg-indigo-500",
-		"bg-indigo-600"
-	],
-	violet: [
-		"bg-violet-400",
-		"bg-violet-500",
-		"bg-violet-600"
-	],
-	purple: [
-		"bg-purple-400",
-		"bg-purple-500",
-		"bg-purple-600"
-	],
-	fuchsia: [
-		"bg-fuchsia-400",
-		"bg-fuchsia-500",
-		"bg-fuchsia-600"
-	],
-	pink: [
-		"bg-pink-400",
-		"bg-pink-500",
-		"bg-pink-600"
-	],
-	rose: [
-		"bg-rose-400",
-		"bg-rose-500",
-		"bg-rose-600"
-	]
-};
-var blobClasses = [
-	"animate-blob",
-	"animate-blob1",
-	"animate-blob2",
-	"animate-blob3",
-	"animate-blob4",
-	"animate-blob5",
-	"animate-blob6"
-];
-var Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-	const props = _restProps(_rawProps, [
-		"class",
-		"color",
-		"blur"
-	]);
-	const blob = Math.round(Math.random() * 6);
-	const colorClass = typeof (_rawProps.color ?? "darkgray") == "string" ? blobColorClasses[_rawProps.color ?? "darkgray"] : _rawProps.color ?? "darkgray";
-	return /* @__PURE__ */ _jsxSorted("div", {
-		class: {
-			"animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
-			...getClassObject(_rawProps.class)
-		},
-		style: _fnSignal(_hf0, [props])
-	}, null, [
-		/* @__PURE__ */ _jsxSorted("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			[blobClasses[blob]]: true,
-			...getClassObject(colorClass[0])
-		} }, null, null, 3, null),
-		/* @__PURE__ */ _jsxSorted("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			"anim-delay-[-5s]": true,
-			[blobClasses[blob]]: true,
-			...getClassObject(colorClass[1])
-		} }, null, null, 3, null),
-		/* @__PURE__ */ _jsxSorted("div", { class: {
-			"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
-			"blur-xs": (_rawProps.blur ?? "xl") === "xs",
-			"blur-sm": (_rawProps.blur ?? "xl") === "sm",
-			"blur-md": (_rawProps.blur ?? "xl") === "md",
-			"blur-lg": (_rawProps.blur ?? "xl") === "lg",
-			"blur-xl": (_rawProps.blur ?? "xl") === "xl",
-			"anim-delay-[-10s]": true,
-			[blobClasses[blob]]: true,
-			...getClassObject(colorClass[2])
-		} }, null, null, 3, null)
-	], 1, "Mx_0");
-}, "Blobs_component_xCrUzl14bRQ"));
-//#endregion
-export { Blobs, blobColorClasses };