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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/LICENSE +661 -0
  2. package/lib/assets/BBIagblG-bundle-graph.json +1 -0
  3. package/lib/assets/ChtqwOpy-bundle-graph.json +1 -0
  4. package/lib/components/elements/Anchor.d.ts +1 -4
  5. package/lib/components/elements/Anchor.qwik.cjs +21 -25
  6. package/lib/components/elements/Anchor.qwik.mjs +21 -25
  7. package/lib/components/elements/Blobs.d.ts +3 -4
  8. package/lib/components/elements/Blobs.qwik.cjs +181 -187
  9. package/lib/components/elements/Blobs.qwik.mjs +182 -189
  10. package/lib/components/elements/ColorPicker.d.ts +1 -4
  11. package/lib/components/elements/ColorPicker.qwik.cjs +285 -303
  12. package/lib/components/elements/ColorPicker.qwik.mjs +285 -303
  13. package/lib/components/elements/Dropdown.d.ts +1 -4
  14. package/lib/components/elements/Dropdown.qwik.cjs +20 -30
  15. package/lib/components/elements/Dropdown.qwik.mjs +20 -30
  16. package/lib/components/elements/Label.d.ts +6 -0
  17. package/lib/components/elements/Label.qwik.cjs +10 -0
  18. package/lib/components/elements/Label.qwik.mjs +10 -0
  19. package/lib/components/elements/Nav.d.ts +3 -6
  20. package/lib/components/elements/Nav.qwik.cjs +63 -97
  21. package/lib/components/elements/Nav.qwik.mjs +63 -97
  22. package/lib/components/elements/NumberInput.d.ts +4 -11
  23. package/lib/components/elements/NumberInput.qwik.cjs +52 -78
  24. package/lib/components/elements/NumberInput.qwik.mjs +51 -77
  25. package/lib/components/elements/RangeInput.d.ts +2 -9
  26. package/lib/components/elements/RangeInput.qwik.cjs +45 -76
  27. package/lib/components/elements/RangeInput.qwik.mjs +46 -77
  28. package/lib/components/elements/SelectMenu.d.ts +5 -8
  29. package/lib/components/elements/SelectMenu.qwik.cjs +90 -133
  30. package/lib/components/elements/SelectMenu.qwik.mjs +90 -133
  31. package/lib/components/elements/Sidebar.d.ts +1 -4
  32. package/lib/components/elements/Sidebar.qwik.cjs +19 -36
  33. package/lib/components/elements/Sidebar.qwik.mjs +20 -37
  34. package/lib/components/elements/Toggle.d.ts +1 -2
  35. package/lib/components/elements/Toggle.qwik.cjs +22 -38
  36. package/lib/components/elements/Toggle.qwik.mjs +23 -39
  37. package/lib/components/elements.d.ts +1 -0
  38. package/lib/components/functions.d.ts +2 -0
  39. package/lib/components/functions.qwik.cjs +19 -16
  40. package/lib/components/functions.qwik.mjs +19 -17
  41. package/lib/index.d.ts +0 -1
  42. package/lib/index.qwik.cjs +26 -48
  43. package/lib/index.qwik.mjs +6 -42
  44. package/lib/q-manifest.json +239 -0
  45. package/lib/svg/ChevronDown.d.ts +1 -1
  46. package/lib/svg/ChevronDown.qwik.cjs +18 -22
  47. package/lib/svg/ChevronDown.qwik.mjs +19 -23
  48. package/lib/svg/Link.d.ts +1 -1
  49. package/lib/svg/Link.qwik.cjs +27 -33
  50. package/lib/svg/Link.qwik.mjs +28 -34
  51. package/lib/svg/Menu.d.ts +1 -1
  52. package/lib/svg/Menu.qwik.cjs +22 -30
  53. package/lib/svg/Menu.qwik.mjs +23 -31
  54. package/lib/svg/Minus.d.ts +1 -1
  55. package/lib/svg/Minus.qwik.cjs +18 -22
  56. package/lib/svg/Minus.qwik.mjs +19 -23
  57. package/lib/svg/Plus.d.ts +1 -1
  58. package/lib/svg/Plus.qwik.cjs +18 -27
  59. package/lib/svg/Plus.qwik.mjs +19 -28
  60. package/lib/svg/Shuffle.d.ts +1 -1
  61. package/lib/svg/Shuffle.qwik.cjs +24 -36
  62. package/lib/svg/Shuffle.qwik.mjs +25 -37
  63. package/lib/utils/color.qwik.cjs +101 -115
  64. package/lib/utils/color.qwik.mjs +102 -122
  65. package/package.json +14 -14
  66. package/lib/components/logos/Birdflop.d.ts +0 -7
  67. package/lib/components/logos/Birdflop.qwik.cjs +0 -73
  68. package/lib/components/logos/Birdflop.qwik.mjs +0 -73
  69. package/lib/components/logos/Discord.d.ts +0 -2
  70. package/lib/components/logos/Discord.qwik.cjs +0 -18
  71. package/lib/components/logos/Discord.qwik.mjs +0 -18
  72. package/lib/components/logos/Fabric.d.ts +0 -2
  73. package/lib/components/logos/Fabric.qwik.cjs +0 -32
  74. package/lib/components/logos/Fabric.qwik.mjs +0 -32
  75. package/lib/components/logos/Forge.d.ts +0 -2
  76. package/lib/components/logos/Forge.qwik.cjs +0 -31
  77. package/lib/components/logos/Forge.qwik.mjs +0 -31
  78. package/lib/components/logos/Luminescent.d.ts +0 -3
  79. package/lib/components/logos/Luminescent.qwik.cjs +0 -143
  80. package/lib/components/logos/Luminescent.qwik.mjs +0 -143
  81. package/lib/components/logos/Paper.d.ts +0 -2
  82. package/lib/components/logos/Paper.qwik.cjs +0 -40
  83. package/lib/components/logos/Paper.qwik.mjs +0 -40
  84. package/lib/components/logos/Pterodactyl.d.ts +0 -2
  85. package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
  86. package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
  87. package/lib/components/logos/Purpur.d.ts +0 -2
  88. package/lib/components/logos/Purpur.qwik.cjs +0 -76
  89. package/lib/components/logos/Purpur.qwik.mjs +0 -76
  90. package/lib/components/logos/Velocity.d.ts +0 -2
  91. package/lib/components/logos/Velocity.qwik.cjs +0 -27
  92. package/lib/components/logos/Velocity.qwik.mjs +0 -27
  93. package/lib/components/logos/Waterfall.d.ts +0 -2
  94. package/lib/components/logos/Waterfall.qwik.cjs +0 -21
  95. package/lib/components/logos/Waterfall.qwik.mjs +0 -21
  96. package/lib/components/logos.d.ts +0 -10
  97. /package/lib/components/docs/{IconsLogos.d.ts → Label.d.ts} +0 -0
  98. /package/lib/{components/logos → svg}/IconProps.d.ts +0 -0
@@ -1,31 +1,21 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
4
- const core = require("@qwik.dev/core");
5
- const ChevronDown = require("../../svg/ChevronDown.qwik.cjs");
6
- const Dropdown = core.component$(({ class: Class, hover, opened, ...props }) => {
7
- return /* @__PURE__ */ jsxRuntime.jsxs("button", {
8
- type: "button",
9
- class: {
10
- "group lum-btn": true,
11
- ...Class
12
- },
13
- ...props,
14
- children: [
15
- /* @__PURE__ */ jsxRuntime.jsx("span", {
16
- class: "flex-1 text-left",
17
- children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
18
- }),
19
- /* @__PURE__ */ jsxRuntime.jsx(ChevronDown.ChevronDown, {
20
- size: 16,
21
- class: {
22
- "ease-out motion-safe:transition-transform": true,
23
- "rotate-180 transform": opened,
24
- "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
25
- "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
26
- }
27
- })
28
- ]
29
- });
30
- });
1
+ const require_functions = require("../functions.qwik.cjs");
2
+ const require_ChevronDown = require("../../svg/ChevronDown.qwik.cjs");
3
+ let _qwik_dev_core = require("@qwik.dev/core");
4
+ //#region src/components/elements/Dropdown.tsx
5
+ var Dropdown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ class: Class, hover, opened, ...props }) => {
6
+ return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("button", {
7
+ type: "button",
8
+ class: {
9
+ "group lum-btn": true,
10
+ ...require_functions.getClassObject(Class)
11
+ },
12
+ ...(0, _qwik_dev_core._getVarProps)(props)
13
+ }, (0, _qwik_dev_core._getConstProps)(props), [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_ChevronDown.ChevronDown, { class: {
14
+ "ease-out motion-safe:transition-transform": true,
15
+ "rotate-180 transform": opened,
16
+ "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
17
+ "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
18
+ } }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
19
+ }, "Dropdown_component_uFQ6p5skpCY"));
20
+ //#endregion
31
21
  exports.Dropdown = Dropdown;
@@ -1,31 +1,21 @@
1
- import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
2
- import { component$, Slot } from "@qwik.dev/core";
1
+ import { getClassObject } from "../functions.qwik.mjs";
3
2
  import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
4
- const Dropdown = component$(({ class: Class, hover, opened, ...props }) => {
5
- return /* @__PURE__ */ jsxs("button", {
6
- type: "button",
7
- class: {
8
- "group lum-btn": true,
9
- ...Class
10
- },
11
- ...props,
12
- children: [
13
- /* @__PURE__ */ jsx("span", {
14
- class: "flex-1 text-left",
15
- children: /* @__PURE__ */ jsx(Slot, {})
16
- }),
17
- /* @__PURE__ */ jsx(ChevronDown, {
18
- size: 16,
19
- class: {
20
- "ease-out motion-safe:transition-transform": true,
21
- "rotate-180 transform": opened,
22
- "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
23
- "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
24
- }
25
- })
26
- ]
27
- });
28
- });
29
- export {
30
- Dropdown
31
- };
3
+ import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl } from "@qwik.dev/core";
4
+ //#region src/components/elements/Dropdown.tsx
5
+ var Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ class: Class, hover, opened, ...props }) => {
6
+ return /* @__PURE__ */ _jsxSplit("button", {
7
+ type: "button",
8
+ class: {
9
+ "group lum-btn": true,
10
+ ...getClassObject(Class)
11
+ },
12
+ ..._getVarProps(props)
13
+ }, _getConstProps(props), [/* @__PURE__ */ _jsxSorted("span", null, { class: "flex-1 text-left" }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Q4_0"), 1, null), /* @__PURE__ */ _jsxSorted(ChevronDown, { class: {
14
+ "ease-out motion-safe:transition-transform": true,
15
+ "rotate-180 transform": opened,
16
+ "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
17
+ "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
18
+ } }, { size: 16 }, null, 3, "Q4_1")], 0, "Q4_2");
19
+ }, "Dropdown_component_uFQ6p5skpCY"));
20
+ //#endregion
21
+ export { Dropdown };
@@ -0,0 +1,6 @@
1
+ import type { PropsOf } from '@qwik.dev/core';
2
+ interface LabelProps extends PropsOf<'label'> {
3
+ label?: string;
4
+ }
5
+ export declare const Label: import("@qwik.dev/core").Component<LabelProps>;
6
+ export {};
@@ -0,0 +1,10 @@
1
+ let _qwik_dev_core = require("@qwik.dev/core");
2
+ //#region src/components/elements/Label.tsx
3
+ var Label = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((props) => {
4
+ 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) }, {
5
+ ...(0, _qwik_dev_core._getConstProps)(props),
6
+ class: "pb-1 text-lum-text select-none"
7
+ }, [(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");
8
+ }, "Label_component_k1r00IhIA0s"));
9
+ //#endregion
10
+ exports.Label = Label;
@@ -0,0 +1,10 @@
1
+ import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
2
+ //#region src/components/elements/Label.tsx
3
+ var Label = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
4
+ return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-col" }, [/* @__PURE__ */ _jsxSplit("label", { ..._getVarProps(props) }, {
5
+ ..._getConstProps(props),
6
+ class: "pb-1 text-lum-text select-none"
7
+ }, [_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");
8
+ }, "Label_component_k1r00IhIA0s"));
9
+ //#endregion
10
+ export { Label };
@@ -1,14 +1,11 @@
1
- import type { PropsOf } from '@qwik.dev/core';
2
- interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
3
- class?: {
4
- [key: string]: boolean;
5
- };
1
+ import type { ClassList, PropsOf } from '@qwik.dev/core';
2
+ interface NavProps extends PropsOf<'nav'> {
6
3
  fixed?: boolean;
7
4
  floating?: boolean;
8
5
  noblur?: boolean;
9
6
  nohamburger?: boolean;
10
7
  nodismiss?: boolean;
11
- colorClass?: string;
8
+ colorClass?: ClassList;
12
9
  }
13
10
  export declare const Nav: import("@qwik.dev/core").Component<NavProps>;
14
11
  export {};
@@ -1,98 +1,64 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
4
- const core = require("@qwik.dev/core");
5
- const Menu = require("../../svg/Menu.qwik.cjs");
6
- const Nav = core.component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
7
- const menu = core.useSignal(false);
8
- core.useTask$(({ track }) => {
9
- track(() => menu.value);
10
- if (menu.value && !nodismiss) {
11
- const onClick = (e) => {
12
- let el = e.target;
13
- while (el) {
14
- if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
15
- return;
16
- }
17
- el = el.parentElement;
18
- }
19
- menu.value = false;
20
- window.removeEventListener("click", onClick);
21
- };
22
- window.addEventListener("click", onClick);
23
- }
24
- });
25
- return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
26
- ...props,
27
- class: {
28
- "top-0 left-0 z-50 flex w-full flex-col": true,
29
- fixed,
30
- absolute: !fixed,
31
- ...props.class
32
- },
33
- children: [
34
- !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("div", {
35
- class: {
36
- "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
37
- "w-[calc(100%-(--spacing(8)))] mx-4": floating,
38
- "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
39
- "mt-2": menu.value,
40
- "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
41
- "backdrop-blur-lg": !noblur,
42
- [colorClass]: true
43
- },
44
- children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
45
- name: "mobile"
46
- })
47
- }),
48
- /* @__PURE__ */ jsxRuntime.jsx("div", {
49
- class: {
50
- [colorClass]: !floating,
51
- "border-x-0! border-t-0!": !floating,
52
- "backdrop-blur-lg": !noblur && !floating,
53
- "relative mx-2 mt-2": floating
54
- },
55
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
56
- class: {
57
- "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
58
- [colorClass]: floating,
59
- "rounded-lum border": floating,
60
- "backdrop-blur-lg": !noblur && floating
61
- },
62
- children: [
63
- /* @__PURE__ */ jsxRuntime.jsx("div", {
64
- class: "flex flex-1 items-center justify-start gap-2 py-2",
65
- children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
66
- name: "start"
67
- })
68
- }),
69
- /* @__PURE__ */ jsxRuntime.jsx("div", {
70
- class: "flex flex-1 items-center justify-center gap-2 py-2",
71
- children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
72
- name: "center"
73
- })
74
- }),
75
- /* @__PURE__ */ jsxRuntime.jsxs("div", {
76
- class: "flex flex-1 items-center justify-end gap-2 py-2",
77
- children: [
78
- /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
79
- name: "end"
80
- }),
81
- !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
82
- name: "Navigation Menu",
83
- title: "Navigation Menu",
84
- class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
85
- onClick$: () => menu.value = !menu.value,
86
- children: /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu, {
87
- size: 24
88
- })
89
- })
90
- ]
91
- })
92
- ]
93
- })
94
- })
95
- ]
96
- });
97
- });
1
+ const require_functions = require("../functions.qwik.cjs");
2
+ const require_Menu = require("../../svg/Menu.qwik.cjs");
3
+ let _qwik_dev_core = require("@qwik.dev/core");
4
+ //#region src/components/elements/Nav.tsx
5
+ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
6
+ const menu = (0, _qwik_dev_core.useSignal)(false);
7
+ (0, _qwik_dev_core.useTaskQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(({ track }) => {
8
+ const menu = _qwik_dev_core._captures[0], nodismiss = _qwik_dev_core._captures[1];
9
+ track(() => menu.value);
10
+ if (menu.value && !nodismiss) {
11
+ const onClick = (e) => {
12
+ let el = e.target;
13
+ while (el) {
14
+ if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
15
+ el = el.parentElement;
16
+ }
17
+ menu.value = false;
18
+ window.removeEventListener("click", onClick);
19
+ };
20
+ window.addEventListener("click", onClick);
21
+ }
22
+ }, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
23
+ return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("nav", {
24
+ ...(0, _qwik_dev_core._getVarProps)(props),
25
+ ...(0, _qwik_dev_core._getConstProps)(props),
26
+ class: {
27
+ "top-0 left-0 z-50 flex w-full flex-col": true,
28
+ fixed,
29
+ absolute: !fixed,
30
+ ...require_functions.getClassObject(Class)
31
+ }
32
+ }, null, [!nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
33
+ "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
34
+ "w-[calc(100%-(--spacing(8)))] mx-4": floating,
35
+ "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
36
+ "mt-2": menu.value,
37
+ "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
38
+ "backdrop-blur-lg": !noblur,
39
+ ...require_functions.getClassObject(colorClass)
40
+ } }, 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: {
41
+ ...require_functions.getClassObject(colorClass),
42
+ "border-x-0! border-t-0!": !floating,
43
+ "backdrop-blur-lg": !noblur && !floating,
44
+ "relative mx-2 mt-2": floating
45
+ } }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
46
+ "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
47
+ ...require_functions.getClassObject(colorClass),
48
+ "rounded-lum border": floating,
49
+ "backdrop-blur-lg": !noblur && floating
50
+ } }, null, [
51
+ /* @__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),
52
+ /* @__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),
53
+ /* @__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"), !nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
54
+ "q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
55
+ "q:p": menu
56
+ }, {
57
+ name: "Navigation Menu",
58
+ title: "Navigation Menu",
59
+ class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
60
+ }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
61
+ ], 1, null), 1, null)], 0, "03_7");
62
+ }, "Nav_component_GVA94DyavJM"));
63
+ //#endregion
98
64
  exports.Nav = Nav;
@@ -1,98 +1,64 @@
1
- import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
2
- import { component$, useSignal, useTask$, Slot } from "@qwik.dev/core";
1
+ import { getClassObject } from "../functions.qwik.mjs";
3
2
  import { Menu } from "../../svg/Menu.qwik.mjs";
4
- const Nav = component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
5
- const menu = useSignal(false);
6
- useTask$(({ track }) => {
7
- track(() => menu.value);
8
- if (menu.value && !nodismiss) {
9
- const onClick = (e) => {
10
- let el = e.target;
11
- while (el) {
12
- if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
13
- return;
14
- }
15
- el = el.parentElement;
16
- }
17
- menu.value = false;
18
- window.removeEventListener("click", onClick);
19
- };
20
- window.addEventListener("click", onClick);
21
- }
22
- });
23
- return /* @__PURE__ */ jsxs("nav", {
24
- ...props,
25
- class: {
26
- "top-0 left-0 z-50 flex w-full flex-col": true,
27
- fixed,
28
- absolute: !fixed,
29
- ...props.class
30
- },
31
- children: [
32
- !nohamburger && /* @__PURE__ */ jsx("div", {
33
- class: {
34
- "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
35
- "w-[calc(100%-(--spacing(8)))] mx-4": floating,
36
- "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
37
- "mt-2": menu.value,
38
- "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
39
- "backdrop-blur-lg": !noblur,
40
- [colorClass]: true
41
- },
42
- children: /* @__PURE__ */ jsx(Slot, {
43
- name: "mobile"
44
- })
45
- }),
46
- /* @__PURE__ */ jsx("div", {
47
- class: {
48
- [colorClass]: !floating,
49
- "border-x-0! border-t-0!": !floating,
50
- "backdrop-blur-lg": !noblur && !floating,
51
- "relative mx-2 mt-2": floating
52
- },
53
- children: /* @__PURE__ */ jsxs("div", {
54
- class: {
55
- "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
56
- [colorClass]: floating,
57
- "rounded-lum border": floating,
58
- "backdrop-blur-lg": !noblur && floating
59
- },
60
- children: [
61
- /* @__PURE__ */ jsx("div", {
62
- class: "flex flex-1 items-center justify-start gap-2 py-2",
63
- children: /* @__PURE__ */ jsx(Slot, {
64
- name: "start"
65
- })
66
- }),
67
- /* @__PURE__ */ jsx("div", {
68
- class: "flex flex-1 items-center justify-center gap-2 py-2",
69
- children: /* @__PURE__ */ jsx(Slot, {
70
- name: "center"
71
- })
72
- }),
73
- /* @__PURE__ */ jsxs("div", {
74
- class: "flex flex-1 items-center justify-end gap-2 py-2",
75
- children: [
76
- /* @__PURE__ */ jsx(Slot, {
77
- name: "end"
78
- }),
79
- !nohamburger && /* @__PURE__ */ jsx("button", {
80
- name: "Navigation Menu",
81
- title: "Navigation Menu",
82
- class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
83
- onClick$: () => menu.value = !menu.value,
84
- children: /* @__PURE__ */ jsx(Menu, {
85
- size: 24
86
- })
87
- })
88
- ]
89
- })
90
- ]
91
- })
92
- })
93
- ]
94
- });
95
- });
96
- export {
97
- Nav
98
- };
3
+ import { Slot, _captures, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, componentQrl, inlinedQrl, useSignal, useTaskQrl } from "@qwik.dev/core";
4
+ //#region src/components/elements/Nav.tsx
5
+ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ fixed, floating, noblur, nohamburger, nodismiss, class: Class, colorClass = "lum-bg-lum-card-bg", ...props }) => {
6
+ const menu = useSignal(false);
7
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
8
+ const menu = _captures[0], nodismiss = _captures[1];
9
+ track(() => menu.value);
10
+ if (menu.value && !nodismiss) {
11
+ const onClick = (e) => {
12
+ let el = e.target;
13
+ while (el) {
14
+ if (el.classList && el.classList.contains("nav-ignore-dismiss")) return;
15
+ el = el.parentElement;
16
+ }
17
+ menu.value = false;
18
+ window.removeEventListener("click", onClick);
19
+ };
20
+ window.addEventListener("click", onClick);
21
+ }
22
+ }, "Nav_component_useTask_ZYe1GvC0CAM", [menu, nodismiss]));
23
+ return /* @__PURE__ */ _jsxSplit("nav", {
24
+ ..._getVarProps(props),
25
+ ..._getConstProps(props),
26
+ class: {
27
+ "top-0 left-0 z-50 flex w-full flex-col": true,
28
+ fixed,
29
+ absolute: !fixed,
30
+ ...getClassObject(Class)
31
+ }
32
+ }, null, [!nohamburger && /* @__PURE__ */ _jsxSorted("div", { class: {
33
+ "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
34
+ "w-[calc(100%-(--spacing(8)))] mx-4": floating,
35
+ "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
36
+ "mt-2": menu.value,
37
+ "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
38
+ "backdrop-blur-lg": !noblur,
39
+ ...getClassObject(colorClass)
40
+ } }, null, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ _jsxSorted("div", { class: {
41
+ ...getClassObject(colorClass),
42
+ "border-x-0! border-t-0!": !floating,
43
+ "backdrop-blur-lg": !noblur && !floating,
44
+ "relative mx-2 mt-2": floating
45
+ } }, null, /* @__PURE__ */ _jsxSorted("div", { class: {
46
+ "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
47
+ ...getClassObject(colorClass),
48
+ "rounded-lum border": floating,
49
+ "backdrop-blur-lg": !noblur && floating
50
+ } }, null, [
51
+ /* @__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),
52
+ /* @__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),
53
+ /* @__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"), !nohamburger && /* @__PURE__ */ _jsxSorted("button", {
54
+ "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, menu) => menu.value = !menu.value, "Nav_component_nav_div_div_div_button_q_e_click_rIKeLxoPukM"),
55
+ "q:p": menu
56
+ }, {
57
+ name: "Navigation Menu",
58
+ title: "Navigation Menu",
59
+ class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2"
60
+ }, /* @__PURE__ */ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 1, null)
61
+ ], 1, null), 1, null)], 0, "03_7");
62
+ }, "Nav_component_GVA94DyavJM"));
63
+ //#endregion
64
+ export { Nav };
@@ -1,21 +1,14 @@
1
1
  import type { PropsOf, QRL } from '@qwik.dev/core';
2
- interface NumberInputRawProps extends Omit<PropsOf<'input'> & {
2
+ interface NumberInputProps extends Omit<PropsOf<'input'> & {
3
3
  type: 'number';
4
- }, 'class' | 'type'> {
5
- onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
6
- onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
4
+ }, 'type'> {
5
+ onDecrement$?: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
6
+ onIncrement$?: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
7
7
  input?: boolean;
8
- class?: {
9
- [key: string]: boolean;
10
- };
11
8
  value?: number;
12
9
  min?: number;
13
10
  max?: number;
14
11
  step?: number;
15
12
  }
16
- interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
17
- id: string;
18
- }
19
13
  export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
20
- export declare const NumberInputRaw: import("@qwik.dev/core").Component<NumberInputRawProps>;
21
14
  export {};