@luminescent/ui-qwik 6.8.3-1 → 6.8.3-qwikv2

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 (108) hide show
  1. package/lib/components/elements/Anchor.qwik.cjs +21 -24
  2. package/lib/components/elements/Anchor.qwik.mjs +21 -24
  3. package/lib/components/elements/Blobs.qwik.cjs +180 -186
  4. package/lib/components/elements/Blobs.qwik.mjs +180 -187
  5. package/lib/components/elements/ColorPicker.qwik.cjs +270 -301
  6. package/lib/components/elements/ColorPicker.qwik.mjs +270 -301
  7. package/lib/components/elements/Dropdown.qwik.cjs +26 -29
  8. package/lib/components/elements/Dropdown.qwik.mjs +26 -29
  9. package/lib/components/elements/Nav.qwik.cjs +78 -96
  10. package/lib/components/elements/Nav.qwik.mjs +78 -96
  11. package/lib/components/elements/NumberInput.qwik.cjs +61 -74
  12. package/lib/components/elements/NumberInput.qwik.mjs +60 -74
  13. package/lib/components/elements/RangeInput.qwik.cjs +55 -73
  14. package/lib/components/elements/RangeInput.qwik.mjs +56 -75
  15. package/lib/components/elements/SelectMenu.qwik.cjs +105 -130
  16. package/lib/components/elements/SelectMenu.qwik.mjs +105 -131
  17. package/lib/components/elements/Sidebar.qwik.cjs +28 -35
  18. package/lib/components/elements/Sidebar.qwik.mjs +28 -35
  19. package/lib/components/elements/Toggle.qwik.cjs +29 -37
  20. package/lib/components/elements/Toggle.qwik.mjs +30 -38
  21. package/lib/components/functions.qwik.cjs +15 -16
  22. package/lib/components/functions.qwik.mjs +16 -17
  23. package/lib/{src/components → components}/logos/Birdflop.d.ts +3 -0
  24. package/lib/components/logos/Birdflop.qwik.cjs +64 -71
  25. package/lib/components/logos/Birdflop.qwik.mjs +65 -71
  26. package/lib/{src/components → components}/logos/Fabric.d.ts +3 -0
  27. package/lib/components/logos/Fabric.qwik.cjs +28 -30
  28. package/lib/components/logos/Fabric.qwik.mjs +29 -30
  29. package/lib/{src/components → components}/logos/Forge.d.ts +3 -0
  30. package/lib/components/logos/Forge.qwik.cjs +27 -29
  31. package/lib/components/logos/Forge.qwik.mjs +28 -29
  32. package/lib/{src/components → components}/logos/Luminescent.d.ts +6 -0
  33. package/lib/components/logos/Luminescent.qwik.cjs +119 -139
  34. package/lib/components/logos/Luminescent.qwik.mjs +118 -139
  35. package/lib/{src/components → components}/logos/Paper.d.ts +3 -0
  36. package/lib/components/logos/Paper.qwik.cjs +39 -38
  37. package/lib/components/logos/Paper.qwik.mjs +40 -38
  38. package/lib/{src/components → components}/logos/Purpur.d.ts +3 -0
  39. package/lib/components/logos/Purpur.qwik.cjs +73 -74
  40. package/lib/components/logos/Purpur.qwik.mjs +74 -74
  41. package/lib/{src/components → components}/logos/Waterfall.d.ts +3 -0
  42. package/lib/components/logos/Waterfall.qwik.cjs +18 -19
  43. package/lib/components/logos/Waterfall.qwik.mjs +18 -18
  44. package/lib/{src/components → components}/logos.d.ts +0 -3
  45. package/lib/index.qwik.cjs +41 -48
  46. package/lib/index.qwik.mjs +8 -38
  47. package/lib/svg/ChevronDown.qwik.cjs +18 -21
  48. package/lib/svg/ChevronDown.qwik.mjs +18 -20
  49. package/lib/svg/Link.qwik.cjs +27 -32
  50. package/lib/svg/Link.qwik.mjs +28 -32
  51. package/lib/svg/Menu.qwik.cjs +22 -29
  52. package/lib/svg/Menu.qwik.mjs +23 -29
  53. package/lib/svg/Minus.qwik.cjs +18 -21
  54. package/lib/svg/Minus.qwik.mjs +18 -20
  55. package/lib/svg/Plus.qwik.cjs +18 -26
  56. package/lib/svg/Plus.qwik.mjs +19 -26
  57. package/lib/svg/Shuffle.qwik.cjs +24 -35
  58. package/lib/svg/Shuffle.qwik.mjs +25 -35
  59. package/lib/utils/color.qwik.cjs +101 -115
  60. package/lib/utils/color.qwik.mjs +102 -122
  61. package/package.json +24 -24
  62. package/lib/components/logos/Discord.qwik.cjs +0 -18
  63. package/lib/components/logos/Discord.qwik.mjs +0 -18
  64. package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
  65. package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
  66. package/lib/components/logos/Velocity.qwik.cjs +0 -27
  67. package/lib/components/logos/Velocity.qwik.mjs +0 -27
  68. package/lib/src/components/logos/Discord.d.ts +0 -2
  69. package/lib/src/components/logos/Pterodactyl.d.ts +0 -2
  70. package/lib/src/components/logos/Velocity.d.ts +0 -2
  71. package/lib/tailwind.config.d.ts +0 -116
  72. /package/lib/{src/components → components}/docs/Anchor.d.ts +0 -0
  73. /package/lib/{src/components → components}/docs/Blobs.d.ts +0 -0
  74. /package/lib/{src/components → components}/docs/ColorPicker.d.ts +0 -0
  75. /package/lib/{src/components → components}/docs/Dropdown.d.ts +0 -0
  76. /package/lib/{src/components → components}/docs/IconsLogos.d.ts +0 -0
  77. /package/lib/{src/components → components}/docs/Nav.d.ts +0 -0
  78. /package/lib/{src/components → components}/docs/NumberInput.d.ts +0 -0
  79. /package/lib/{src/components → components}/docs/RangeInput.d.ts +0 -0
  80. /package/lib/{src/components → components}/docs/SelectMenu.d.ts +0 -0
  81. /package/lib/{src/components → components}/docs/Settings.d.ts +0 -0
  82. /package/lib/{src/components → components}/docs/Sidebar.d.ts +0 -0
  83. /package/lib/{src/components → components}/docs/Toggle.d.ts +0 -0
  84. /package/lib/{src/components → components}/docs/lum-btn.d.ts +0 -0
  85. /package/lib/{src/components → components}/docs/lum-card.d.ts +0 -0
  86. /package/lib/{src/components → components}/docs/lum-classes.d.ts +0 -0
  87. /package/lib/{src/components → components}/docs/lum-input.d.ts +0 -0
  88. /package/lib/{src/components → components}/elements/Anchor.d.ts +0 -0
  89. /package/lib/{src/components → components}/elements/Blobs.d.ts +0 -0
  90. /package/lib/{src/components → components}/elements/ColorPicker.d.ts +0 -0
  91. /package/lib/{src/components → components}/elements/Dropdown.d.ts +0 -0
  92. /package/lib/{src/components → components}/elements/Nav.d.ts +0 -0
  93. /package/lib/{src/components → components}/elements/NumberInput.d.ts +0 -0
  94. /package/lib/{src/components → components}/elements/RangeInput.d.ts +0 -0
  95. /package/lib/{src/components → components}/elements/SelectMenu.d.ts +0 -0
  96. /package/lib/{src/components → components}/elements/Sidebar.d.ts +0 -0
  97. /package/lib/{src/components → components}/elements/Toggle.d.ts +0 -0
  98. /package/lib/{src/components → components}/elements.d.ts +0 -0
  99. /package/lib/{src/components → components}/functions.d.ts +0 -0
  100. /package/lib/{src/components → components}/logos/IconProps.d.ts +0 -0
  101. /package/lib/{src/index.d.ts → index.d.ts} +0 -0
  102. /package/lib/{src/svg → svg}/ChevronDown.d.ts +0 -0
  103. /package/lib/{src/svg → svg}/Link.d.ts +0 -0
  104. /package/lib/{src/svg → svg}/Menu.d.ts +0 -0
  105. /package/lib/{src/svg → svg}/Minus.d.ts +0 -0
  106. /package/lib/{src/svg → svg}/Plus.d.ts +0 -0
  107. /package/lib/{src/svg → svg}/Shuffle.d.ts +0 -0
  108. /package/lib/{src/utils → utils}/color.d.ts +0 -0
@@ -1,26 +1,23 @@
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 Link = require("../../svg/Link.qwik.cjs");
6
- const Anchor = core.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
7
- ...props,
8
- class: {
9
- "group flex items-center gap-2 scroll-mt-32": true,
10
- ...props.class
11
- },
12
- children: [
13
- /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {}),
14
- id && /* @__PURE__ */ jsxRuntime.jsx("a", {
15
- href: `#${id}`,
16
- onClick$: async () => {
17
- await navigator.clipboard.writeText(window.location.href);
18
- },
19
- children: /* @__PURE__ */ jsxRuntime.jsx(Link.Link, {
20
- class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
21
- size: 20
22
- })
23
- })
24
- ]
1
+ const require_Link = require("../../svg/Link.qwik.cjs");
2
+ let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
3
+ let _qwik_dev_core = require("@qwik.dev/core");
4
+ //#region src/components/elements/Anchor.tsx
5
+ var Anchor = (0, _qwik_dev_core.component$)(({ id, ...props }) => /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
6
+ ...props,
7
+ class: {
8
+ "group flex items-center gap-2 scroll-mt-32": true,
9
+ ...props.class
10
+ },
11
+ children: [/* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(_qwik_dev_core.Slot, {}), id && /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("a", {
12
+ href: `#${id}`,
13
+ onClick$: async () => {
14
+ await navigator.clipboard.writeText(window.location.href);
15
+ },
16
+ children: /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)(require_Link.Link, {
17
+ class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
18
+ size: 20
19
+ })
20
+ })]
25
21
  }));
22
+ //#endregion
26
23
  exports.Anchor = Anchor;
@@ -1,26 +1,23 @@
1
- import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
2
- import { component$, Slot } from "@qwik.dev/core";
3
1
  import { Link } from "../../svg/Link.qwik.mjs";
4
- const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
5
- ...props,
6
- class: {
7
- "group flex items-center gap-2 scroll-mt-32": true,
8
- ...props.class
9
- },
10
- children: [
11
- /* @__PURE__ */ jsx(Slot, {}),
12
- id && /* @__PURE__ */ jsx("a", {
13
- href: `#${id}`,
14
- onClick$: async () => {
15
- await navigator.clipboard.writeText(window.location.href);
16
- },
17
- children: /* @__PURE__ */ jsx(Link, {
18
- class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
19
- size: 20
20
- })
21
- })
22
- ]
2
+ import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
3
+ import { Slot, component$ } from "@qwik.dev/core";
4
+ //#region src/components/elements/Anchor.tsx
5
+ var Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
6
+ ...props,
7
+ class: {
8
+ "group flex items-center gap-2 scroll-mt-32": true,
9
+ ...props.class
10
+ },
11
+ children: [/* @__PURE__ */ jsx(Slot, {}), id && /* @__PURE__ */ jsx("a", {
12
+ href: `#${id}`,
13
+ onClick$: async () => {
14
+ await navigator.clipboard.writeText(window.location.href);
15
+ },
16
+ children: /* @__PURE__ */ jsx(Link, {
17
+ class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
18
+ size: 20
19
+ })
20
+ })]
23
21
  }));
24
- export {
25
- Anchor
26
- };
22
+ //#endregion
23
+ export { Anchor };
@@ -1,191 +1,185 @@
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 blobColorClasses = {
6
- slate: [
7
- "bg-slate-400",
8
- "bg-slate-500",
9
- "bg-slate-600"
10
- ],
11
- gray: [
12
- "bg-gray-400",
13
- "bg-gray-500",
14
- "bg-gray-600"
15
- ],
16
- darkgray: [
17
- "bg-gray-500",
18
- "bg-gray-600",
19
- "bg-gray-700"
20
- ],
21
- darkergray: [
22
- "bg-gray-600",
23
- "bg-gray-700",
24
- "bg-gray-800"
25
- ],
26
- zinc: [
27
- "bg-zinc-400",
28
- "bg-zinc-500",
29
- "bg-zinc-600"
30
- ],
31
- neutral: [
32
- "bg-neutral-400",
33
- "bg-neutral-500",
34
- "bg-neutral-600"
35
- ],
36
- stone: [
37
- "bg-stone-400",
38
- "bg-stone-500",
39
- "bg-stone-600"
40
- ],
41
- red: [
42
- "bg-red-400",
43
- "bg-red-500",
44
- "bg-red-600"
45
- ],
46
- orange: [
47
- "bg-orange-400",
48
- "bg-orange-500",
49
- "bg-orange-600"
50
- ],
51
- amber: [
52
- "bg-amber-400",
53
- "bg-amber-500",
54
- "bg-amber-600"
55
- ],
56
- yellow: [
57
- "bg-yellow-400",
58
- "bg-yellow-500",
59
- "bg-yellow-600"
60
- ],
61
- lime: [
62
- "bg-lime-400",
63
- "bg-lime-500",
64
- "bg-lime-600"
65
- ],
66
- green: [
67
- "bg-green-400",
68
- "bg-green-500",
69
- "bg-green-600"
70
- ],
71
- emerald: [
72
- "bg-emerald-400",
73
- "bg-emerald-500",
74
- "bg-emerald-600"
75
- ],
76
- teal: [
77
- "bg-teal-400",
78
- "bg-teal-500",
79
- "bg-teal-600"
80
- ],
81
- cyan: [
82
- "bg-cyan-400",
83
- "bg-cyan-500",
84
- "bg-cyan-600"
85
- ],
86
- sky: [
87
- "bg-sky-400",
88
- "bg-sky-500",
89
- "bg-sky-600"
90
- ],
91
- blue: [
92
- "bg-blue-400",
93
- "bg-blue-500",
94
- "bg-blue-600"
95
- ],
96
- indigo: [
97
- "bg-indigo-400",
98
- "bg-indigo-500",
99
- "bg-indigo-600"
100
- ],
101
- violet: [
102
- "bg-violet-400",
103
- "bg-violet-500",
104
- "bg-violet-600"
105
- ],
106
- purple: [
107
- "bg-purple-400",
108
- "bg-purple-500",
109
- "bg-purple-600"
110
- ],
111
- fuchsia: [
112
- "bg-fuchsia-400",
113
- "bg-fuchsia-500",
114
- "bg-fuchsia-600"
115
- ],
116
- pink: [
117
- "bg-pink-400",
118
- "bg-pink-500",
119
- "bg-pink-600"
120
- ],
121
- rose: [
122
- "bg-rose-400",
123
- "bg-rose-500",
124
- "bg-rose-600"
125
- ]
1
+ let _qwik_dev_core_jsx_runtime = require("@qwik.dev/core/jsx-runtime");
2
+ let _qwik_dev_core = require("@qwik.dev/core");
3
+ //#region src/components/elements/Blobs.tsx
4
+ var blobColorClasses = {
5
+ slate: [
6
+ "bg-slate-400",
7
+ "bg-slate-500",
8
+ "bg-slate-600"
9
+ ],
10
+ gray: [
11
+ "bg-gray-400",
12
+ "bg-gray-500",
13
+ "bg-gray-600"
14
+ ],
15
+ darkgray: [
16
+ "bg-gray-500",
17
+ "bg-gray-600",
18
+ "bg-gray-700"
19
+ ],
20
+ darkergray: [
21
+ "bg-gray-600",
22
+ "bg-gray-700",
23
+ "bg-gray-800"
24
+ ],
25
+ zinc: [
26
+ "bg-zinc-400",
27
+ "bg-zinc-500",
28
+ "bg-zinc-600"
29
+ ],
30
+ neutral: [
31
+ "bg-neutral-400",
32
+ "bg-neutral-500",
33
+ "bg-neutral-600"
34
+ ],
35
+ stone: [
36
+ "bg-stone-400",
37
+ "bg-stone-500",
38
+ "bg-stone-600"
39
+ ],
40
+ red: [
41
+ "bg-red-400",
42
+ "bg-red-500",
43
+ "bg-red-600"
44
+ ],
45
+ orange: [
46
+ "bg-orange-400",
47
+ "bg-orange-500",
48
+ "bg-orange-600"
49
+ ],
50
+ amber: [
51
+ "bg-amber-400",
52
+ "bg-amber-500",
53
+ "bg-amber-600"
54
+ ],
55
+ yellow: [
56
+ "bg-yellow-400",
57
+ "bg-yellow-500",
58
+ "bg-yellow-600"
59
+ ],
60
+ lime: [
61
+ "bg-lime-400",
62
+ "bg-lime-500",
63
+ "bg-lime-600"
64
+ ],
65
+ green: [
66
+ "bg-green-400",
67
+ "bg-green-500",
68
+ "bg-green-600"
69
+ ],
70
+ emerald: [
71
+ "bg-emerald-400",
72
+ "bg-emerald-500",
73
+ "bg-emerald-600"
74
+ ],
75
+ teal: [
76
+ "bg-teal-400",
77
+ "bg-teal-500",
78
+ "bg-teal-600"
79
+ ],
80
+ cyan: [
81
+ "bg-cyan-400",
82
+ "bg-cyan-500",
83
+ "bg-cyan-600"
84
+ ],
85
+ sky: [
86
+ "bg-sky-400",
87
+ "bg-sky-500",
88
+ "bg-sky-600"
89
+ ],
90
+ blue: [
91
+ "bg-blue-400",
92
+ "bg-blue-500",
93
+ "bg-blue-600"
94
+ ],
95
+ indigo: [
96
+ "bg-indigo-400",
97
+ "bg-indigo-500",
98
+ "bg-indigo-600"
99
+ ],
100
+ violet: [
101
+ "bg-violet-400",
102
+ "bg-violet-500",
103
+ "bg-violet-600"
104
+ ],
105
+ purple: [
106
+ "bg-purple-400",
107
+ "bg-purple-500",
108
+ "bg-purple-600"
109
+ ],
110
+ fuchsia: [
111
+ "bg-fuchsia-400",
112
+ "bg-fuchsia-500",
113
+ "bg-fuchsia-600"
114
+ ],
115
+ pink: [
116
+ "bg-pink-400",
117
+ "bg-pink-500",
118
+ "bg-pink-600"
119
+ ],
120
+ rose: [
121
+ "bg-rose-400",
122
+ "bg-rose-500",
123
+ "bg-rose-600"
124
+ ]
126
125
  };
127
- const blobClasses = [
128
- "animate-blob",
129
- "animate-blob1",
130
- "animate-blob2",
131
- "animate-blob3",
132
- "animate-blob4",
133
- "animate-blob5",
134
- "animate-blob6"
126
+ var blobClasses = [
127
+ "animate-blob",
128
+ "animate-blob1",
129
+ "animate-blob2",
130
+ "animate-blob3",
131
+ "animate-blob4",
132
+ "animate-blob5",
133
+ "animate-blob6"
135
134
  ];
136
- const Blobs = core.component$(({ color = "darkgray", blur = "xl", ...props }) => {
137
- const blob = Math.round(Math.random() * 6);
138
- const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
139
- return /* @__PURE__ */ jsxRuntime.jsxs("div", {
140
- class: {
141
- "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
142
- ...props.class
143
- },
144
- style: {
145
- containerType: "size",
146
- ...props.style
147
- },
148
- children: [
149
- /* @__PURE__ */ jsxRuntime.jsx("div", {
150
- class: {
151
- "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
152
- "blur-xs": blur === "xs",
153
- "blur-sm": blur === "sm",
154
- "blur-md": blur === "md",
155
- "blur-lg": blur === "lg",
156
- "blur-xl": blur === "xl",
157
- [blobClasses[blob]]: true,
158
- [colorClass[0]]: true
159
- }
160
- }),
161
- /* @__PURE__ */ jsxRuntime.jsx("div", {
162
- class: {
163
- "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
164
- "blur-xs": blur === "xs",
165
- "blur-sm": blur === "sm",
166
- "blur-md": blur === "md",
167
- "blur-lg": blur === "lg",
168
- "blur-xl": blur === "xl",
169
- "anim-delay-[-5s]": true,
170
- [blobClasses[blob]]: true,
171
- [colorClass[1]]: true
172
- }
173
- }),
174
- /* @__PURE__ */ jsxRuntime.jsx("div", {
175
- class: {
176
- "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
177
- "blur-xs": blur === "xs",
178
- "blur-sm": blur === "sm",
179
- "blur-md": blur === "md",
180
- "blur-lg": blur === "lg",
181
- "blur-xl": blur === "xl",
182
- "anim-delay-[-10s]": true,
183
- [blobClasses[blob]]: true,
184
- [colorClass[2]]: true
185
- }
186
- })
187
- ]
188
- });
135
+ var Blobs = (0, _qwik_dev_core.component$)(({ color = "darkgray", blur = "xl", ...props }) => {
136
+ const blob = Math.round(Math.random() * 6);
137
+ const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
138
+ return /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsxs)("div", {
139
+ class: {
140
+ "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
141
+ ...props.class
142
+ },
143
+ style: {
144
+ containerType: "size",
145
+ ...props.style
146
+ },
147
+ children: [
148
+ /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: {
149
+ "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
150
+ "blur-xs": blur === "xs",
151
+ "blur-sm": blur === "sm",
152
+ "blur-md": blur === "md",
153
+ "blur-lg": blur === "lg",
154
+ "blur-xl": blur === "xl",
155
+ [blobClasses[blob]]: true,
156
+ [colorClass[0]]: true
157
+ } }),
158
+ /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: {
159
+ "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
160
+ "blur-xs": blur === "xs",
161
+ "blur-sm": blur === "sm",
162
+ "blur-md": blur === "md",
163
+ "blur-lg": blur === "lg",
164
+ "blur-xl": blur === "xl",
165
+ "anim-delay-[-5s]": true,
166
+ [blobClasses[blob]]: true,
167
+ [colorClass[1]]: true
168
+ } }),
169
+ /* @__PURE__ */ (0, _qwik_dev_core_jsx_runtime.jsx)("div", { class: {
170
+ "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
171
+ "blur-xs": blur === "xs",
172
+ "blur-sm": blur === "sm",
173
+ "blur-md": blur === "md",
174
+ "blur-lg": blur === "lg",
175
+ "blur-xl": blur === "xl",
176
+ "anim-delay-[-10s]": true,
177
+ [blobClasses[blob]]: true,
178
+ [colorClass[2]]: true
179
+ } })
180
+ ]
181
+ });
189
182
  });
183
+ //#endregion
190
184
  exports.Blobs = Blobs;
191
185
  exports.blobColorClasses = blobColorClasses;