@luminescent/ui-qwik 6.8.3-2 → 7.0.0-0

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

@@ -1,134 +1,91 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Dropdown = require("./Dropdown.qwik.cjs");
-const SelectMenu = core.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: "flex flex-col",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", {
-        for: props.id ? `${props.id}-dropdown` : void 0,
-        class: "pb-1 text-lum-text select-none",
-        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SelectMenuRaw, {
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            "q:slot": "dropdown",
-            children: (props.customDropdown || !props.values?.length) && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-              name: "dropdown"
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            "q:slot": "extra-buttons",
-            children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-              name: "extra-buttons"
-            })
-          })
-        ]
-      })
-    ]
-  });
-});
-const SelectMenuRaw = core.component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
-  const store = core.useStore({
-    opened: false,
-    value: props.value
-  });
-  const selectRef = core.useSignal();
-  const selected = values?.find((v) => v.value === store.value);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: {
-      "relative touch-manipulation": true,
-      group: hover
-    },
-    children: [
-      values && /* @__PURE__ */ jsxRuntime.jsx("select", {
-        ...props,
-        ref: selectRef,
-        class: "hidden",
-        children: values.map((value, i) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("option", {
-            value: value.value,
-            children: `${value.value}`
-          }, i);
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs(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 = (e2) => {
-            if (!store.opened) return document.removeEventListener("click", listener);
-            const path = e2.composedPath();
-            if (path.includes(el)) return;
-            store.opened = false;
-            document.removeEventListener("click", listener);
-          };
-          document.addEventListener("click", listener);
-        },
-        children: [
-          customDropdown && /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-            name: "dropdown"
-          }),
-          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-            name: "dropdown"
-          }))
-        ]
-      }),
-      hover && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "h-2 absolute w-full"
-      }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(core.Slot, {
-            name: "extra-buttons"
-          })
-        ]
-      })
-    ]
-  });
-});
+const require_functions = require("../functions.qwik.cjs");
+const require_Dropdown = require("./Dropdown.qwik.cjs");
+let _qwik_dev_core = require("@qwik.dev/core");
+//#region src/components/elements/SelectMenu.tsx
+var _hf0 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
+var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ 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._jsxSorted)("div", { class: {
+		"relative touch-manipulation": true,
+		group: hover
+	} }, null, [
+		values && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("select", {
+			"q-e:change": props.onChange$,
+			...(0, _qwik_dev_core._getVarProps)(props),
+			ref: selectRef
+		}, {
+			...(0, _qwik_dev_core._getConstProps)(props),
+			class: "hidden"
+		}, values.map((value, 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, {
+			class: {
+				"w-full": true,
+				...require_functions.getClassObject(Class)
+			},
+			onClick$: /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
+				const hover = _qwik_dev_core._captures[0], nocloseonclick = _qwik_dev_core._captures[1], store = _qwik_dev_core._captures[2];
+				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);
+			}, "SelectMenu_component_div_Dropdown_onClick_BY0N38IjOkc", [
+				hover,
+				nocloseonclick,
+				store
+			])
+		}, {
+			id: (0, _qwik_dev_core._fnSignal)(_hf0, [props]),
+			opened: (0, _qwik_dev_core._wrapProp)(store, "opened")
+		}, [customDropdown && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
+		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": !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,
+			...require_functions.getClassObject(panelClass)
+		} }, null, [values?.map(({ name, value }, i) => {
+			return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
+				class: {
+					"lum-btn rounded-lum-1": true,
+					...require_functions.getClassObject(btnClass)
+				},
+				"q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
+					el.blur();
+					store.opened = false;
+					const select = selectRef.value;
+					if (select) {
+						select.value = value.toString();
+						select.dispatchEvent(new Event("change"));
+					}
+					store.value = value.toString();
+				}, "SelectMenu_component_div_div_button_q_e_click_97KSV2AGDGw"),
+				"q:ps": [
+					selectRef,
+					store,
+					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");
+}, "SelectMenu_component_ofsf7iGvkLg"));
+//#endregion
 exports.SelectMenu = SelectMenu;
-exports.SelectMenuRaw = SelectMenuRaw;

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

@@ -1,134 +1,91 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, Slot, useStore, useSignal } from "@qwik.dev/core";
+import { getClassObject } from "../functions.qwik.mjs";
 import { Dropdown } from "./Dropdown.qwik.mjs";
-const 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"
-            })
-          })
-        ]
-      })
-    ]
-  });
-});
-const 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 = (e2) => {
-            if (!store.opened) return document.removeEventListener("click", listener);
-            const path = e2.composedPath();
-            if (path.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"
-          })
-        ]
-      })
-    ]
-  });
-});
-export {
-  SelectMenu,
-  SelectMenuRaw
-};
+import { Slot, _captures, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl, useSignal, useStore } from "@qwik.dev/core";
+//#region src/components/elements/SelectMenu.tsx
+var _hf0 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
+var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ 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__ */ _jsxSorted("div", { class: {
+		"relative touch-manipulation": true,
+		group: hover
+	} }, null, [
+		values && /* @__PURE__ */ _jsxSplit("select", {
+			"q-e:change": props.onChange$,
+			..._getVarProps(props),
+			ref: selectRef
+		}, {
+			..._getConstProps(props),
+			class: "hidden"
+		}, values.map((value, i) => {
+			return /* @__PURE__ */ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
+		}), 0, "WO_0"),
+		/* @__PURE__ */ _jsxSorted(Dropdown, {
+			class: {
+				"w-full": true,
+				...getClassObject(Class)
+			},
+			onClick$: /* @__PURE__ */ inlinedQrl((e, el) => {
+				const hover = _captures[0], nocloseonclick = _captures[1], store = _captures[2];
+				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);
+			}, "SelectMenu_component_div_Dropdown_onClick_BY0N38IjOkc", [
+				hover,
+				nocloseonclick,
+				store
+			])
+		}, {
+			id: _fnSignal(_hf0, [props]),
+			opened: _wrapProp(store, "opened")
+		}, [customDropdown && /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
+		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": !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,
+			...getClassObject(panelClass)
+		} }, null, [values?.map(({ name, value }, i) => {
+			return /* @__PURE__ */ _jsxSorted("button", {
+				class: {
+					"lum-btn rounded-lum-1": true,
+					...getClassObject(btnClass)
+				},
+				"q-e:click": /* @__PURE__ */ inlinedQrl((e, el, selectRef, store, value) => {
+					el.blur();
+					store.opened = false;
+					const select = selectRef.value;
+					if (select) {
+						select.value = value.toString();
+						select.dispatchEvent(new Event("change"));
+					}
+					store.value = value.toString();
+				}, "SelectMenu_component_div_div_button_q_e_click_97KSV2AGDGw"),
+				"q:ps": [
+					selectRef,
+					store,
+					value
+				]
+			}, { type: "button" }, name, 4, i);
+		}), /* @__PURE__ */ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
+	], 1, "WO_6");
+}, "SelectMenu_component_ofsf7iGvkLg"));
+//#endregion
+export { SelectMenu };

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

@@ -1,8 +1,5 @@
 import { PropsOf } from '@qwik.dev/core';
-interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
-    class?: {
-        [key: string]: boolean;
-    };
+interface SidebarProps extends PropsOf<'aside'> {
     floating?: boolean;
     position?: 'left' | 'right';
 }

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

@@ -1,37 +1,20 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Sidebar = core.component$(({ position, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("aside", {
-    ...props,
-    class: {
-      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
-      "left-0 border-0 border-r": position === "left" || !position,
-      "right-0 border-0 border-l": position === "right",
-      ...props.class
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsxs("nav", {
-      id: "docs-sidebar",
-      class: "min-h-full relative",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "flex-1",
-            children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
-              name: "title"
-            })
-          })
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: {
-            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-        })
-      ]
-    })
-  });
-});
+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)(({ position, class: Class, ...props }) => {
+	return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("aside", {
+		...(0, _qwik_dev_core._getVarProps)(props),
+		...(0, _qwik_dev_core._getConstProps)(props),
+		class: {
+			"hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+			"left-0 border-0 border-r": position === "left" || !position,
+			"right-0 border-0 border-l": position === "right",
+			...require_functions.getClassObject(Class)
+		}
+	}, 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");
+}, "Sidebar_component_moIMGaONnvw"));
+//#endregion
 exports.Sidebar = Sidebar;

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

@@ -1,37 +1,20 @@
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { component$, Slot } from "@qwik.dev/core";
-const Sidebar = component$(({ position, ...props }) => {
-  return /* @__PURE__ */ jsx("aside", {
-    ...props,
-    class: {
-      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
-      "left-0 border-0 border-r": position === "left" || !position,
-      "right-0 border-0 border-l": position === "right",
-      ...props.class
-    },
-    children: /* @__PURE__ */ jsxs("nav", {
-      id: "docs-sidebar",
-      class: "min-h-full relative",
-      children: [
-        /* @__PURE__ */ jsx("div", {
-          class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
-          children: /* @__PURE__ */ jsx("div", {
-            class: "flex-1",
-            children: /* @__PURE__ */ jsx(Slot, {
-              name: "title"
-            })
-          })
-        }),
-        /* @__PURE__ */ jsx("div", {
-          class: {
-            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
-          },
-          children: /* @__PURE__ */ jsx(Slot, {})
-        })
-      ]
-    })
-  });
-});
-export {
-  Sidebar
-};
+import { getClassObject } from "../functions.qwik.mjs";
+import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/components/elements/Sidebar.tsx
+var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ position, class: Class, ...props }) => {
+	return /* @__PURE__ */ _jsxSplit("aside", {
+		..._getVarProps(props),
+		..._getConstProps(props),
+		class: {
+			"hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+			"left-0 border-0 border-r": position === "left" || !position,
+			"right-0 border-0 border-l": position === "right",
+			...getClassObject(Class)
+		}
+	}, 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");
+}, "Sidebar_component_moIMGaONnvw"));
+//#endregion
+export { Sidebar };

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

@@ -1,8 +1,7 @@
 import type { PropsOf } from '@qwik.dev/core';
 interface ToggleProps extends Omit<PropsOf<'input'> & {
     type: 'checkbox';
-}, 'class' | 'bind:checked' | 'type' | 'children'> {
-    class?: string;
+}, 'bind:checked' | 'type' | 'children'> {
     checkbox?: boolean;
     round?: boolean;
 }