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

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 (34) hide show
  1. package/lib/components/elements/Anchor.qwik.cjs +5 -5
  2. package/lib/components/elements/Anchor.qwik.mjs +5 -5
  3. package/lib/components/elements/ColorPicker.qwik.cjs +24 -24
  4. package/lib/components/elements/ColorPicker.qwik.mjs +24 -24
  5. package/lib/components/elements/Dropdown.qwik.cjs +3 -3
  6. package/lib/components/elements/Dropdown.qwik.mjs +3 -3
  7. package/lib/components/elements/Label.qwik.cjs +4 -4
  8. package/lib/components/elements/Label.qwik.mjs +4 -4
  9. package/lib/components/elements/Nav.qwik.cjs +9 -9
  10. package/lib/components/elements/Nav.qwik.mjs +9 -9
  11. package/lib/components/elements/NumberInput.qwik.cjs +25 -18
  12. package/lib/components/elements/NumberInput.qwik.mjs +26 -19
  13. package/lib/components/elements/RangeInput.qwik.cjs +10 -10
  14. package/lib/components/elements/RangeInput.qwik.mjs +10 -10
  15. package/lib/components/elements/SelectMenu.qwik.cjs +12 -12
  16. package/lib/components/elements/SelectMenu.qwik.mjs +12 -12
  17. package/lib/components/elements/Sidebar.qwik.cjs +4 -4
  18. package/lib/components/elements/Sidebar.qwik.mjs +4 -4
  19. package/lib/components/elements/Toggle.qwik.cjs +4 -4
  20. package/lib/components/elements/Toggle.qwik.mjs +4 -4
  21. package/lib/q-manifest.json +34 -34
  22. package/lib/svg/ChevronDown.qwik.cjs +3 -3
  23. package/lib/svg/ChevronDown.qwik.mjs +3 -3
  24. package/lib/svg/Link.qwik.cjs +5 -5
  25. package/lib/svg/Link.qwik.mjs +5 -5
  26. package/lib/svg/Menu.qwik.cjs +5 -5
  27. package/lib/svg/Menu.qwik.mjs +5 -5
  28. package/lib/svg/Minus.qwik.cjs +3 -3
  29. package/lib/svg/Minus.qwik.mjs +3 -3
  30. package/lib/svg/Plus.qwik.cjs +3 -3
  31. package/lib/svg/Plus.qwik.mjs +3 -3
  32. package/lib/svg/Shuffle.qwik.cjs +7 -7
  33. package/lib/svg/Shuffle.qwik.mjs +7 -7
  34. package/package.json +14 -15
package/lib/components/elements/Anchor.qwik.cjs CHANGED
@@ -2,21 +2,21 @@ const require_Link = require("../../svg/Link.qwik.cjs");
2
2
  const require_functions = require("../functions.qwik.cjs");
3
3
  let _qwik_dev_core = require("@qwik.dev/core");
4
4
  //#region src/components/elements/Anchor.tsx
5
- var Anchor = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
5
+ var Anchor = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
6
6
  const props = (0, _qwik_dev_core._restProps)(_rawProps, ["id", "class"]);
7
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
7
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", {
8
8
  ...(0, _qwik_dev_core._getVarProps)(props),
9
9
  ...(0, _qwik_dev_core._getConstProps)(props),
10
10
  class: {
11
11
  "group flex items-center gap-2 scroll-mt-32": true,
12
12
  ...require_functions.getClassObject(_rawProps.class)
13
13
  }
14
- }, null, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "mN_0"), _rawProps.id && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("a", {
14
+ }, null, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "mN_0"), _rawProps.id && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("a", {
15
15
  href: `#${_rawProps.id}`,
16
- "q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async () => {
16
+ "q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async () => {
17
17
  await navigator.clipboard.writeText(window.location.href);
18
18
  }, "Anchor_component_div_a_q_e_click_p2vKymvG8LM")
19
- }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Link.Link, null, {
19
+ }, null, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Link.Link, null, {
20
20
  class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
21
21
  size: 20
22
22
  }, null, 3, "mN_1"), 0, "mN_2")], 0, "mN_3");
package/lib/components/elements/Anchor.qwik.mjs CHANGED
@@ -2,21 +2,21 @@ import { Link } from "../../svg/Link.qwik.mjs";
2
2
  import { getClassObject } from "../functions.qwik.mjs";
3
3
  import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
4
4
  //#region src/components/elements/Anchor.tsx
5
- var Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
5
+ var Anchor = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
6
6
  const props = _restProps(_rawProps, ["id", "class"]);
7
- return /* @__PURE__ */ _jsxSplit("div", {
7
+ return /*#__PURE__*/ _jsxSplit("div", {
8
8
  ..._getVarProps(props),
9
9
  ..._getConstProps(props),
10
10
  class: {
11
11
  "group flex items-center gap-2 scroll-mt-32": true,
12
12
  ...getClassObject(_rawProps.class)
13
13
  }
14
- }, null, [/* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "mN_0"), _rawProps.id && /* @__PURE__ */ _jsxSorted("a", {
14
+ }, null, [/*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "mN_0"), _rawProps.id && /*#__PURE__*/ _jsxSorted("a", {
15
15
  href: `#${_rawProps.id}`,
16
- "q-e:click": /* @__PURE__ */ inlinedQrl(async () => {
16
+ "q-e:click": /*#__PURE__*/ inlinedQrl(async () => {
17
17
  await navigator.clipboard.writeText(window.location.href);
18
18
  }, "Anchor_component_div_a_q_e_click_p2vKymvG8LM")
19
- }, null, /* @__PURE__ */ _jsxSorted(Link, null, {
19
+ }, null, /*#__PURE__*/ _jsxSorted(Link, null, {
20
20
  class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
21
21
  size: 20
22
22
  }, null, 3, "mN_1"), 0, "mN_2")], 0, "mN_3");
package/lib/components/elements/ColorPicker.qwik.cjs CHANGED
@@ -18,7 +18,7 @@ var _hf5 = (p0, p1) => ({
18
18
  "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0 lum-bg hover:brightness-150": true,
19
19
  "border-lum-accent": p0 === p1.value
20
20
  });
21
- var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
21
+ var ColorPicker = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
22
22
  const width = 125;
23
23
  const maxHue = 148;
24
24
  const hsvColor = require_color.rgbToHsv(require_color.hexToRgba(_rawProps.value ?? "#000000"));
@@ -36,7 +36,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
36
36
  sPosition: hsvColor.s * width,
37
37
  value: _rawProps.value ?? "#000000"
38
38
  });
39
- const setColor = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (color) => {
39
+ const setColor = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (color) => {
40
40
  const _rawProps = _qwik_dev_core._captures[0], maxHue = _qwik_dev_core._captures[1], store = _qwik_dev_core._captures[2], width = _qwik_dev_core._captures[3];
41
41
  if (!/^#[0-9a-f]{0,8}$/i.test(color)) return;
42
42
  const hsv = require_color.rgbToHsv(require_color.hexToRgba(color));
@@ -57,7 +57,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
57
57
  store,
58
58
  width
59
59
  ]);
60
- const hueMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
60
+ const hueMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
61
61
  const hueChange = _qwik_dev_core._captures[0];
62
62
  const hOffset = el.getBoundingClientRect().top;
63
63
  await hueChange(e, hOffset);
@@ -92,7 +92,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
92
92
  maxHue,
93
93
  store
94
94
  ])]);
95
- const sbMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
95
+ const sbMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
96
96
  const sbChange = _qwik_dev_core._captures[0];
97
97
  const offset = el.getBoundingClientRect();
98
98
  await sbChange(e, offset);
@@ -127,7 +127,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
127
127
  store,
128
128
  width
129
129
  ])]);
130
- const opacityMouseDown = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
130
+ const opacityMouseDown = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el) => {
131
131
  const opacityChange = _qwik_dev_core._captures[0];
132
132
  const offset = el.getBoundingClientRect();
133
133
  await opacityChange(e, offset);
@@ -156,41 +156,41 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
156
156
  maxHue,
157
157
  store
158
158
  ])]);
159
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", {
159
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", {
160
160
  class: {
161
161
  "lum-card touch-none p-4": true,
162
162
  "flex-col": !_rawProps.horizontal,
163
163
  ...require_functions.getClassObject(_rawProps.class)
164
164
  },
165
165
  id: (0, _qwik_dev_core._wrapProp)(_rawProps, "id"),
166
- "q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
166
+ "q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
167
167
  if (!el.dataset.value) return;
168
168
  await setColor(el.dataset.value);
169
169
  }, "ColorPicker_component_div_q_e_input_6CeAo90QNf4"),
170
170
  "q:p": setColor
171
171
  }, null, [
172
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex gap-4" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
172
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex gap-4" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
173
173
  class: "relative h-37.5 w-31.25 rounded-md",
174
174
  style: (0, _qwik_dev_core._fnSignal)(_hf0, [store]),
175
175
  "q-e:mousedown": sbMouseDown,
176
176
  "q-e:touchstart": sbMouseDown,
177
177
  "preventdefault:mousedown": true,
178
178
  "preventdefault:touchstart": true
179
- }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
179
+ }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
180
180
  class: { "absolute -top-2 -left-2 h-4 w-4 rounded-md border lum-bg drop-shadow-lg": true },
181
181
  style: (0, _qwik_dev_core._fnSignal)(_hf1, [store])
182
- }, null, 3, null)], 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
182
+ }, null, 3, null)], 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
183
183
  class: "relative h-37.5 w-2 rounded-md border border-gray-700",
184
184
  style: { background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)" },
185
185
  "q-e:mousedown": hueMouseDown,
186
186
  "q-e:touchstart": hueMouseDown,
187
187
  "preventdefault:mousedown": true,
188
188
  "preventdefault:touchstart": true
189
- }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
189
+ }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
190
190
  class: "absolute -bottom-2 -left-1.25 h-4 w-4 rounded-md lum-bg! bg-[#ff0000] ",
191
191
  style: (0, _qwik_dev_core._fnSignal)(_hf2, [store])
192
192
  }, null, 3, null), 3, null)], 3, null),
193
- _rawProps.opacity && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
193
+ _rawProps.opacity && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
194
194
  class: "relative h-2 w-full rounded-md",
195
195
  "q-e:mousedown": opacityMouseDown,
196
196
  "q-e:touchstart": opacityMouseDown,
@@ -207,10 +207,10 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
207
207
  backgroundSize: "8px 8px",
208
208
  backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
209
209
  }
210
- }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
210
+ }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
211
211
  class: "alsolute inset-0 h-2 w-full rounded-md border border-gray-700",
212
212
  style: (0, _qwik_dev_core._fnSignal)(_hf3, [store])
213
- }, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { style: {
213
+ }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { style: {
214
214
  transform: `translateX(${store.opacity.position ?? 1}px)`,
215
215
  backgroundColor: store.value,
216
216
  backgroundImage: `
@@ -222,26 +222,26 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
222
222
  backgroundSize: "8px 8px",
223
223
  backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
224
224
  } }, { class: "absolute -bottom-1.25 -left-1.25 h-4 w-4 rounded-md" }, null, 3, null)], 1, "Xr_0"),
225
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
226
- (_rawProps.showInput ?? true) && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
225
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
226
+ (_rawProps.showInput ?? true) && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
227
227
  "mb-2 flex w-37.5 border-b border-b-gray-700 pb-3": true,
228
228
  "flex-row gap-1": (_rawProps.preview ?? "left") == "left",
229
229
  "flex-row-reverse gap-1": (_rawProps.preview ?? "left") == "right",
230
230
  "flex-col": (_rawProps.preview ?? "left") == "top",
231
231
  "flex-col-reverse": (_rawProps.preview ?? "left") == "bottom"
232
- } }, null, [(_rawProps.preview ?? "left") != "full" && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
232
+ } }, null, [(_rawProps.preview ?? "left") != "full" && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
233
233
  "border border-gray-700 rounded-sm": true,
234
234
  "aspect-square h-full": (_rawProps.preview ?? "left") == "left" || (_rawProps.preview ?? "left") == "right",
235
235
  "h-3 w-full": (_rawProps.preview ?? "left") == "top" || (_rawProps.preview ?? "left") == "bottom",
236
236
  "rounded-b-none": (_rawProps.preview ?? "left") == "top",
237
237
  "rounded-t-none": (_rawProps.preview ?? "left") == "bottom"
238
- } }, { style: (0, _qwik_dev_core._fnSignal)(_hf4, [store]) }, null, 3, "Xr_1"), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("input", {
238
+ } }, { style: (0, _qwik_dev_core._fnSignal)(_hf4, [store]) }, null, 3, "Xr_1"), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("input", {
239
239
  class: {
240
240
  "lum-input w-full p-1 text-xs rounded-sm": true,
241
241
  "rounded-t-none border-t-0": (_rawProps.preview ?? "left") == "top",
242
242
  "rounded-b-none border-b-0": (_rawProps.preview ?? "left") == "bottom"
243
243
  },
244
- "q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
244
+ "q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (e, el, setColor) => {
245
245
  await setColor(el.value);
246
246
  }, "ColorPicker_component_div_div_div_input_q_e_input_ExKkgH2ke0g"),
247
247
  "q:p": setColor,
@@ -266,11 +266,11 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
266
266
  "#AAAAAA",
267
267
  "#FFFFFF"
268
268
  ]).map((color, i) => {
269
- const qrl_4294901768 = /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, color) => {
269
+ const qrl_4294901768 = /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, color) => {
270
270
  const setColor = _qwik_dev_core._captures[0];
271
271
  await setColor(color);
272
272
  }, "ColorPicker_component_div_div_button_q_e_click_iKRo0q0pNkI", [setColor]);
273
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
273
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
274
274
  class: (0, _qwik_dev_core._fnSignal)(_hf5, [color, store]),
275
275
  name: color,
276
276
  "q-e:click": qrl_4294901768,
@@ -278,8 +278,8 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
278
278
  style: { "--bg-color": color }
279
279
  }, { type: "button" }, null, 6, i);
280
280
  }),
281
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
282
- "q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, setColor) => {
281
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
282
+ "q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (_, _1, setColor) => {
283
283
  await setColor(`#${Math.floor(Math.random() * 16777215).toString(16)}`);
284
284
  }, "ColorPicker_component_div_div_button_q_e_click_1_50T6z49ncA8"),
285
285
  "q:p": setColor
@@ -287,7 +287,7 @@ var ColorPicker = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
287
287
  type: "button",
288
288
  class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
289
289
  name: "Randomize"
290
- }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Shuffle.Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
290
+ }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Shuffle.Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
291
291
  ], 1, null)
292
292
  ], 4, "Xr_4");
293
293
  }, "ColorPicker_component_8ldznufwKro"));
package/lib/components/elements/ColorPicker.qwik.mjs CHANGED
@@ -18,7 +18,7 @@ var _hf5 = (p0, p1) => ({
18
18
  "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0 lum-bg hover:brightness-150": true,
19
19
  "border-lum-accent": p0 === p1.value
20
20
  });
21
- var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
21
+ var ColorPicker = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
22
22
  const width = 125;
23
23
  const maxHue = 148;
24
24
  const hsvColor = rgbToHsv(hexToRgba(_rawProps.value ?? "#000000"));
@@ -36,7 +36,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
36
36
  sPosition: hsvColor.s * width,
37
37
  value: _rawProps.value ?? "#000000"
38
38
  });
39
- const setColor = /* @__PURE__ */ inlinedQrl(async (color) => {
39
+ const setColor = /*#__PURE__*/ inlinedQrl(async (color) => {
40
40
  const _rawProps = _captures[0], maxHue = _captures[1], store = _captures[2], width = _captures[3];
41
41
  if (!/^#[0-9a-f]{0,8}$/i.test(color)) return;
42
42
  const hsv = rgbToHsv(hexToRgba(color));
@@ -57,7 +57,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
57
57
  store,
58
58
  width
59
59
  ]);
60
- const hueMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
60
+ const hueMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
61
61
  const hueChange = _captures[0];
62
62
  const hOffset = el.getBoundingClientRect().top;
63
63
  await hueChange(e, hOffset);
@@ -92,7 +92,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
92
92
  maxHue,
93
93
  store
94
94
  ])]);
95
- const sbMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
95
+ const sbMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
96
96
  const sbChange = _captures[0];
97
97
  const offset = el.getBoundingClientRect();
98
98
  await sbChange(e, offset);
@@ -127,7 +127,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
127
127
  store,
128
128
  width
129
129
  ])]);
130
- const opacityMouseDown = /* @__PURE__ */ inlinedQrl(async (e, el) => {
130
+ const opacityMouseDown = /*#__PURE__*/ inlinedQrl(async (e, el) => {
131
131
  const opacityChange = _captures[0];
132
132
  const offset = el.getBoundingClientRect();
133
133
  await opacityChange(e, offset);
@@ -156,41 +156,41 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
156
156
  maxHue,
157
157
  store
158
158
  ])]);
159
- return /* @__PURE__ */ _jsxSorted("div", {
159
+ return /*#__PURE__*/ _jsxSorted("div", {
160
160
  class: {
161
161
  "lum-card touch-none p-4": true,
162
162
  "flex-col": !_rawProps.horizontal,
163
163
  ...getClassObject(_rawProps.class)
164
164
  },
165
165
  id: _wrapProp(_rawProps, "id"),
166
- "q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
166
+ "q-e:input": /*#__PURE__*/ inlinedQrl(async (e, el, setColor) => {
167
167
  if (!el.dataset.value) return;
168
168
  await setColor(el.dataset.value);
169
169
  }, "ColorPicker_component_div_q_e_input_6CeAo90QNf4"),
170
170
  "q:p": setColor
171
171
  }, null, [
172
- /* @__PURE__ */ _jsxSorted("div", null, { class: "flex gap-4" }, [/* @__PURE__ */ _jsxSorted("div", null, {
172
+ /*#__PURE__*/ _jsxSorted("div", null, { class: "flex gap-4" }, [/*#__PURE__*/ _jsxSorted("div", null, {
173
173
  class: "relative h-37.5 w-31.25 rounded-md",
174
174
  style: _fnSignal(_hf0, [store]),
175
175
  "q-e:mousedown": sbMouseDown,
176
176
  "q-e:touchstart": sbMouseDown,
177
177
  "preventdefault:mousedown": true,
178
178
  "preventdefault:touchstart": true
179
- }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, {
179
+ }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "h-37.5 w-31.25 rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, {
180
180
  class: { "absolute -top-2 -left-2 h-4 w-4 rounded-md border lum-bg drop-shadow-lg": true },
181
181
  style: _fnSignal(_hf1, [store])
182
- }, null, 3, null)], 3, null), /* @__PURE__ */ _jsxSorted("div", null, {
182
+ }, null, 3, null)], 3, null), /*#__PURE__*/ _jsxSorted("div", null, {
183
183
  class: "relative h-37.5 w-2 rounded-md border border-gray-700",
184
184
  style: { background: "linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000)" },
185
185
  "q-e:mousedown": hueMouseDown,
186
186
  "q-e:touchstart": hueMouseDown,
187
187
  "preventdefault:mousedown": true,
188
188
  "preventdefault:touchstart": true
189
- }, /* @__PURE__ */ _jsxSorted("div", null, {
189
+ }, /*#__PURE__*/ _jsxSorted("div", null, {
190
190
  class: "absolute -bottom-2 -left-1.25 h-4 w-4 rounded-md lum-bg! bg-[#ff0000] ",
191
191
  style: _fnSignal(_hf2, [store])
192
192
  }, null, 3, null), 3, null)], 3, null),
193
- _rawProps.opacity && /* @__PURE__ */ _jsxSorted("div", null, {
193
+ _rawProps.opacity && /*#__PURE__*/ _jsxSorted("div", null, {
194
194
  class: "relative h-2 w-full rounded-md",
195
195
  "q-e:mousedown": opacityMouseDown,
196
196
  "q-e:touchstart": opacityMouseDown,
@@ -207,10 +207,10 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
207
207
  backgroundSize: "8px 8px",
208
208
  backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
209
209
  }
210
- }, [/* @__PURE__ */ _jsxSorted("div", null, {
210
+ }, [/*#__PURE__*/ _jsxSorted("div", null, {
211
211
  class: "alsolute inset-0 h-2 w-full rounded-md border border-gray-700",
212
212
  style: _fnSignal(_hf3, [store])
213
- }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", { style: {
213
+ }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", { style: {
214
214
  transform: `translateX(${store.opacity.position ?? 1}px)`,
215
215
  backgroundColor: store.value,
216
216
  backgroundImage: `
@@ -222,26 +222,26 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
222
222
  backgroundSize: "8px 8px",
223
223
  backgroundPosition: "0 0, 4px 0, 4px -4px, 0 4px"
224
224
  } }, { class: "absolute -bottom-1.25 -left-1.25 h-4 w-4 rounded-md" }, null, 3, null)], 1, "Xr_0"),
225
- /* @__PURE__ */ _jsxSorted("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
226
- (_rawProps.showInput ?? true) && /* @__PURE__ */ _jsxSorted("div", { class: {
225
+ /*#__PURE__*/ _jsxSorted("div", null, { class: "flex w-37.5 flex-wrap justify-between gap-1" }, [
226
+ (_rawProps.showInput ?? true) && /*#__PURE__*/ _jsxSorted("div", { class: {
227
227
  "mb-2 flex w-37.5 border-b border-b-gray-700 pb-3": true,
228
228
  "flex-row gap-1": (_rawProps.preview ?? "left") == "left",
229
229
  "flex-row-reverse gap-1": (_rawProps.preview ?? "left") == "right",
230
230
  "flex-col": (_rawProps.preview ?? "left") == "top",
231
231
  "flex-col-reverse": (_rawProps.preview ?? "left") == "bottom"
232
- } }, null, [(_rawProps.preview ?? "left") != "full" && /* @__PURE__ */ _jsxSorted("div", { class: {
232
+ } }, null, [(_rawProps.preview ?? "left") != "full" && /*#__PURE__*/ _jsxSorted("div", { class: {
233
233
  "border border-gray-700 rounded-sm": true,
234
234
  "aspect-square h-full": (_rawProps.preview ?? "left") == "left" || (_rawProps.preview ?? "left") == "right",
235
235
  "h-3 w-full": (_rawProps.preview ?? "left") == "top" || (_rawProps.preview ?? "left") == "bottom",
236
236
  "rounded-b-none": (_rawProps.preview ?? "left") == "top",
237
237
  "rounded-t-none": (_rawProps.preview ?? "left") == "bottom"
238
- } }, { style: _fnSignal(_hf4, [store]) }, null, 3, "Xr_1"), /* @__PURE__ */ _jsxSorted("input", {
238
+ } }, { style: _fnSignal(_hf4, [store]) }, null, 3, "Xr_1"), /*#__PURE__*/ _jsxSorted("input", {
239
239
  class: {
240
240
  "lum-input w-full p-1 text-xs rounded-sm": true,
241
241
  "rounded-t-none border-t-0": (_rawProps.preview ?? "left") == "top",
242
242
  "rounded-b-none border-b-0": (_rawProps.preview ?? "left") == "bottom"
243
243
  },
244
- "q-e:input": /* @__PURE__ */ inlinedQrl(async (e, el, setColor) => {
244
+ "q-e:input": /*#__PURE__*/ inlinedQrl(async (e, el, setColor) => {
245
245
  await setColor(el.value);
246
246
  }, "ColorPicker_component_div_div_div_input_q_e_input_ExKkgH2ke0g"),
247
247
  "q:p": setColor,
@@ -266,11 +266,11 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
266
266
  "#AAAAAA",
267
267
  "#FFFFFF"
268
268
  ]).map((color, i) => {
269
- const qrl_4294901768 = /* @__PURE__ */ inlinedQrl(async (_, _1, color) => {
269
+ const qrl_4294901768 = /*#__PURE__*/ inlinedQrl(async (_, _1, color) => {
270
270
  const setColor = _captures[0];
271
271
  await setColor(color);
272
272
  }, "ColorPicker_component_div_div_button_q_e_click_iKRo0q0pNkI", [setColor]);
273
- return /* @__PURE__ */ _jsxSorted("button", {
273
+ return /*#__PURE__*/ _jsxSorted("button", {
274
274
  class: _fnSignal(_hf5, [color, store]),
275
275
  name: color,
276
276
  "q-e:click": qrl_4294901768,
@@ -278,8 +278,8 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
278
278
  style: { "--bg-color": color }
279
279
  }, { type: "button" }, null, 6, i);
280
280
  }),
281
- /* @__PURE__ */ _jsxSorted("button", {
282
- "q-e:click": /* @__PURE__ */ inlinedQrl(async (_, _1, setColor) => {
281
+ /*#__PURE__*/ _jsxSorted("button", {
282
+ "q-e:click": /*#__PURE__*/ inlinedQrl(async (_, _1, setColor) => {
283
283
  await setColor(`#${Math.floor(Math.random() * 16777215).toString(16)}`);
284
284
  }, "ColorPicker_component_div_div_button_q_e_click_1_50T6z49ncA8"),
285
285
  "q:p": setColor
@@ -287,7 +287,7 @@ var ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
287
287
  type: "button",
288
288
  class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
289
289
  name: "Randomize"
290
- }, /* @__PURE__ */ _jsxSorted(Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
290
+ }, /*#__PURE__*/ _jsxSorted(Shuffle, null, { class: "p-0.5 pl-0.5 text-lum-text" }, null, 3, "Xr_3"), 4, null)
291
291
  ], 1, null)
292
292
  ], 4, "Xr_4");
293
293
  }, "ColorPicker_component_8ldznufwKro"));
package/lib/components/elements/Dropdown.qwik.cjs CHANGED
@@ -2,20 +2,20 @@ const require_functions = require("../functions.qwik.cjs");
2
2
  const require_ChevronDown = require("../../svg/ChevronDown.qwik.cjs");
3
3
  let _qwik_dev_core = require("@qwik.dev/core");
4
4
  //#region src/components/elements/Dropdown.tsx
5
- var Dropdown = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
5
+ var Dropdown = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
6
6
  const props = (0, _qwik_dev_core._restProps)(_rawProps, [
7
7
  "class",
8
8
  "hover",
9
9
  "opened"
10
10
  ]);
11
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("button", {
11
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("button", {
12
12
  type: "button",
13
13
  class: {
14
14
  "group lum-btn": true,
15
15
  ...require_functions.getClassObject(_rawProps.class)
16
16
  },
17
17
  ...(0, _qwik_dev_core._getVarProps)(props)
18
- }, (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: {
18
+ }, (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: {
19
19
  "ease-out motion-safe:transition-transform": true,
20
20
  "rotate-180 transform": _rawProps.opened,
21
21
  "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,
package/lib/components/elements/Dropdown.qwik.mjs CHANGED
@@ -2,20 +2,20 @@ import { getClassObject } from "../functions.qwik.mjs";
2
2
  import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
3
3
  import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
4
4
  //#region src/components/elements/Dropdown.tsx
5
- var Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
5
+ var Dropdown = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
6
6
  const props = _restProps(_rawProps, [
7
7
  "class",
8
8
  "hover",
9
9
  "opened"
10
10
  ]);
11
- return /* @__PURE__ */ _jsxSplit("button", {
11
+ return /*#__PURE__*/ _jsxSplit("button", {
12
12
  type: "button",
13
13
  class: {
14
14
  "group lum-btn": true,
15
15
  ...getClassObject(_rawProps.class)
16
16
  },
17
17
  ..._getVarProps(props)
18
- }, _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: {
18
+ }, _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: {
19
19
  "ease-out motion-safe:transition-transform": true,
20
20
  "rotate-180 transform": _rawProps.opened,
21
21
  "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": _rawProps.hover,
package/lib/components/elements/Label.qwik.cjs CHANGED
@@ -1,14 +1,14 @@
1
1
  let _qwik_dev_core = require("@qwik.dev/core");
2
2
  //#region src/components/elements/Label.tsx
3
- var Label = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
3
+ var Label = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
4
4
  const props = (0, _qwik_dev_core._restProps)(_rawProps, ["label", "outerProps"]);
5
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
5
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", {
6
6
  class: "flex flex-col",
7
7
  ..._rawProps.outerProps
8
- }, null, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("label", { ...(0, _qwik_dev_core._getVarProps)(props) }, {
8
+ }, null, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("label", { ...(0, _qwik_dev_core._getVarProps)(props) }, {
9
9
  ...(0, _qwik_dev_core._getConstProps)(props),
10
10
  class: "pb-1 text-lum-text select-none"
11
- }, [(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");
11
+ }, [(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");
12
12
  }, "Label_component_k1r00IhIA0s"));
13
13
  //#endregion
14
14
  exports.Label = Label;
package/lib/components/elements/Label.qwik.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
2
2
  //#region src/components/elements/Label.tsx
3
- var Label = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
3
+ var Label = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
4
4
  const props = _restProps(_rawProps, ["label", "outerProps"]);
5
- return /* @__PURE__ */ _jsxSplit("div", {
5
+ return /*#__PURE__*/ _jsxSplit("div", {
6
6
  class: "flex flex-col",
7
7
  ..._rawProps.outerProps
8
- }, null, [/* @__PURE__ */ _jsxSplit("label", { ..._getVarProps(props) }, {
8
+ }, null, [/*#__PURE__*/ _jsxSplit("label", { ..._getVarProps(props) }, {
9
9
  ..._getConstProps(props),
10
10
  class: "pb-1 text-lum-text select-none"
11
- }, [_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");
11
+ }, [_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");
12
12
  }, "Label_component_k1r00IhIA0s"));
13
13
  //#endregion
14
14
  export { Label };
package/lib/components/elements/Nav.qwik.cjs CHANGED
@@ -7,7 +7,7 @@ var _hf1 = (p0) => ({
7
7
  "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2": true,
8
8
  "nav-ignore-dismiss": p0.value
9
9
  });
10
- var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
10
+ var Nav = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
11
11
  const props = (0, _qwik_dev_core._restProps)(_rawProps, [
12
12
  "fixed",
13
13
  "floating",
@@ -19,7 +19,7 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
19
19
  "innerProps"
20
20
  ]);
21
21
  const menu = (0, _qwik_dev_core.useSignal)(false);
22
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("nav", {
22
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("nav", {
23
23
  ...(0, _qwik_dev_core._getVarProps)(props),
24
24
  ...(0, _qwik_dev_core._getConstProps)(props),
25
25
  class: {
@@ -30,7 +30,7 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
30
30
  absolute: !_rawProps.fixed,
31
31
  ...require_functions.getClassObject(_rawProps.class)
32
32
  }
33
- }, null, [!_rawProps.nohamburger && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
33
+ }, null, [!_rawProps.nohamburger && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
34
34
  "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
35
35
  "w-[calc(100%-(--spacing(8)))] mx-4": _rawProps.floating,
36
36
  "w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
@@ -38,7 +38,7 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
38
38
  "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
39
39
  "backdrop-blur-lg": !_rawProps.noblur,
40
40
  ...require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
41
- } }, 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", {
41
+ } }, 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", {
42
42
  ..._rawProps.innerProps,
43
43
  style: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps]),
44
44
  class: {
@@ -49,10 +49,10 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
49
49
  ...require_functions.getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
50
50
  }
51
51
  }, null, [
52
- /* @__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),
53
- /* @__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),
54
- /* @__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", {
55
- "q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_, _1, _rawProps, menu) => {
52
+ /*#__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),
53
+ /*#__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),
54
+ /*#__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", {
55
+ "q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_, _1, _rawProps, menu) => {
56
56
  menu.value = !menu.value;
57
57
  if (_rawProps.nodismiss) return;
58
58
  function onClick(e) {
@@ -71,7 +71,7 @@ var Nav = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _
71
71
  name: "Navigation Menu",
72
72
  title: "Navigation Menu",
73
73
  class: (0, _qwik_dev_core._fnSignal)(_hf1, [menu])
74
- }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
74
+ }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Menu.Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
75
75
  ], 0, null)], 0, "03_7");
76
76
  }, "Nav_component_GVA94DyavJM"));
77
77
  //#endregion
package/lib/components/elements/Nav.qwik.mjs CHANGED
@@ -7,7 +7,7 @@ var _hf1 = (p0) => ({
7
7
  "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2": true,
8
8
  "nav-ignore-dismiss": p0.value
9
9
  });
10
- var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
10
+ var Nav = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
11
11
  const props = _restProps(_rawProps, [
12
12
  "fixed",
13
13
  "floating",
@@ -19,7 +19,7 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
19
19
  "innerProps"
20
20
  ]);
21
21
  const menu = useSignal(false);
22
- return /* @__PURE__ */ _jsxSplit("nav", {
22
+ return /*#__PURE__*/ _jsxSplit("nav", {
23
23
  ..._getVarProps(props),
24
24
  ..._getConstProps(props),
25
25
  class: {
@@ -30,7 +30,7 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
30
30
  absolute: !_rawProps.fixed,
31
31
  ...getClassObject(_rawProps.class)
32
32
  }
33
- }, null, [!_rawProps.nohamburger && /* @__PURE__ */ _jsxSorted("div", { class: {
33
+ }, null, [!_rawProps.nohamburger && /*#__PURE__*/ _jsxSorted("div", { class: {
34
34
  "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
35
35
  "w-[calc(100%-(--spacing(8)))] mx-4": _rawProps.floating,
36
36
  "w-[calc(100%-(--spacing(4)))] mx-2": !_rawProps.floating,
@@ -38,7 +38,7 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
38
38
  "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
39
39
  "backdrop-blur-lg": !_rawProps.noblur,
40
40
  ...getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
41
- } }, null, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /* @__PURE__ */ _jsxSplit("div", {
41
+ } }, null, /*#__PURE__*/ _jsxSorted(Slot, null, { name: "mobile" }, null, 3, "03_0"), 1, "03_1"), /*#__PURE__*/ _jsxSplit("div", {
42
42
  ..._rawProps.innerProps,
43
43
  style: _fnSignal(_hf0, [_rawProps]),
44
44
  class: {
@@ -49,10 +49,10 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
49
49
  ...getClassObject(_rawProps.colorClass ?? "lum-bg-lum-card-bg")
50
50
  }
51
51
  }, null, [
52
- /* @__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),
53
- /* @__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),
54
- /* @__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", {
55
- "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, _rawProps, menu) => {
52
+ /*#__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),
53
+ /*#__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),
54
+ /*#__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", {
55
+ "q-e:click": /*#__PURE__*/ inlinedQrl((_, _1, _rawProps, menu) => {
56
56
  menu.value = !menu.value;
57
57
  if (_rawProps.nodismiss) return;
58
58
  function onClick(e) {
@@ -71,7 +71,7 @@ var Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) =>
71
71
  name: "Navigation Menu",
72
72
  title: "Navigation Menu",
73
73
  class: _fnSignal(_hf1, [menu])
74
- }, /* @__PURE__ */ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
74
+ }, /*#__PURE__*/ _jsxSorted(Menu, null, { size: 24 }, null, 3, "03_5"), 4, "03_6")], 0, null)
75
75
  ], 0, null)], 0, "03_7");
76
76
  }, "Nav_component_GVA94DyavJM"));
77
77
  //#endregion