@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.
Files changed (51) hide show
  1. package/lib/assets/CggnzkAK-bundle-graph.json +1 -0
  2. package/lib/assets/CyrvYwp8-bundle-graph.json +1 -0
  3. package/lib/components/docs/Anchor.d.ts +1 -2
  4. package/lib/components/docs/ColorPicker.d.ts +1 -2
  5. package/lib/components/docs/Dropdown.d.ts +1 -2
  6. package/lib/components/docs/Label.d.ts +1 -2
  7. package/lib/components/docs/LumBtn.d.ts +3 -0
  8. package/lib/components/docs/LumCard.d.ts +3 -0
  9. package/lib/components/docs/LumClasses.d.ts +3 -0
  10. package/lib/components/docs/LumInput.d.ts +3 -0
  11. package/lib/components/docs/Nav.d.ts +1 -2
  12. package/lib/components/docs/NumberInput.d.ts +1 -2
  13. package/lib/components/docs/RangeInput.d.ts +1 -2
  14. package/lib/components/docs/SelectMenu.d.ts +1 -2
  15. package/lib/components/docs/Settings.d.ts +1 -2
  16. package/lib/components/docs/Sidebar.d.ts +1 -2
  17. package/lib/components/docs/Toggle.d.ts +1 -2
  18. package/lib/components/docs/index.d.ts +15 -0
  19. package/lib/components/elements/Label.d.ts +1 -0
  20. package/lib/components/elements/Label.qwik.cjs +7 -3
  21. package/lib/components/elements/Label.qwik.mjs +8 -4
  22. package/lib/components/elements/Nav.d.ts +1 -0
  23. package/lib/components/elements/Nav.qwik.cjs +42 -36
  24. package/lib/components/elements/Nav.qwik.mjs +43 -37
  25. package/lib/components/elements/NumberInput.d.ts +1 -0
  26. package/lib/components/elements/NumberInput.qwik.cjs +4 -3
  27. package/lib/components/elements/NumberInput.qwik.mjs +4 -3
  28. package/lib/components/elements/RangeInput.d.ts +1 -0
  29. package/lib/components/elements/RangeInput.qwik.cjs +4 -3
  30. package/lib/components/elements/RangeInput.qwik.mjs +4 -3
  31. package/lib/components/elements/SelectMenu.d.ts +1 -0
  32. package/lib/components/elements/SelectMenu.qwik.cjs +7 -3
  33. package/lib/components/elements/SelectMenu.qwik.mjs +7 -3
  34. package/lib/components/elements/Toggle.d.ts +1 -0
  35. package/lib/components/elements/Toggle.qwik.cjs +4 -3
  36. package/lib/components/elements/Toggle.qwik.mjs +4 -3
  37. package/lib/components/elements.d.ts +0 -1
  38. package/lib/index.qwik.cjs +0 -3
  39. package/lib/index.qwik.mjs +1 -2
  40. package/lib/q-manifest.json +19 -31
  41. package/package.json +3 -5
  42. package/lib/assets/BBIagblG-bundle-graph.json +0 -1
  43. package/lib/assets/ChtqwOpy-bundle-graph.json +0 -1
  44. package/lib/components/docs/Blobs.d.ts +0 -4
  45. package/lib/components/docs/lum-btn.d.ts +0 -4
  46. package/lib/components/docs/lum-card.d.ts +0 -4
  47. package/lib/components/docs/lum-classes.d.ts +0 -4
  48. package/lib/components/docs/lum-input.d.ts +0 -4
  49. package/lib/components/elements/Blobs.d.ts +0 -36
  50. package/lib/components/elements/Blobs.qwik.cjs +0 -190
  51. 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._jsxSorted)("div", null, { 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", {
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)], 1, "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");
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__ */ _jsxSorted("div", null, { 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", {
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)], 1, "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");
26
27
  }, "Toggle_component_AHnKi33alRM"));
27
28
  //#endregion
28
29
  export { Toggle };
@@ -1,5 +1,4 @@
1
1
  export * from './elements/Anchor';
2
- export * from './elements/Blobs';
3
2
  export * from './elements/ColorPicker';
4
3
  export * from './elements/Dropdown';
5
4
  export * from './elements/Label';
@@ -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;
@@ -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, Blobs, ColorPicker, Dropdown, Hoverable, Label, Nav, NumberInput, RangeInput, SelectMenu, Sidebar, Toggle, blobColorClasses, getClassObject };
12
+ export { Anchor, ColorPicker, Dropdown, Hoverable, Label, Nav, NumberInput, RangeInput, SelectMenu, Sidebar, Toggle, getClassObject };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": "1",
3
- "manifestHash": "nvltwo",
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/ChtqwOpy-bundle-graph.json",
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": 866,
65
- "total": 866,
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": 4231,
73
- "total": 6236,
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": 3389,
85
- "total": 6250,
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": 3263,
98
- "total": 3263,
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": 4744,
106
- "total": 8884,
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": 1993,
129
- "total": 2843,
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": 1633,
148
- "total": 64101,
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/ChtqwOpy-bundle-graph.json": {
214
+ "assets/CyrvYwp8-bundle-graph.json": {
227
215
  "name": "bundle-graph.json",
228
- "size": 46
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": "24.14.1"
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-1",
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,4 +0,0 @@
1
- declare const _default: import("@qwik.dev/core").Component<{
2
- id: string;
3
- }>;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: import("@qwik.dev/core").Component<{
2
- id: string;
3
- }>;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: import("@qwik.dev/core").Component<{
2
- id: string;
3
- }>;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: import("@qwik.dev/core").Component<{
2
- id: string;
3
- }>;
4
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: import("@qwik.dev/core").Component<{
2
- id: string;
3
- }>;
4
- export default _default;
@@ -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;