@luminescent/ui-qwik 6.8.3-2 → 6.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +661 -0
- package/lib/index.qwik.cjs +1746 -47
- package/lib/index.qwik.mjs +1720 -21
- package/lib-types/components/docs/Anchor.d.ts +4 -0
- package/lib-types/components/docs/Blobs.d.ts +4 -0
- package/lib-types/components/docs/ColorPicker.d.ts +4 -0
- package/lib-types/components/docs/Dropdown.d.ts +4 -0
- package/lib-types/components/docs/IconsLogos.d.ts +4 -0
- package/lib-types/components/docs/Nav.d.ts +4 -0
- package/lib-types/components/docs/NumberInput.d.ts +4 -0
- package/lib-types/components/docs/RangeInput.d.ts +4 -0
- package/lib-types/components/docs/SelectMenu.d.ts +4 -0
- package/lib-types/components/docs/Settings.d.ts +2 -0
- package/lib-types/components/docs/Sidebar.d.ts +4 -0
- package/lib-types/components/docs/Toggle.d.ts +4 -0
- package/lib-types/components/docs/lum-btn.d.ts +4 -0
- package/lib-types/components/docs/lum-card.d.ts +4 -0
- package/lib-types/components/docs/lum-classes.d.ts +4 -0
- package/lib-types/components/docs/lum-input.d.ts +4 -0
- package/{lib → lib-types}/components/elements/Anchor.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Blobs.d.ts +1 -1
- package/{lib → lib-types}/components/elements/ColorPicker.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Dropdown.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Nav.d.ts +2 -2
- package/lib-types/components/elements/NumberInput.d.ts +21 -0
- package/{lib → lib-types}/components/elements/RangeInput.d.ts +3 -3
- package/{lib → lib-types}/components/elements/SelectMenu.d.ts +3 -3
- package/{lib → lib-types}/components/elements/Sidebar.d.ts +2 -2
- package/{lib → lib-types}/components/elements/Toggle.d.ts +2 -2
- package/{lib → lib-types}/components/logos/Birdflop.d.ts +1 -1
- package/{lib/components/logos/Waterfall.d.ts → lib-types/components/logos/Discord.d.ts} +1 -1
- package/{lib/components/logos/Velocity.d.ts → lib-types/components/logos/Fabric.d.ts} +1 -1
- package/lib-types/components/logos/Forge.d.ts +2 -0
- package/{lib → lib-types}/components/logos/IconProps.d.ts +1 -1
- package/lib-types/components/logos/Luminescent.d.ts +3 -0
- package/lib-types/components/logos/Paper.d.ts +2 -0
- package/lib-types/components/logos/Pterodactyl.d.ts +2 -0
- package/lib-types/components/logos/Purpur.d.ts +2 -0
- package/lib-types/components/logos/Velocity.d.ts +2 -0
- package/{lib/components/logos/Pterodactyl.d.ts → lib-types/components/logos/Waterfall.d.ts} +1 -1
- package/lib-types/entry.dev.d.ts +2 -0
- package/lib-types/entry.ssr.d.ts +14 -0
- package/lib-types/root.d.ts +3 -0
- package/lib-types/svg/ChevronDown.d.ts +2 -0
- package/lib-types/svg/Link.d.ts +2 -0
- package/lib-types/svg/Menu.d.ts +2 -0
- package/{lib/svg/Shuffle.d.ts → lib-types/svg/Minus.d.ts} +1 -1
- package/lib-types/svg/Plus.d.ts +2 -0
- package/lib-types/svg/Shuffle.d.ts +2 -0
- package/package.json +25 -22
- package/tailwind.config.js +94 -0
- package/lib/components/docs/Anchor.d.ts +0 -4
- package/lib/components/docs/Blobs.d.ts +0 -4
- package/lib/components/docs/ColorPicker.d.ts +0 -4
- package/lib/components/docs/Dropdown.d.ts +0 -4
- package/lib/components/docs/IconsLogos.d.ts +0 -4
- package/lib/components/docs/Nav.d.ts +0 -4
- package/lib/components/docs/NumberInput.d.ts +0 -4
- package/lib/components/docs/RangeInput.d.ts +0 -4
- package/lib/components/docs/SelectMenu.d.ts +0 -4
- package/lib/components/docs/Settings.d.ts +0 -2
- package/lib/components/docs/Sidebar.d.ts +0 -4
- package/lib/components/docs/Toggle.d.ts +0 -4
- package/lib/components/docs/lum-btn.d.ts +0 -4
- package/lib/components/docs/lum-card.d.ts +0 -4
- package/lib/components/docs/lum-classes.d.ts +0 -4
- package/lib/components/docs/lum-input.d.ts +0 -4
- package/lib/components/elements/Anchor.qwik.cjs +0 -26
- package/lib/components/elements/Anchor.qwik.mjs +0 -26
- package/lib/components/elements/Blobs.qwik.cjs +0 -191
- package/lib/components/elements/Blobs.qwik.mjs +0 -191
- package/lib/components/elements/ColorPicker.qwik.cjs +0 -314
- package/lib/components/elements/ColorPicker.qwik.mjs +0 -314
- package/lib/components/elements/Dropdown.qwik.cjs +0 -31
- package/lib/components/elements/Dropdown.qwik.mjs +0 -31
- package/lib/components/elements/Nav.qwik.cjs +0 -98
- package/lib/components/elements/Nav.qwik.mjs +0 -98
- package/lib/components/elements/NumberInput.d.ts +0 -21
- package/lib/components/elements/NumberInput.qwik.cjs +0 -87
- package/lib/components/elements/NumberInput.qwik.mjs +0 -87
- package/lib/components/elements/RangeInput.qwik.cjs +0 -77
- package/lib/components/elements/RangeInput.qwik.mjs +0 -77
- package/lib/components/elements/SelectMenu.qwik.cjs +0 -134
- package/lib/components/elements/SelectMenu.qwik.mjs +0 -134
- package/lib/components/elements/Sidebar.qwik.cjs +0 -37
- package/lib/components/elements/Sidebar.qwik.mjs +0 -37
- package/lib/components/elements/Toggle.qwik.cjs +0 -39
- package/lib/components/elements/Toggle.qwik.mjs +0 -39
- package/lib/components/functions.qwik.cjs +0 -18
- package/lib/components/functions.qwik.mjs +0 -18
- package/lib/components/logos/Birdflop.qwik.cjs +0 -73
- package/lib/components/logos/Birdflop.qwik.mjs +0 -73
- package/lib/components/logos/Discord.d.ts +0 -2
- package/lib/components/logos/Discord.qwik.cjs +0 -18
- package/lib/components/logos/Discord.qwik.mjs +0 -18
- package/lib/components/logos/Fabric.d.ts +0 -2
- package/lib/components/logos/Fabric.qwik.cjs +0 -32
- package/lib/components/logos/Fabric.qwik.mjs +0 -32
- package/lib/components/logos/Forge.d.ts +0 -2
- package/lib/components/logos/Forge.qwik.cjs +0 -31
- package/lib/components/logos/Forge.qwik.mjs +0 -31
- package/lib/components/logos/Luminescent.d.ts +0 -3
- package/lib/components/logos/Luminescent.qwik.cjs +0 -143
- package/lib/components/logos/Luminescent.qwik.mjs +0 -143
- package/lib/components/logos/Paper.d.ts +0 -2
- package/lib/components/logos/Paper.qwik.cjs +0 -40
- package/lib/components/logos/Paper.qwik.mjs +0 -40
- package/lib/components/logos/Pterodactyl.qwik.cjs +0 -35
- package/lib/components/logos/Pterodactyl.qwik.mjs +0 -35
- package/lib/components/logos/Purpur.d.ts +0 -2
- package/lib/components/logos/Purpur.qwik.cjs +0 -76
- package/lib/components/logos/Purpur.qwik.mjs +0 -76
- package/lib/components/logos/Velocity.qwik.cjs +0 -27
- package/lib/components/logos/Velocity.qwik.mjs +0 -27
- package/lib/components/logos/Waterfall.qwik.cjs +0 -21
- package/lib/components/logos/Waterfall.qwik.mjs +0 -21
- package/lib/svg/ChevronDown.d.ts +0 -2
- package/lib/svg/ChevronDown.qwik.cjs +0 -23
- package/lib/svg/ChevronDown.qwik.mjs +0 -23
- package/lib/svg/Link.d.ts +0 -2
- package/lib/svg/Link.qwik.cjs +0 -34
- package/lib/svg/Link.qwik.mjs +0 -34
- package/lib/svg/Menu.d.ts +0 -2
- package/lib/svg/Menu.qwik.cjs +0 -31
- package/lib/svg/Menu.qwik.mjs +0 -31
- package/lib/svg/Minus.d.ts +0 -2
- package/lib/svg/Minus.qwik.cjs +0 -23
- package/lib/svg/Minus.qwik.mjs +0 -23
- package/lib/svg/Plus.d.ts +0 -2
- package/lib/svg/Plus.qwik.cjs +0 -28
- package/lib/svg/Plus.qwik.mjs +0 -28
- package/lib/svg/Shuffle.qwik.cjs +0 -37
- package/lib/svg/Shuffle.qwik.mjs +0 -37
- package/lib/utils/color.qwik.cjs +0 -134
- package/lib/utils/color.qwik.mjs +0 -134
- /package/{lib → lib-types}/components/elements.d.ts +0 -0
- /package/{lib → lib-types}/components/functions.d.ts +0 -0
- /package/{lib → lib-types}/components/logos.d.ts +0 -0
- /package/{lib → lib-types}/index.d.ts +0 -0
- /package/{lib → lib-types}/utils/color.d.ts +0 -0
|
@@ -1,26 +0,0 @@
|
|
|
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
|
-
]
|
|
25
|
-
}));
|
|
26
|
-
exports.Anchor = Anchor;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
|
|
2
|
-
import { component$, Slot } from "@qwik.dev/core";
|
|
3
|
-
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
|
-
]
|
|
23
|
-
}));
|
|
24
|
-
export {
|
|
25
|
-
Anchor
|
|
26
|
-
};
|
|
@@ -1,191 +0,0 @@
|
|
|
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
|
-
]
|
|
126
|
-
};
|
|
127
|
-
const blobClasses = [
|
|
128
|
-
"animate-blob",
|
|
129
|
-
"animate-blob1",
|
|
130
|
-
"animate-blob2",
|
|
131
|
-
"animate-blob3",
|
|
132
|
-
"animate-blob4",
|
|
133
|
-
"animate-blob5",
|
|
134
|
-
"animate-blob6"
|
|
135
|
-
];
|
|
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
|
-
});
|
|
189
|
-
});
|
|
190
|
-
exports.Blobs = Blobs;
|
|
191
|
-
exports.blobColorClasses = blobColorClasses;
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
|
|
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
|
-
]
|
|
124
|
-
};
|
|
125
|
-
const blobClasses = [
|
|
126
|
-
"animate-blob",
|
|
127
|
-
"animate-blob1",
|
|
128
|
-
"animate-blob2",
|
|
129
|
-
"animate-blob3",
|
|
130
|
-
"animate-blob4",
|
|
131
|
-
"animate-blob5",
|
|
132
|
-
"animate-blob6"
|
|
133
|
-
];
|
|
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
|
-
});
|
|
187
|
-
});
|
|
188
|
-
export {
|
|
189
|
-
Blobs,
|
|
190
|
-
blobColorClasses
|
|
191
|
-
};
|