@luminescent/ui-qwik 7.0.0-1 → 7.0.0-3
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/lib/assets/CggnzkAK-bundle-graph.json +1 -0
- package/lib/assets/CyrvYwp8-bundle-graph.json +1 -0
- package/lib/components/docs/Anchor.d.ts +1 -2
- package/lib/components/docs/ColorPicker.d.ts +1 -2
- package/lib/components/docs/Dropdown.d.ts +1 -2
- package/lib/components/docs/Label.d.ts +1 -2
- package/lib/components/docs/LumBtn.d.ts +3 -0
- package/lib/components/docs/LumCard.d.ts +3 -0
- package/lib/components/docs/LumClasses.d.ts +3 -0
- package/lib/components/docs/LumInput.d.ts +3 -0
- package/lib/components/docs/Nav.d.ts +1 -2
- package/lib/components/docs/NumberInput.d.ts +1 -2
- package/lib/components/docs/RangeInput.d.ts +1 -2
- package/lib/components/docs/SelectMenu.d.ts +1 -2
- package/lib/components/docs/Settings.d.ts +1 -2
- package/lib/components/docs/Sidebar.d.ts +1 -2
- package/lib/components/docs/Toggle.d.ts +1 -2
- package/lib/components/docs/index.d.ts +15 -0
- package/lib/components/elements/Label.d.ts +1 -0
- package/lib/components/elements/Label.qwik.cjs +7 -3
- package/lib/components/elements/Label.qwik.mjs +8 -4
- package/lib/components/elements/Nav.d.ts +1 -0
- package/lib/components/elements/Nav.qwik.cjs +42 -36
- package/lib/components/elements/Nav.qwik.mjs +43 -37
- package/lib/components/elements/NumberInput.d.ts +1 -0
- package/lib/components/elements/NumberInput.qwik.cjs +4 -3
- package/lib/components/elements/NumberInput.qwik.mjs +4 -3
- package/lib/components/elements/RangeInput.d.ts +1 -0
- package/lib/components/elements/RangeInput.qwik.cjs +4 -3
- package/lib/components/elements/RangeInput.qwik.mjs +4 -3
- package/lib/components/elements/SelectMenu.d.ts +1 -0
- package/lib/components/elements/SelectMenu.qwik.cjs +7 -3
- package/lib/components/elements/SelectMenu.qwik.mjs +7 -3
- package/lib/components/elements/Toggle.d.ts +1 -0
- package/lib/components/elements/Toggle.qwik.cjs +4 -3
- package/lib/components/elements/Toggle.qwik.mjs +4 -3
- package/lib/components/elements.d.ts +0 -1
- package/lib/index.qwik.cjs +0 -3
- package/lib/index.qwik.mjs +1 -2
- package/lib/q-manifest.json +19 -31
- package/package.json +3 -5
- package/lib/assets/BBIagblG-bundle-graph.json +0 -1
- package/lib/assets/ChtqwOpy-bundle-graph.json +0 -1
- package/lib/components/docs/Blobs.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/Blobs.d.ts +0 -36
- package/lib/components/elements/Blobs.qwik.cjs +0 -190
- package/lib/components/elements/Blobs.qwik.mjs +0 -189
|
@@ -5,9 +5,10 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
|
|
|
5
5
|
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
6
6
|
"class",
|
|
7
7
|
"checkbox",
|
|
8
|
-
"round"
|
|
8
|
+
"round",
|
|
9
|
+
"outerProps"
|
|
9
10
|
]);
|
|
10
|
-
return /* @__PURE__ */ (0, _qwik_dev_core.
|
|
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
12
|
type: "checkbox",
|
|
12
13
|
...(0, _qwik_dev_core._getVarProps)(props)
|
|
13
14
|
}, {
|
|
@@ -22,7 +23,7 @@ var Toggle = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0
|
|
|
22
23
|
"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
|
|
23
24
|
"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
|
|
24
25
|
...require_functions.getClassObject(_rawProps.class)
|
|
25
|
-
} }, 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)],
|
|
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
27
|
}, "Toggle_component_AHnKi33alRM"));
|
|
27
28
|
//#endregion
|
|
28
29
|
exports.Toggle = Toggle;
|
|
@@ -5,9 +5,10 @@ var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps)
|
|
|
5
5
|
const props = _restProps(_rawProps, [
|
|
6
6
|
"class",
|
|
7
7
|
"checkbox",
|
|
8
|
-
"round"
|
|
8
|
+
"round",
|
|
9
|
+
"outerProps"
|
|
9
10
|
]);
|
|
10
|
-
return /* @__PURE__ */
|
|
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
12
|
type: "checkbox",
|
|
12
13
|
..._getVarProps(props)
|
|
13
14
|
}, {
|
|
@@ -22,7 +23,7 @@ var Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps)
|
|
|
22
23
|
"w-7 after:opacity-0 peer-checked:after:opacity-100": _rawProps.checkbox,
|
|
23
24
|
"lum-toggle-bg-lum-input-bg peer-checked:lum-toggle-bg-lum-accent": true,
|
|
24
25
|
...getClassObject(_rawProps.class)
|
|
25
|
-
} }, 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)],
|
|
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
27
|
}, "Toggle_component_AHnKi33alRM"));
|
|
27
28
|
//#endregion
|
|
28
29
|
export { Toggle };
|
package/lib/index.qwik.cjs
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
2
|
const require_functions = require("./components/functions.qwik.cjs");
|
|
3
3
|
const require_Anchor = require("./components/elements/Anchor.qwik.cjs");
|
|
4
|
-
const require_Blobs = require("./components/elements/Blobs.qwik.cjs");
|
|
5
4
|
const require_ColorPicker = require("./components/elements/ColorPicker.qwik.cjs");
|
|
6
5
|
const require_Dropdown = require("./components/elements/Dropdown.qwik.cjs");
|
|
7
6
|
const require_Label = require("./components/elements/Label.qwik.cjs");
|
|
@@ -12,7 +11,6 @@ const require_SelectMenu = require("./components/elements/SelectMenu.qwik.cjs");
|
|
|
12
11
|
const require_Sidebar = require("./components/elements/Sidebar.qwik.cjs");
|
|
13
12
|
const require_Toggle = require("./components/elements/Toggle.qwik.cjs");
|
|
14
13
|
exports.Anchor = require_Anchor.Anchor;
|
|
15
|
-
exports.Blobs = require_Blobs.Blobs;
|
|
16
14
|
exports.ColorPicker = require_ColorPicker.ColorPicker;
|
|
17
15
|
exports.Dropdown = require_Dropdown.Dropdown;
|
|
18
16
|
exports.Hoverable = require_functions.Hoverable;
|
|
@@ -23,5 +21,4 @@ exports.RangeInput = require_RangeInput.RangeInput;
|
|
|
23
21
|
exports.SelectMenu = require_SelectMenu.SelectMenu;
|
|
24
22
|
exports.Sidebar = require_Sidebar.Sidebar;
|
|
25
23
|
exports.Toggle = require_Toggle.Toggle;
|
|
26
|
-
exports.blobColorClasses = require_Blobs.blobColorClasses;
|
|
27
24
|
exports.getClassObject = require_functions.getClassObject;
|
package/lib/index.qwik.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Hoverable, getClassObject } from "./components/functions.qwik.mjs";
|
|
2
2
|
import { Anchor } from "./components/elements/Anchor.qwik.mjs";
|
|
3
|
-
import { Blobs, blobColorClasses } from "./components/elements/Blobs.qwik.mjs";
|
|
4
3
|
import { ColorPicker } from "./components/elements/ColorPicker.qwik.mjs";
|
|
5
4
|
import { Dropdown } from "./components/elements/Dropdown.qwik.mjs";
|
|
6
5
|
import { Label } from "./components/elements/Label.qwik.mjs";
|
|
@@ -10,4 +9,4 @@ import { RangeInput } from "./components/elements/RangeInput.qwik.mjs";
|
|
|
10
9
|
import { SelectMenu } from "./components/elements/SelectMenu.qwik.mjs";
|
|
11
10
|
import { Sidebar } from "./components/elements/Sidebar.qwik.mjs";
|
|
12
11
|
import { Toggle } from "./components/elements/Toggle.qwik.mjs";
|
|
13
|
-
export { Anchor,
|
|
12
|
+
export { Anchor, ColorPicker, Dropdown, Hoverable, Label, Nav, NumberInput, RangeInput, SelectMenu, Sidebar, Toggle, getClassObject };
|
package/lib/q-manifest.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1",
|
|
3
|
-
"manifestHash": "
|
|
3
|
+
"manifestHash": "ehbkl2",
|
|
4
4
|
"options": {
|
|
5
5
|
"target": "lib",
|
|
6
6
|
"buildMode": "development",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"type": "inline"
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
|
-
"bundleGraphAsset": "assets/
|
|
11
|
+
"bundleGraphAsset": "assets/CyrvYwp8-bundle-graph.json",
|
|
12
12
|
"injections": [],
|
|
13
13
|
"mapping": {},
|
|
14
14
|
"bundles": {
|
|
@@ -24,17 +24,6 @@
|
|
|
24
24
|
],
|
|
25
25
|
"interactivity": 0
|
|
26
26
|
},
|
|
27
|
-
"../components/elements/Blobs.qwik.cjs": {
|
|
28
|
-
"size": 4434,
|
|
29
|
-
"total": 5284,
|
|
30
|
-
"imports": [
|
|
31
|
-
"../components/functions.qwik.cjs"
|
|
32
|
-
],
|
|
33
|
-
"origins": [
|
|
34
|
-
"src/components/elements/Blobs.tsx"
|
|
35
|
-
],
|
|
36
|
-
"interactivity": 0
|
|
37
|
-
},
|
|
38
27
|
"../components/elements/ColorPicker.qwik.cjs": {
|
|
39
28
|
"size": 14155,
|
|
40
29
|
"total": 18720,
|
|
@@ -61,16 +50,16 @@
|
|
|
61
50
|
"interactivity": 0
|
|
62
51
|
},
|
|
63
52
|
"../components/elements/Label.qwik.cjs": {
|
|
64
|
-
"size":
|
|
65
|
-
"total":
|
|
53
|
+
"size": 986,
|
|
54
|
+
"total": 986,
|
|
66
55
|
"origins": [
|
|
67
56
|
"src/components/elements/Label.tsx"
|
|
68
57
|
],
|
|
69
58
|
"interactivity": 0
|
|
70
59
|
},
|
|
71
60
|
"../components/elements/Nav.qwik.cjs": {
|
|
72
|
-
"size":
|
|
73
|
-
"total":
|
|
61
|
+
"size": 4119,
|
|
62
|
+
"total": 6124,
|
|
74
63
|
"imports": [
|
|
75
64
|
"../components/functions.qwik.cjs",
|
|
76
65
|
"../svg/Menu.qwik.cjs"
|
|
@@ -81,8 +70,8 @@
|
|
|
81
70
|
"interactivity": 0
|
|
82
71
|
},
|
|
83
72
|
"../components/elements/NumberInput.qwik.cjs": {
|
|
84
|
-
"size":
|
|
85
|
-
"total":
|
|
73
|
+
"size": 3427,
|
|
74
|
+
"total": 6288,
|
|
86
75
|
"imports": [
|
|
87
76
|
"../components/functions.qwik.cjs",
|
|
88
77
|
"../svg/Minus.qwik.cjs",
|
|
@@ -94,16 +83,16 @@
|
|
|
94
83
|
"interactivity": 0
|
|
95
84
|
},
|
|
96
85
|
"../components/elements/RangeInput.qwik.cjs": {
|
|
97
|
-
"size":
|
|
98
|
-
"total":
|
|
86
|
+
"size": 3301,
|
|
87
|
+
"total": 3301,
|
|
99
88
|
"origins": [
|
|
100
89
|
"src/components/elements/RangeInput.tsx"
|
|
101
90
|
],
|
|
102
91
|
"interactivity": 0
|
|
103
92
|
},
|
|
104
93
|
"../components/elements/SelectMenu.qwik.cjs": {
|
|
105
|
-
"size":
|
|
106
|
-
"total":
|
|
94
|
+
"size": 4789,
|
|
95
|
+
"total": 8929,
|
|
107
96
|
"imports": [
|
|
108
97
|
"../components/elements/Dropdown.qwik.cjs",
|
|
109
98
|
"../components/functions.qwik.cjs"
|
|
@@ -125,8 +114,8 @@
|
|
|
125
114
|
"interactivity": 0
|
|
126
115
|
},
|
|
127
116
|
"../components/elements/Toggle.qwik.cjs": {
|
|
128
|
-
"size":
|
|
129
|
-
"total":
|
|
117
|
+
"size": 2031,
|
|
118
|
+
"total": 2881,
|
|
130
119
|
"imports": [
|
|
131
120
|
"../components/functions.qwik.cjs"
|
|
132
121
|
],
|
|
@@ -144,11 +133,10 @@
|
|
|
144
133
|
"interactivity": 0
|
|
145
134
|
},
|
|
146
135
|
"../index.qwik.cjs": {
|
|
147
|
-
"size":
|
|
148
|
-
"total":
|
|
136
|
+
"size": 1466,
|
|
137
|
+
"total": 58817,
|
|
149
138
|
"imports": [
|
|
150
139
|
"../components/elements/Anchor.qwik.cjs",
|
|
151
|
-
"../components/elements/Blobs.qwik.cjs",
|
|
152
140
|
"../components/elements/ColorPicker.qwik.cjs",
|
|
153
141
|
"../components/elements/Dropdown.qwik.cjs",
|
|
154
142
|
"../components/elements/Label.qwik.cjs",
|
|
@@ -223,9 +211,9 @@
|
|
|
223
211
|
}
|
|
224
212
|
},
|
|
225
213
|
"assets": {
|
|
226
|
-
"assets/
|
|
214
|
+
"assets/CyrvYwp8-bundle-graph.json": {
|
|
227
215
|
"name": "bundle-graph.json",
|
|
228
|
-
"size":
|
|
216
|
+
"size": 43
|
|
229
217
|
}
|
|
230
218
|
},
|
|
231
219
|
"symbols": {},
|
|
@@ -234,6 +222,6 @@
|
|
|
234
222
|
"rollup": "4.23.0",
|
|
235
223
|
"env": "node",
|
|
236
224
|
"os": "linux",
|
|
237
|
-
"node": "
|
|
225
|
+
"node": "25.9.0"
|
|
238
226
|
}
|
|
239
227
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luminescent/ui-qwik",
|
|
3
|
-
"version": "7.0.0-
|
|
3
|
+
"version": "7.0.0-3",
|
|
4
4
|
"description": "Luminescent UI library - Qwik",
|
|
5
5
|
"main": "./lib/index.qwik.mjs",
|
|
6
6
|
"qwik": "./lib/index.qwik.mjs",
|
|
@@ -10,8 +10,7 @@
|
|
|
10
10
|
"types": "./lib/index.d.ts",
|
|
11
11
|
"import": "./lib/index.qwik.mjs",
|
|
12
12
|
"require": "./lib/index.qwik.cjs"
|
|
13
|
-
}
|
|
14
|
-
"./config": "./tailwind.config.js"
|
|
13
|
+
}
|
|
15
14
|
},
|
|
16
15
|
"files": [
|
|
17
16
|
"lib"
|
|
@@ -42,8 +41,7 @@
|
|
|
42
41
|
"tailwindcss": "4.2.2",
|
|
43
42
|
"typescript": "5.9.3",
|
|
44
43
|
"typescript-eslint": "8.58.0",
|
|
45
|
-
"vite": "8.0.3"
|
|
46
|
-
"vite-tsconfig-paths": "^6.1.1"
|
|
44
|
+
"vite": "8.0.3"
|
|
47
45
|
},
|
|
48
46
|
"peerDependencies": {
|
|
49
47
|
"@luminescent/ui": "6.8.3-1"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
["../components/elements/Anchor.qwik.mjs",27,40,"../components/elements/Blobs.qwik.mjs",27,"../components/elements/ColorPicker.qwik.mjs",27,44,45,"../components/elements/Dropdown.qwik.mjs",27,39,"../components/elements/Label.qwik.mjs","../components/elements/Nav.qwik.mjs",27,41,"../components/elements/NumberInput.qwik.mjs",27,42,43,"../components/elements/RangeInput.qwik.mjs","../components/elements/SelectMenu.qwik.mjs",9,"../components/elements/Sidebar.qwik.mjs",27,"../components/elements/Toggle.qwik.mjs",27,"../components/functions.qwik.mjs","../index.qwik.mjs",0,3,5,12,13,16,20,21,23,25,"../svg/ChevronDown.qwik.mjs","../svg/Link.qwik.mjs","../svg/Menu.qwik.mjs","../svg/Minus.qwik.mjs","../svg/Plus.qwik.mjs","../svg/Shuffle.qwik.mjs","../utils/color.qwik.mjs"]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
["../components/elements/Anchor.qwik.cjs",27,40,"../components/elements/Blobs.qwik.cjs",27,"../components/elements/ColorPicker.qwik.cjs",27,44,45,"../components/elements/Dropdown.qwik.cjs",27,39,"../components/elements/Label.qwik.cjs","../components/elements/Nav.qwik.cjs",27,41,"../components/elements/NumberInput.qwik.cjs",27,42,43,"../components/elements/RangeInput.qwik.cjs","../components/elements/SelectMenu.qwik.cjs",9,"../components/elements/Sidebar.qwik.cjs",27,"../components/elements/Toggle.qwik.cjs",27,"../components/functions.qwik.cjs","../index.qwik.cjs",0,3,5,12,13,16,20,21,23,25,"../svg/ChevronDown.qwik.cjs","../svg/Link.qwik.cjs","../svg/Menu.qwik.cjs","../svg/Minus.qwik.cjs","../svg/Plus.qwik.cjs","../svg/Shuffle.qwik.cjs","../utils/color.qwik.cjs"]
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ClassList } from '@qwik.dev/core';
|
|
2
|
-
export interface BlobProps {
|
|
3
|
-
class?: ClassList;
|
|
4
|
-
style?: {
|
|
5
|
-
[key: string]: string | number;
|
|
6
|
-
};
|
|
7
|
-
color?: keyof typeof blobColorClasses | [ClassList, ClassList, ClassList];
|
|
8
|
-
blur?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
-
}
|
|
10
|
-
export declare const blobColorClasses: {
|
|
11
|
-
slate: string[];
|
|
12
|
-
gray: string[];
|
|
13
|
-
darkgray: string[];
|
|
14
|
-
darkergray: string[];
|
|
15
|
-
zinc: string[];
|
|
16
|
-
neutral: string[];
|
|
17
|
-
stone: string[];
|
|
18
|
-
red: string[];
|
|
19
|
-
orange: string[];
|
|
20
|
-
amber: string[];
|
|
21
|
-
yellow: string[];
|
|
22
|
-
lime: string[];
|
|
23
|
-
green: string[];
|
|
24
|
-
emerald: string[];
|
|
25
|
-
teal: string[];
|
|
26
|
-
cyan: string[];
|
|
27
|
-
sky: string[];
|
|
28
|
-
blue: string[];
|
|
29
|
-
indigo: string[];
|
|
30
|
-
violet: string[];
|
|
31
|
-
purple: string[];
|
|
32
|
-
fuchsia: string[];
|
|
33
|
-
pink: string[];
|
|
34
|
-
rose: string[];
|
|
35
|
-
};
|
|
36
|
-
export declare const Blobs: import("@qwik.dev/core").Component<BlobProps>;
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
const require_functions = require("../functions.qwik.cjs");
|
|
2
|
-
let _qwik_dev_core = require("@qwik.dev/core");
|
|
3
|
-
//#region src/components/elements/Blobs.tsx
|
|
4
|
-
var _hf0 = (p0) => ({
|
|
5
|
-
containerType: "size",
|
|
6
|
-
...p0.style
|
|
7
|
-
});
|
|
8
|
-
var blobColorClasses = {
|
|
9
|
-
slate: [
|
|
10
|
-
"bg-slate-400",
|
|
11
|
-
"bg-slate-500",
|
|
12
|
-
"bg-slate-600"
|
|
13
|
-
],
|
|
14
|
-
gray: [
|
|
15
|
-
"bg-gray-400",
|
|
16
|
-
"bg-gray-500",
|
|
17
|
-
"bg-gray-600"
|
|
18
|
-
],
|
|
19
|
-
darkgray: [
|
|
20
|
-
"bg-gray-500",
|
|
21
|
-
"bg-gray-600",
|
|
22
|
-
"bg-gray-700"
|
|
23
|
-
],
|
|
24
|
-
darkergray: [
|
|
25
|
-
"bg-gray-600",
|
|
26
|
-
"bg-gray-700",
|
|
27
|
-
"bg-gray-800"
|
|
28
|
-
],
|
|
29
|
-
zinc: [
|
|
30
|
-
"bg-zinc-400",
|
|
31
|
-
"bg-zinc-500",
|
|
32
|
-
"bg-zinc-600"
|
|
33
|
-
],
|
|
34
|
-
neutral: [
|
|
35
|
-
"bg-neutral-400",
|
|
36
|
-
"bg-neutral-500",
|
|
37
|
-
"bg-neutral-600"
|
|
38
|
-
],
|
|
39
|
-
stone: [
|
|
40
|
-
"bg-stone-400",
|
|
41
|
-
"bg-stone-500",
|
|
42
|
-
"bg-stone-600"
|
|
43
|
-
],
|
|
44
|
-
red: [
|
|
45
|
-
"bg-red-400",
|
|
46
|
-
"bg-red-500",
|
|
47
|
-
"bg-red-600"
|
|
48
|
-
],
|
|
49
|
-
orange: [
|
|
50
|
-
"bg-orange-400",
|
|
51
|
-
"bg-orange-500",
|
|
52
|
-
"bg-orange-600"
|
|
53
|
-
],
|
|
54
|
-
amber: [
|
|
55
|
-
"bg-amber-400",
|
|
56
|
-
"bg-amber-500",
|
|
57
|
-
"bg-amber-600"
|
|
58
|
-
],
|
|
59
|
-
yellow: [
|
|
60
|
-
"bg-yellow-400",
|
|
61
|
-
"bg-yellow-500",
|
|
62
|
-
"bg-yellow-600"
|
|
63
|
-
],
|
|
64
|
-
lime: [
|
|
65
|
-
"bg-lime-400",
|
|
66
|
-
"bg-lime-500",
|
|
67
|
-
"bg-lime-600"
|
|
68
|
-
],
|
|
69
|
-
green: [
|
|
70
|
-
"bg-green-400",
|
|
71
|
-
"bg-green-500",
|
|
72
|
-
"bg-green-600"
|
|
73
|
-
],
|
|
74
|
-
emerald: [
|
|
75
|
-
"bg-emerald-400",
|
|
76
|
-
"bg-emerald-500",
|
|
77
|
-
"bg-emerald-600"
|
|
78
|
-
],
|
|
79
|
-
teal: [
|
|
80
|
-
"bg-teal-400",
|
|
81
|
-
"bg-teal-500",
|
|
82
|
-
"bg-teal-600"
|
|
83
|
-
],
|
|
84
|
-
cyan: [
|
|
85
|
-
"bg-cyan-400",
|
|
86
|
-
"bg-cyan-500",
|
|
87
|
-
"bg-cyan-600"
|
|
88
|
-
],
|
|
89
|
-
sky: [
|
|
90
|
-
"bg-sky-400",
|
|
91
|
-
"bg-sky-500",
|
|
92
|
-
"bg-sky-600"
|
|
93
|
-
],
|
|
94
|
-
blue: [
|
|
95
|
-
"bg-blue-400",
|
|
96
|
-
"bg-blue-500",
|
|
97
|
-
"bg-blue-600"
|
|
98
|
-
],
|
|
99
|
-
indigo: [
|
|
100
|
-
"bg-indigo-400",
|
|
101
|
-
"bg-indigo-500",
|
|
102
|
-
"bg-indigo-600"
|
|
103
|
-
],
|
|
104
|
-
violet: [
|
|
105
|
-
"bg-violet-400",
|
|
106
|
-
"bg-violet-500",
|
|
107
|
-
"bg-violet-600"
|
|
108
|
-
],
|
|
109
|
-
purple: [
|
|
110
|
-
"bg-purple-400",
|
|
111
|
-
"bg-purple-500",
|
|
112
|
-
"bg-purple-600"
|
|
113
|
-
],
|
|
114
|
-
fuchsia: [
|
|
115
|
-
"bg-fuchsia-400",
|
|
116
|
-
"bg-fuchsia-500",
|
|
117
|
-
"bg-fuchsia-600"
|
|
118
|
-
],
|
|
119
|
-
pink: [
|
|
120
|
-
"bg-pink-400",
|
|
121
|
-
"bg-pink-500",
|
|
122
|
-
"bg-pink-600"
|
|
123
|
-
],
|
|
124
|
-
rose: [
|
|
125
|
-
"bg-rose-400",
|
|
126
|
-
"bg-rose-500",
|
|
127
|
-
"bg-rose-600"
|
|
128
|
-
]
|
|
129
|
-
};
|
|
130
|
-
var blobClasses = [
|
|
131
|
-
"animate-blob",
|
|
132
|
-
"animate-blob1",
|
|
133
|
-
"animate-blob2",
|
|
134
|
-
"animate-blob3",
|
|
135
|
-
"animate-blob4",
|
|
136
|
-
"animate-blob5",
|
|
137
|
-
"animate-blob6"
|
|
138
|
-
];
|
|
139
|
-
var Blobs = /* @__PURE__ */ (0, _qwik_dev_core.componentQrl)(/* @__PURE__ */ (0, _qwik_dev_core.inlinedQrl)((_rawProps) => {
|
|
140
|
-
const props = (0, _qwik_dev_core._restProps)(_rawProps, [
|
|
141
|
-
"class",
|
|
142
|
-
"color",
|
|
143
|
-
"blur"
|
|
144
|
-
]);
|
|
145
|
-
const blob = Math.round(Math.random() * 6);
|
|
146
|
-
const colorClass = typeof (_rawProps.color ?? "darkgray") == "string" ? blobColorClasses[_rawProps.color ?? "darkgray"] : _rawProps.color ?? "darkgray";
|
|
147
|
-
return /* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", {
|
|
148
|
-
class: {
|
|
149
|
-
"animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
|
|
150
|
-
...require_functions.getClassObject(_rawProps.class)
|
|
151
|
-
},
|
|
152
|
-
style: (0, _qwik_dev_core._fnSignal)(_hf0, [props])
|
|
153
|
-
}, null, [
|
|
154
|
-
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
155
|
-
"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
|
|
156
|
-
"blur-xs": (_rawProps.blur ?? "xl") === "xs",
|
|
157
|
-
"blur-sm": (_rawProps.blur ?? "xl") === "sm",
|
|
158
|
-
"blur-md": (_rawProps.blur ?? "xl") === "md",
|
|
159
|
-
"blur-lg": (_rawProps.blur ?? "xl") === "lg",
|
|
160
|
-
"blur-xl": (_rawProps.blur ?? "xl") === "xl",
|
|
161
|
-
[blobClasses[blob]]: true,
|
|
162
|
-
...require_functions.getClassObject(colorClass[0])
|
|
163
|
-
} }, null, null, 3, null),
|
|
164
|
-
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
165
|
-
"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
|
|
166
|
-
"blur-xs": (_rawProps.blur ?? "xl") === "xs",
|
|
167
|
-
"blur-sm": (_rawProps.blur ?? "xl") === "sm",
|
|
168
|
-
"blur-md": (_rawProps.blur ?? "xl") === "md",
|
|
169
|
-
"blur-lg": (_rawProps.blur ?? "xl") === "lg",
|
|
170
|
-
"blur-xl": (_rawProps.blur ?? "xl") === "xl",
|
|
171
|
-
"anim-delay-[-5s]": true,
|
|
172
|
-
[blobClasses[blob]]: true,
|
|
173
|
-
...require_functions.getClassObject(colorClass[1])
|
|
174
|
-
} }, null, null, 3, null),
|
|
175
|
-
/* @__PURE__ */ (0, _qwik_dev_core._jsxSorted)("div", { class: {
|
|
176
|
-
"absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
|
|
177
|
-
"blur-xs": (_rawProps.blur ?? "xl") === "xs",
|
|
178
|
-
"blur-sm": (_rawProps.blur ?? "xl") === "sm",
|
|
179
|
-
"blur-md": (_rawProps.blur ?? "xl") === "md",
|
|
180
|
-
"blur-lg": (_rawProps.blur ?? "xl") === "lg",
|
|
181
|
-
"blur-xl": (_rawProps.blur ?? "xl") === "xl",
|
|
182
|
-
"anim-delay-[-10s]": true,
|
|
183
|
-
[blobClasses[blob]]: true,
|
|
184
|
-
...require_functions.getClassObject(colorClass[2])
|
|
185
|
-
} }, null, null, 3, null)
|
|
186
|
-
], 1, "Mx_0");
|
|
187
|
-
}, "Blobs_component_xCrUzl14bRQ"));
|
|
188
|
-
//#endregion
|
|
189
|
-
exports.Blobs = Blobs;
|
|
190
|
-
exports.blobColorClasses = blobColorClasses;
|