@luminescent/ui-qwik 6.8.3-2 → 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 (70) 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/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/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/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/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/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/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/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/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.d.ts +0 -2
  63. package/lib/components/logos/Discord.qwik.cjs +0 -18
  64. package/lib/components/logos/Discord.qwik.mjs +0 -18
  65. package/lib/components/logos/Pterodactyl.d.ts +0 -2
  66. package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
  67. package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
  68. package/lib/components/logos/Velocity.d.ts +0 -2
  69. package/lib/components/logos/Velocity.qwik.cjs +0 -27
  70. package/lib/components/logos/Velocity.qwik.mjs +0 -27
package/lib/components/elements/Blobs.qwik.mjs CHANGED
@@ -1,191 +1,184 @@
1
- import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
1
+ import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
2
2
  import { component$ } from "@qwik.dev/core";
3
- const blobColorClasses = {
4
- slate: [
5
- "bg-slate-400",
6
- "bg-slate-500",
7
- "bg-slate-600"
8
- ],
9
- gray: [
10
- "bg-gray-400",
11
- "bg-gray-500",
12
- "bg-gray-600"
13
- ],
14
- darkgray: [
15
- "bg-gray-500",
16
- "bg-gray-600",
17
- "bg-gray-700"
18
- ],
19
- darkergray: [
20
- "bg-gray-600",
21
- "bg-gray-700",
22
- "bg-gray-800"
23
- ],
24
- zinc: [
25
- "bg-zinc-400",
26
- "bg-zinc-500",
27
- "bg-zinc-600"
28
- ],
29
- neutral: [
30
- "bg-neutral-400",
31
- "bg-neutral-500",
32
- "bg-neutral-600"
33
- ],
34
- stone: [
35
- "bg-stone-400",
36
- "bg-stone-500",
37
- "bg-stone-600"
38
- ],
39
- red: [
40
- "bg-red-400",
41
- "bg-red-500",
42
- "bg-red-600"
43
- ],
44
- orange: [
45
- "bg-orange-400",
46
- "bg-orange-500",
47
- "bg-orange-600"
48
- ],
49
- amber: [
50
- "bg-amber-400",
51
- "bg-amber-500",
52
- "bg-amber-600"
53
- ],
54
- yellow: [
55
- "bg-yellow-400",
56
- "bg-yellow-500",
57
- "bg-yellow-600"
58
- ],
59
- lime: [
60
- "bg-lime-400",
61
- "bg-lime-500",
62
- "bg-lime-600"
63
- ],
64
- green: [
65
- "bg-green-400",
66
- "bg-green-500",
67
- "bg-green-600"
68
- ],
69
- emerald: [
70
- "bg-emerald-400",
71
- "bg-emerald-500",
72
- "bg-emerald-600"
73
- ],
74
- teal: [
75
- "bg-teal-400",
76
- "bg-teal-500",
77
- "bg-teal-600"
78
- ],
79
- cyan: [
80
- "bg-cyan-400",
81
- "bg-cyan-500",
82
- "bg-cyan-600"
83
- ],
84
- sky: [
85
- "bg-sky-400",
86
- "bg-sky-500",
87
- "bg-sky-600"
88
- ],
89
- blue: [
90
- "bg-blue-400",
91
- "bg-blue-500",
92
- "bg-blue-600"
93
- ],
94
- indigo: [
95
- "bg-indigo-400",
96
- "bg-indigo-500",
97
- "bg-indigo-600"
98
- ],
99
- violet: [
100
- "bg-violet-400",
101
- "bg-violet-500",
102
- "bg-violet-600"
103
- ],
104
- purple: [
105
- "bg-purple-400",
106
- "bg-purple-500",
107
- "bg-purple-600"
108
- ],
109
- fuchsia: [
110
- "bg-fuchsia-400",
111
- "bg-fuchsia-500",
112
- "bg-fuchsia-600"
113
- ],
114
- pink: [
115
- "bg-pink-400",
116
- "bg-pink-500",
117
- "bg-pink-600"
118
- ],
119
- rose: [
120
- "bg-rose-400",
121
- "bg-rose-500",
122
- "bg-rose-600"
123
- ]
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
+ ]
124
125
  };
125
- const blobClasses = [
126
- "animate-blob",
127
- "animate-blob1",
128
- "animate-blob2",
129
- "animate-blob3",
130
- "animate-blob4",
131
- "animate-blob5",
132
- "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"
133
134
  ];
134
- const Blobs = component$(({ color = "darkgray", blur = "xl", ...props }) => {
135
- const blob = Math.round(Math.random() * 6);
136
- const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
137
- return /* @__PURE__ */ jsxs("div", {
138
- class: {
139
- "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
140
- ...props.class
141
- },
142
- style: {
143
- containerType: "size",
144
- ...props.style
145
- },
146
- children: [
147
- /* @__PURE__ */ jsx("div", {
148
- 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
- }),
159
- /* @__PURE__ */ jsx("div", {
160
- class: {
161
- "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
162
- "blur-xs": blur === "xs",
163
- "blur-sm": blur === "sm",
164
- "blur-md": blur === "md",
165
- "blur-lg": blur === "lg",
166
- "blur-xl": blur === "xl",
167
- "anim-delay-[-5s]": true,
168
- [blobClasses[blob]]: true,
169
- [colorClass[1]]: true
170
- }
171
- }),
172
- /* @__PURE__ */ jsx("div", {
173
- class: {
174
- "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
175
- "blur-xs": blur === "xs",
176
- "blur-sm": blur === "sm",
177
- "blur-md": blur === "md",
178
- "blur-lg": blur === "lg",
179
- "blur-xl": blur === "xl",
180
- "anim-delay-[-10s]": true,
181
- [blobClasses[blob]]: true,
182
- [colorClass[2]]: true
183
- }
184
- })
185
- ]
186
- });
135
+ var Blobs = 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__ */ 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__ */ 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__ */ 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__ */ 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
+ });
187
182
  });
188
- export {
189
- Blobs,
190
- blobColorClasses
191
- };
183
+ //#endregion
184
+ export { Blobs, blobColorClasses };