@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
@@ -7,7 +7,7 @@ var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
7
7
  var _hf1 = (p0) => p0.value ?? 0;
8
8
  var _hf2 = (p0) => p0.step ?? 1;
9
9
  var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
10
- var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
10
+ var NumberInput = /*#__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
  "input",
13
13
  "class",
@@ -17,7 +17,7 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
17
17
  "step",
18
18
  "outerProps"
19
19
  ]);
20
- (0, _qwik_dev_core.useStylesQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(`
20
+ (0, _qwik_dev_core.useStylesQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(`
21
21
  input::-webkit-outer-spin-button,
22
22
  input::-webkit-inner-spin-button {
23
23
  -webkit-appearance: none;
@@ -27,22 +27,21 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
27
27
  -moz-appearance: textfield;
28
28
  }
29
29
  `, "NumberInput_component_useStyles_9gV0k9qgkUU"));
30
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
31
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
30
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
31
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
32
32
  disabled: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps, props]),
33
- "q-e:click": _rawProps.input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
34
- const _rawProps = _qwik_dev_core._captures[0];
33
+ "q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
35
34
  const siblingInput = element.nextElementSibling;
36
35
  siblingInput.stepDown();
37
- await _rawProps.onDecrement$?.(event, element, siblingInput);
38
- }, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
36
+ siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
37
+ }, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
39
38
  }, {
40
39
  type: "button",
41
40
  class: { "lum-btn p-2 rounded-r-sm": true },
42
41
  "data-action": "decrement",
43
42
  "aria-label": "Decrement"
44
- }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Minus.Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
45
- _rawProps.input && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
43
+ }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Minus.Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
44
+ _rawProps.input && /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
46
45
  ...(0, _qwik_dev_core._getVarProps)(props),
47
46
  ...(0, _qwik_dev_core._getConstProps)(props),
48
47
  value: (0, _qwik_dev_core._fnSignal)(_hf1, [_rawProps]),
@@ -50,22 +49,30 @@ var NumberInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__
50
49
  class: {
51
50
  "lum-input text-center rounded-sm lum-input-p-1": true,
52
51
  ...require_functions.getClassObject(_rawProps.class)
53
- }
54
- }, { type: "number" }, null, 0, "kR_1"),
55
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
52
+ },
53
+ "q-e:wheel": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e) => {
54
+ const inputElement = e.target;
55
+ if (e.deltaY < 0) inputElement.stepUp();
56
+ else inputElement.stepDown();
57
+ inputElement.dispatchEvent(new Event("input", { bubbles: true }));
58
+ }, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
59
+ }, {
60
+ type: "number",
61
+ "preventdefault:wheel": true
62
+ }, null, 0, "kR_1"),
63
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
56
64
  disabled: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps, props]),
57
- "q-e:click": _rawProps.input ? /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element) => {
58
- const _rawProps = _qwik_dev_core._captures[0];
65
+ "q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((event, element) => {
59
66
  const siblingInput = element.previousElementSibling;
60
67
  siblingInput.stepUp();
61
- await _rawProps.onIncrement$?.(event, element, siblingInput);
62
- }, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
68
+ siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
69
+ }, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
63
70
  }, {
64
71
  type: "button",
65
72
  class: { "lum-btn p-2 rounded-l-sm": true },
66
73
  "data-action": "increment",
67
74
  "aria-label": "Increment"
68
- }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Plus.Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
75
+ }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Plus.Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
69
76
  ], 0, "kR_3");
70
77
  }, "NumberInput_component_2YJwSaeO64g"));
71
78
  //#endregion
@@ -1,13 +1,13 @@
1
1
  import { getClassObject } from "../functions.qwik.mjs";
2
2
  import { Plus } from "../../svg/Plus.qwik.mjs";
3
3
  import { Minus } from "../../svg/Minus.qwik.mjs";
4
- import { _captures, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
4
+ import { _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl, useStylesQrl } from "@qwik.dev/core";
5
5
  //#region src/components/elements/NumberInput.tsx
6
6
  var _hf0 = (p0, p1) => p1.min ? (p0.value ?? 0) <= p1.min : false;
7
7
  var _hf1 = (p0) => p0.value ?? 0;
8
8
  var _hf2 = (p0) => p0.step ?? 1;
9
9
  var _hf3 = (p0, p1) => p1.max ? (p0.value ?? 0) >= p1.max : false;
10
- var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
10
+ var NumberInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
11
11
  const props = _restProps(_rawProps, [
12
12
  "input",
13
13
  "class",
@@ -17,7 +17,7 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
17
17
  "step",
18
18
  "outerProps"
19
19
  ]);
20
- useStylesQrl(/* @__PURE__ */ inlinedQrl(`
20
+ useStylesQrl(/*#__PURE__*/ inlinedQrl(`
21
21
  input::-webkit-outer-spin-button,
22
22
  input::-webkit-inner-spin-button {
23
23
  -webkit-appearance: none;
@@ -27,22 +27,21 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
27
27
  -moz-appearance: textfield;
28
28
  }
29
29
  `, "NumberInput_component_useStyles_9gV0k9qgkUU"));
30
- return /* @__PURE__ */ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
31
- /* @__PURE__ */ _jsxSorted("button", {
30
+ return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "flex touch-manipulation gap-1 text-lum-text": true } }, [
31
+ /*#__PURE__*/ _jsxSorted("button", {
32
32
  disabled: _fnSignal(_hf0, [_rawProps, props]),
33
- "q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
34
- const _rawProps = _captures[0];
33
+ "q-e:click": _rawProps.onDecrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
35
34
  const siblingInput = element.nextElementSibling;
36
35
  siblingInput.stepDown();
37
- await _rawProps.onDecrement$?.(event, element, siblingInput);
38
- }, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M", [_rawProps]) : _rawProps.onDecrement$
36
+ siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
37
+ }, "NumberInput_component_div_button_q_e_click_x56P4mcwT0M")
39
38
  }, {
40
39
  type: "button",
41
40
  class: { "lum-btn p-2 rounded-r-sm": true },
42
41
  "data-action": "decrement",
43
42
  "aria-label": "Decrement"
44
- }, /* @__PURE__ */ _jsxSorted(Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
45
- _rawProps.input && /* @__PURE__ */ _jsxSplit("input", {
43
+ }, /*#__PURE__*/ _jsxSorted(Minus, null, { size: 20 }, null, 3, "kR_0"), 0, null),
44
+ _rawProps.input && /*#__PURE__*/ _jsxSplit("input", {
46
45
  ..._getVarProps(props),
47
46
  ..._getConstProps(props),
48
47
  value: _fnSignal(_hf1, [_rawProps]),
@@ -50,22 +49,30 @@ var NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawP
50
49
  class: {
51
50
  "lum-input text-center rounded-sm lum-input-p-1": true,
52
51
  ...getClassObject(_rawProps.class)
53
- }
54
- }, { type: "number" }, null, 0, "kR_1"),
55
- /* @__PURE__ */ _jsxSorted("button", {
52
+ },
53
+ "q-e:wheel": /*#__PURE__*/ inlinedQrl((e) => {
54
+ const inputElement = e.target;
55
+ if (e.deltaY < 0) inputElement.stepUp();
56
+ else inputElement.stepDown();
57
+ inputElement.dispatchEvent(new Event("input", { bubbles: true }));
58
+ }, "NumberInput_component_div_input_q_e_wheel_S1w7D4DnPK4")
59
+ }, {
60
+ type: "number",
61
+ "preventdefault:wheel": true
62
+ }, null, 0, "kR_1"),
63
+ /*#__PURE__*/ _jsxSorted("button", {
56
64
  disabled: _fnSignal(_hf3, [_rawProps, props]),
57
- "q-e:click": _rawProps.input ? /* @__PURE__ */ inlinedQrl(async (event, element) => {
58
- const _rawProps = _captures[0];
65
+ "q-e:click": _rawProps.onIncrement$ ?? /*#__PURE__*/ inlinedQrl((event, element) => {
59
66
  const siblingInput = element.previousElementSibling;
60
67
  siblingInput.stepUp();
61
- await _rawProps.onIncrement$?.(event, element, siblingInput);
62
- }, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0", [_rawProps]) : _rawProps.onIncrement$
68
+ siblingInput.dispatchEvent(new Event("input", { bubbles: true }));
69
+ }, "NumberInput_component_div_button_q_e_click_1_oHOVxz0RzY0")
63
70
  }, {
64
71
  type: "button",
65
72
  class: { "lum-btn p-2 rounded-l-sm": true },
66
73
  "data-action": "increment",
67
74
  "aria-label": "Increment"
68
- }, /* @__PURE__ */ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
75
+ }, /*#__PURE__*/ _jsxSorted(Plus, null, { size: 20 }, null, 3, "kR_2"), 0, null)
69
76
  ], 0, "kR_3");
70
77
  }, "NumberInput_component_2YJwSaeO64g"));
71
78
  //#endregion
@@ -4,7 +4,7 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
4
4
  var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
5
5
  var _hf2 = (p0) => p0.min ?? 0;
6
6
  var _hf3 = (p0) => p0.max ?? 10;
7
- var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
7
+ var RangeInput = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
8
8
  const props = (0, _qwik_dev_core._restProps)(_rawProps, [
9
9
  "value",
10
10
  "min",
@@ -13,29 +13,29 @@ var RangeInput = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
13
13
  "outerProps"
14
14
  ]);
15
15
  const valueSignal = (0, _qwik_dev_core.useSignal)(_rawProps.value ?? _rawProps.min ?? 0);
16
- const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(() => {
16
+ const filledPercentage = (0, _qwik_dev_core.useComputedQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(() => {
17
17
  const _rawProps = _qwik_dev_core._captures[0];
18
18
  return (_qwik_dev_core._captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
19
19
  }, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
20
20
  const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
21
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
22
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
23
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
21
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
22
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
23
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
24
24
  }), 1, null),
25
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
25
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
26
26
  class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
27
27
  style: (0, _qwik_dev_core._fnSignal)(_hf0, [filledPercentage])
28
28
  }, null, 3, null),
29
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, {
29
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, {
30
30
  class: "absolute -top-1 flex flex-col gap-4 items-center",
31
31
  style: (0, _qwik_dev_core._fnSignal)(_hf1, [filledPercentage])
32
- }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, (0, _qwik_dev_core._wrapProp)(valueSignal), 3, null)], 3, null),
33
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
32
+ }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, (0, _qwik_dev_core._wrapProp)(valueSignal), 3, null)], 3, null),
33
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
34
34
  ...(0, _qwik_dev_core._getVarProps)(props),
35
35
  ...(0, _qwik_dev_core._getConstProps)(props),
36
36
  min: (0, _qwik_dev_core._fnSignal)(_hf2, [_rawProps]),
37
37
  max: (0, _qwik_dev_core._fnSignal)(_hf3, [_rawProps]),
38
- "q-e:input": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)(async (event, element, _rawProps, valueSignal) => {
38
+ "q-e:input": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)(async (event, element, _rawProps, valueSignal) => {
39
39
  valueSignal.value = parseFloat(element.value);
40
40
  if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
41
41
  }, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
@@ -4,7 +4,7 @@ var _hf0 = (p0) => ({ width: `${p0.value}%` });
4
4
  var _hf1 = (p0) => ({ left: `calc(${p0.value}% - 0.5rem)` });
5
5
  var _hf2 = (p0) => p0.min ?? 0;
6
6
  var _hf3 = (p0) => p0.max ?? 10;
7
- var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
7
+ var RangeInput = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
8
8
  const props = _restProps(_rawProps, [
9
9
  "value",
10
10
  "min",
@@ -13,29 +13,29 @@ var RangeInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
13
13
  "outerProps"
14
14
  ]);
15
15
  const valueSignal = useSignal(_rawProps.value ?? _rawProps.min ?? 0);
16
- const filledPercentage = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
16
+ const filledPercentage = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
17
17
  const _rawProps = _captures[0];
18
18
  return (_captures[1].value - (_rawProps.min ?? 0)) / ((_rawProps.max ?? 10) - (_rawProps.min ?? 0)) * 100;
19
19
  }, "RangeInput_component_filledPercentage_useComputed_Vta9t9J9C4k", [_rawProps, valueSignal]));
20
20
  const tickCount = (_rawProps.max ?? 10) - (_rawProps.min ?? 0) - 1;
21
- return /* @__PURE__ */ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
22
- /* @__PURE__ */ _jsxSorted("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
23
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
21
+ return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: { "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true } }, [
22
+ /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute w-full flex justify-evenly" }, tickCount > 0 && [...Array(tickCount)].map((_, i) => {
23
+ return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-l border-l-lum-border/20 h-1 my-0.5" }, null, 3, i);
24
24
  }), 1, null),
25
- /* @__PURE__ */ _jsxSorted("div", null, {
25
+ /*#__PURE__*/ _jsxSorted("div", null, {
26
26
  class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
27
27
  style: _fnSignal(_hf0, [filledPercentage])
28
28
  }, null, 3, null),
29
- /* @__PURE__ */ _jsxSorted("div", null, {
29
+ /*#__PURE__*/ _jsxSorted("div", null, {
30
30
  class: "absolute -top-1 flex flex-col gap-4 items-center",
31
31
  style: _fnSignal(_hf1, [filledPercentage])
32
- }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, _wrapProp(valueSignal), 3, null)], 3, null),
33
- /* @__PURE__ */ _jsxSplit("input", {
32
+ }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50" }, _wrapProp(valueSignal), 3, null)], 3, null),
33
+ /*#__PURE__*/ _jsxSplit("input", {
34
34
  ..._getVarProps(props),
35
35
  ..._getConstProps(props),
36
36
  min: _fnSignal(_hf2, [_rawProps]),
37
37
  max: _fnSignal(_hf3, [_rawProps]),
38
- "q-e:input": /* @__PURE__ */ inlinedQrl(async (event, element, _rawProps, valueSignal) => {
38
+ "q-e:input": /*#__PURE__*/ inlinedQrl(async (event, element, _rawProps, valueSignal) => {
39
39
  valueSignal.value = parseFloat(element.value);
40
40
  if (_rawProps.onInput$) await _rawProps.onInput$(event, element);
41
41
  }, "RangeInput_component_div_input_q_e_input_0hUtvpnN79M"),
@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
7
7
  group: p0.hover
8
8
  });
9
9
  var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
10
- var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
10
+ var SelectMenu = /*#__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
  "values",
13
13
  "class",
@@ -26,11 +26,11 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
26
26
  });
27
27
  const selectRef = (0, _qwik_dev_core.useSignal)();
28
28
  const selected = _rawProps.values?.find((v) => v.value === store.value);
29
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", {
29
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", {
30
30
  ..._rawProps.outerProps,
31
31
  class: (0, _qwik_dev_core._fnSignal)(_hf0, [_rawProps])
32
32
  }, null, [
33
- _rawProps.values && /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("select", {
33
+ _rawProps.values && /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("select", {
34
34
  "q-e:change": props.onChange$,
35
35
  ...(0, _qwik_dev_core._getVarProps)(props),
36
36
  ref: selectRef
@@ -38,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
38
38
  ...(0, _qwik_dev_core._getConstProps)(props),
39
39
  class: "hidden"
40
40
  }, _rawProps.values.map((value, i) => {
41
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("option", { value: (0, _qwik_dev_core._wrapProp)(value) }, null, `${value.value}`, 1, i);
41
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("option", { value: (0, _qwik_dev_core._wrapProp)(value) }, null, `${value.value}`, 1, i);
42
42
  }), 0, "WO_0"),
43
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(require_Dropdown.Dropdown, {
43
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(require_Dropdown.Dropdown, {
44
44
  class: {
45
45
  "w-full": true,
46
46
  ...require_functions.getClassObject(_rawProps.class)
47
47
  },
48
- onClick$: /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
48
+ onClick$: /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el) => {
49
49
  const _rawProps = _qwik_dev_core._captures[0], store = _qwik_dev_core._captures[1];
50
50
  if (_rawProps.hover) return;
51
51
  store.opened = !store.opened;
@@ -61,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
61
61
  }, {
62
62
  id: (0, _qwik_dev_core._fnSignal)(_hf1, [props]),
63
63
  opened: (0, _qwik_dev_core._wrapProp)(store, "opened")
64
- }, [_rawProps.customDropdown && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
65
- _rawProps.hover && /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
66
- /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
64
+ }, [_rawProps.customDropdown && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
65
+ _rawProps.hover && /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
66
+ /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
67
67
  "absolute z-1000 mt-2": true,
68
68
  "backdrop-blur-lg": !_rawProps.noblur,
69
69
  "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,
@@ -75,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
75
75
  "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
76
76
  ...require_functions.getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
77
77
  } }, null, [_rawProps.values?.map(({ name, value }, i) => {
78
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("button", {
78
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("button", {
79
79
  class: {
80
80
  "lum-btn rounded-lum-1": true,
81
81
  ...require_functions.getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
82
82
  },
83
- "q-e:click": /* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
83
+ "q-e:click": /*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((e, el, selectRef, store, value) => {
84
84
  el.blur();
85
85
  store.opened = false;
86
86
  const select = selectRef.value;
@@ -96,7 +96,7 @@ var SelectMenu = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ *
96
96
  value
97
97
  ]
98
98
  }, { type: "button" }, name, 4, i);
99
- }), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
99
+ }), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
100
100
  ], 0, "WO_6");
101
101
  }, "SelectMenu_component_ofsf7iGvkLg"));
102
102
  //#endregion
@@ -7,7 +7,7 @@ var _hf0 = (p0) => ({
7
7
  group: p0.hover
8
8
  });
9
9
  var _hf1 = (p0) => p0.id ? `${p0.id}-dropdown` : void 0;
10
- var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
10
+ var SelectMenu = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
11
11
  const props = _restProps(_rawProps, [
12
12
  "values",
13
13
  "class",
@@ -26,11 +26,11 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
26
26
  });
27
27
  const selectRef = useSignal();
28
28
  const selected = _rawProps.values?.find((v) => v.value === store.value);
29
- return /* @__PURE__ */ _jsxSplit("div", {
29
+ return /*#__PURE__*/ _jsxSplit("div", {
30
30
  ..._rawProps.outerProps,
31
31
  class: _fnSignal(_hf0, [_rawProps])
32
32
  }, null, [
33
- _rawProps.values && /* @__PURE__ */ _jsxSplit("select", {
33
+ _rawProps.values && /*#__PURE__*/ _jsxSplit("select", {
34
34
  "q-e:change": props.onChange$,
35
35
  ..._getVarProps(props),
36
36
  ref: selectRef
@@ -38,14 +38,14 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
38
38
  ..._getConstProps(props),
39
39
  class: "hidden"
40
40
  }, _rawProps.values.map((value, i) => {
41
- return /* @__PURE__ */ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
41
+ return /*#__PURE__*/ _jsxSorted("option", { value: _wrapProp(value) }, null, `${value.value}`, 1, i);
42
42
  }), 0, "WO_0"),
43
- /* @__PURE__ */ _jsxSorted(Dropdown, {
43
+ /*#__PURE__*/ _jsxSorted(Dropdown, {
44
44
  class: {
45
45
  "w-full": true,
46
46
  ...getClassObject(_rawProps.class)
47
47
  },
48
- onClick$: /* @__PURE__ */ inlinedQrl((e, el) => {
48
+ onClick$: /*#__PURE__*/ inlinedQrl((e, el) => {
49
49
  const _rawProps = _captures[0], store = _captures[1];
50
50
  if (_rawProps.hover) return;
51
51
  store.opened = !store.opened;
@@ -61,9 +61,9 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
61
61
  }, {
62
62
  id: _fnSignal(_hf1, [props]),
63
63
  opened: _wrapProp(store, "opened")
64
- }, [_rawProps.customDropdown && /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /* @__PURE__ */ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
65
- _rawProps.hover && /* @__PURE__ */ _jsxSorted("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
66
- /* @__PURE__ */ _jsxSorted("div", { class: {
64
+ }, [_rawProps.customDropdown && /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_1"), !_rawProps.customDropdown && (selected?.name ?? _rawProps.values?.[0]?.name ?? /*#__PURE__*/ _jsxSorted(Slot, null, { name: "dropdown" }, null, 3, "WO_2"))], 0, "WO_3"),
65
+ _rawProps.hover && /*#__PURE__*/ _jsxSorted("div", null, { class: "h-2 absolute w-full" }, null, 3, "WO_4"),
66
+ /*#__PURE__*/ _jsxSorted("div", { class: {
67
67
  "absolute z-1000 mt-2": true,
68
68
  "backdrop-blur-lg": !_rawProps.noblur,
69
69
  "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,
@@ -75,12 +75,12 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
75
75
  "focus-within:pointer-events-auto focus-within:scale-100 focus-within:opacity-100 focus-within:duration-75": true,
76
76
  ...getClassObject(_rawProps.panelClass ?? "lum-bg-lum-input-bg")
77
77
  } }, null, [_rawProps.values?.map(({ name, value }, i) => {
78
- return /* @__PURE__ */ _jsxSorted("button", {
78
+ return /*#__PURE__*/ _jsxSorted("button", {
79
79
  class: {
80
80
  "lum-btn rounded-lum-1": true,
81
81
  ...getClassObject(_rawProps.btnClass ?? "lum-bg-transparent")
82
82
  },
83
- "q-e:click": /* @__PURE__ */ inlinedQrl((e, el, selectRef, store, value) => {
83
+ "q-e:click": /*#__PURE__*/ inlinedQrl((e, el, selectRef, store, value) => {
84
84
  el.blur();
85
85
  store.opened = false;
86
86
  const select = selectRef.value;
@@ -96,7 +96,7 @@ var SelectMenu = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawPr
96
96
  value
97
97
  ]
98
98
  }, { type: "button" }, name, 4, i);
99
- }), /* @__PURE__ */ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
99
+ }), /*#__PURE__*/ _jsxSorted(Slot, null, { name: "extra-buttons" }, null, 3, "WO_5")], 1, null)
100
100
  ], 0, "WO_6");
101
101
  }, "SelectMenu_component_ofsf7iGvkLg"));
102
102
  //#endregion
@@ -1,9 +1,9 @@
1
1
  const require_functions = require("../functions.qwik.cjs");
2
2
  let _qwik_dev_core = require("@qwik.dev/core");
3
3
  //#region src/components/elements/Sidebar.tsx
4
- var Sidebar = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
4
+ var Sidebar = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
5
5
  const props = (0, _qwik_dev_core._restProps)(_rawProps, ["position", "class"]);
6
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("aside", {
6
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("aside", {
7
7
  ...(0, _qwik_dev_core._getVarProps)(props),
8
8
  ...(0, _qwik_dev_core._getConstProps)(props),
9
9
  class: {
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (
12
12
  "right-0 border-0 border-l": _rawProps.position === "right",
13
13
  ...require_functions.getClassObject(_rawProps.class)
14
14
  }
15
- }, null, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("nav", null, {
15
+ }, null, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("nav", null, {
16
16
  id: "docs-sidebar",
17
17
  class: "min-h-full relative"
18
- }, [/* @__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");
18
+ }, [/*#__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");
19
19
  }, "Sidebar_component_moIMGaONnvw"));
20
20
  //#endregion
21
21
  exports.Sidebar = Sidebar;
@@ -1,9 +1,9 @@
1
1
  import { getClassObject } from "../functions.qwik.mjs";
2
2
  import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, componentQrl, inlinedQrl } from "@qwik.dev/core";
3
3
  //#region src/components/elements/Sidebar.tsx
4
- var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
4
+ var Sidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
5
5
  const props = _restProps(_rawProps, ["position", "class"]);
6
- return /* @__PURE__ */ _jsxSplit("aside", {
6
+ return /*#__PURE__*/ _jsxSplit("aside", {
7
7
  ..._getVarProps(props),
8
8
  ..._getConstProps(props),
9
9
  class: {
@@ -12,10 +12,10 @@ var Sidebar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps
12
12
  "right-0 border-0 border-l": _rawProps.position === "right",
13
13
  ...getClassObject(_rawProps.class)
14
14
  }
15
- }, null, /* @__PURE__ */ _jsxSorted("nav", null, {
15
+ }, null, /*#__PURE__*/ _jsxSorted("nav", null, {
16
16
  id: "docs-sidebar",
17
17
  class: "min-h-full relative"
18
- }, [/* @__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");
18
+ }, [/*#__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");
19
19
  }, "Sidebar_component_moIMGaONnvw"));
20
20
  //#endregion
21
21
  export { Sidebar };
@@ -1,20 +1,20 @@
1
1
  const require_functions = require("../functions.qwik.cjs");
2
2
  let _qwik_dev_core = require("@qwik.dev/core");
3
3
  //#region src/components/elements/Toggle.tsx
4
- var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
4
+ var Toggle = /*#__PURE__*/ (0, _qwik_dev_core.componentQrl)(/*#__PURE__*/ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
5
5
  const props = (0, _qwik_dev_core._restProps)(_rawProps, [
6
6
  "class",
7
7
  "checkbox",
8
8
  "round",
9
9
  "outerProps"
10
10
  ]);
11
- return /* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/* @__PURE__ */ (0, _qwik_dev_core._jsxSplit)("input", {
11
+ return /*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ (0, _qwik_dev_core._jsxSplit)("input", {
12
12
  type: "checkbox",
13
13
  ...(0, _qwik_dev_core._getVarProps)(props)
14
14
  }, {
15
15
  ...(0, _qwik_dev_core._getConstProps)(props),
16
16
  class: "peer sr-only"
17
- }, null, 0, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
17
+ }, null, 0, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("div", { class: {
18
18
  "peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
19
19
  "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
20
20
  "rounded-lum after:rounded-lum-1": !_rawProps.round,
@@ -23,7 +23,7 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
23
23
  "w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
24
24
  "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
25
25
  ...require_functions.getClassObject(_rawProps.class)
26
- } }, null, null, 3, null)], 1, null), /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("label", { for: (0, _qwik_dev_core._wrapProp)(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
26
+ } }, null, null, 3, null)], 1, null), /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)("label", { for: (0, _qwik_dev_core._wrapProp)(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ (0, _qwik_dev_core._jsxSorted)(_qwik_dev_core.Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
27
27
  }, "Toggle_component_AHnKi33alRM"));
28
28
  //#endregion
29
29
  exports.Toggle = Toggle;
@@ -1,20 +1,20 @@
1
1
  import { getClassObject } from "../functions.qwik.mjs";
2
2
  import { Slot, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _restProps, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
3
3
  //#region src/components/elements/Toggle.tsx
4
- var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
4
+ var Toggle = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
5
5
  const props = _restProps(_rawProps, [
6
6
  "class",
7
7
  "checkbox",
8
8
  "round",
9
9
  "outerProps"
10
10
  ]);
11
- return /* @__PURE__ */ _jsxSplit("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/* @__PURE__ */ _jsxSorted("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/* @__PURE__ */ _jsxSplit("input", {
11
+ return /*#__PURE__*/ _jsxSplit("div", { ..._rawProps.outerProps }, { class: "flex touch-manipulation items-center gap-3" }, [/*#__PURE__*/ _jsxSorted("label", null, { class: "relative inline-flex cursor-pointer items-center" }, [/*#__PURE__*/ _jsxSplit("input", {
12
12
  type: "checkbox",
13
13
  ..._getVarProps(props)
14
14
  }, {
15
15
  ..._getConstProps(props),
16
16
  class: "peer sr-only"
17
- }, null, 0, null), /* @__PURE__ */ _jsxSorted("div", { class: {
17
+ }, null, 0, null), /*#__PURE__*/ _jsxSorted("div", { class: {
18
18
  "peer h-7 duration-300 ease-out hover:duration-75 peer-focus:border-blue-500": true,
19
19
  "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-transform": true,
20
20
  "rounded-lum after:rounded-lum-1": !_rawProps.round,
@@ -23,7 +23,7 @@ var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps)
23
23
  "w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
24
24
  "lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
25
25
  ...getClassObject(_rawProps.class)
26
- } }, null, null, 3, null)], 1, null), /* @__PURE__ */ _jsxSorted("label", { for: _wrapProp(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
26
+ } }, null, null, 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("label", { for: _wrapProp(props, "id") }, { class: "flex gap-2 text-lum-text select-none empty:hidden" }, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "R0_0"), 1, null)], 0, "R0_1");
27
27
  }, "Toggle_component_AHnKi33alRM"));
28
28
  //#endregion
29
29
  export { Toggle };