@luminescent/ui 0.1.1
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/README.md +1 -0
- package/lib/index.qwik.cjs +1328 -0
- package/lib/index.qwik.mjs +1328 -0
- package/lib-types/components/elements/Button.d.ts +31 -0
- package/lib-types/components/elements/Card.d.ts +99 -0
- package/lib-types/components/elements/ColorInput.d.ts +9 -0
- package/lib-types/components/elements/LoadingIcon.d.ts +8 -0
- package/lib-types/components/elements/NumberInput.d.ts +26 -0
- package/lib-types/components/elements/OutputField.d.ts +20 -0
- package/lib-types/components/elements/SelectInput.d.ts +14 -0
- package/lib-types/components/elements/TextAreaInput.d.ts +13 -0
- package/lib-types/components/elements/TextInput.d.ts +15 -0
- package/lib-types/components/elements/Toggle.d.ts +12 -0
- package/lib-types/components/elements.d.ts +9 -0
- package/lib-types/components/logos/Birdflop.d.ts +6 -0
- package/lib-types/components/logos/Discord.d.ts +2 -0
- package/lib-types/components/logos/Fabric.d.ts +2 -0
- package/lib-types/components/logos/Forge.d.ts +2 -0
- package/lib-types/components/logos/IconProps.d.ts +3 -0
- package/lib-types/components/logos/LoadingIcon.d.ts +8 -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-types/components/logos/Waterfall.d.ts +2 -0
- package/lib-types/components/logos.d.ts +10 -0
- package/lib-types/entry.dev.d.ts +2 -0
- package/lib-types/entry.ssr.d.ts +14 -0
- package/lib-types/index.d.ts +2 -0
- package/lib-types/root.d.ts +3 -0
- package/package.json +61 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
export declare const buttonColorClasses: {
|
|
3
|
+
blue: string;
|
|
4
|
+
purple: string;
|
|
5
|
+
pink: string;
|
|
6
|
+
gray: string;
|
|
7
|
+
red: string;
|
|
8
|
+
green: string;
|
|
9
|
+
yellow: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const sizeClasses: {
|
|
12
|
+
sm: string;
|
|
13
|
+
md: string;
|
|
14
|
+
lg: string;
|
|
15
|
+
xl: string;
|
|
16
|
+
};
|
|
17
|
+
interface GenericButtonProps {
|
|
18
|
+
color?: keyof typeof buttonColorClasses;
|
|
19
|
+
size?: keyof typeof sizeClasses;
|
|
20
|
+
class?: {
|
|
21
|
+
[key: string]: boolean | undefined;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
interface ButtonProps extends Omit<PropsOf<'button'>, 'class'>, GenericButtonProps {
|
|
25
|
+
}
|
|
26
|
+
interface AnchorProps extends Omit<PropsOf<'a'>, 'class'>, GenericButtonProps {
|
|
27
|
+
href: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const Button: import("@builder.io/qwik").Component<ButtonProps>;
|
|
30
|
+
export declare const ButtonAnchor: import("@builder.io/qwik").Component<AnchorProps>;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
interface CardProps extends Omit<PropsOf<'div'>, 'class'> {
|
|
3
|
+
color?: keyof typeof cardColorClasses;
|
|
4
|
+
hoverable?: boolean;
|
|
5
|
+
row?: boolean;
|
|
6
|
+
blobs?: boolean;
|
|
7
|
+
class?: {
|
|
8
|
+
[key: string]: boolean;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
interface CardHeaderProps {
|
|
12
|
+
id?: string;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const cardColorClasses: {
|
|
16
|
+
pink: {
|
|
17
|
+
card: {
|
|
18
|
+
bg_blobs: string;
|
|
19
|
+
bg: string;
|
|
20
|
+
hover: string;
|
|
21
|
+
};
|
|
22
|
+
blobs: string[];
|
|
23
|
+
};
|
|
24
|
+
red: {
|
|
25
|
+
card: {
|
|
26
|
+
bg_blobs: string;
|
|
27
|
+
bg: string;
|
|
28
|
+
hover: string;
|
|
29
|
+
};
|
|
30
|
+
blobs: string[];
|
|
31
|
+
};
|
|
32
|
+
orange: {
|
|
33
|
+
card: {
|
|
34
|
+
bg_blobs: string;
|
|
35
|
+
bg: string;
|
|
36
|
+
hover: string;
|
|
37
|
+
};
|
|
38
|
+
blobs: string[];
|
|
39
|
+
};
|
|
40
|
+
yellow: {
|
|
41
|
+
card: {
|
|
42
|
+
bg_blobs: string;
|
|
43
|
+
bg: string;
|
|
44
|
+
hover: string;
|
|
45
|
+
};
|
|
46
|
+
blobs: string[];
|
|
47
|
+
};
|
|
48
|
+
green: {
|
|
49
|
+
card: {
|
|
50
|
+
bg_blobs: string;
|
|
51
|
+
bg: string;
|
|
52
|
+
hover: string;
|
|
53
|
+
};
|
|
54
|
+
blobs: string[];
|
|
55
|
+
};
|
|
56
|
+
blue: {
|
|
57
|
+
card: {
|
|
58
|
+
bg_blobs: string;
|
|
59
|
+
bg: string;
|
|
60
|
+
hover: string;
|
|
61
|
+
};
|
|
62
|
+
blobs: string[];
|
|
63
|
+
};
|
|
64
|
+
purple: {
|
|
65
|
+
card: {
|
|
66
|
+
bg_blobs: string;
|
|
67
|
+
bg: string;
|
|
68
|
+
hover: string;
|
|
69
|
+
};
|
|
70
|
+
blobs: string[];
|
|
71
|
+
};
|
|
72
|
+
gray: {
|
|
73
|
+
card: {
|
|
74
|
+
bg_blobs: string;
|
|
75
|
+
bg: string;
|
|
76
|
+
hover: string;
|
|
77
|
+
};
|
|
78
|
+
blobs: string[];
|
|
79
|
+
};
|
|
80
|
+
darkgray: {
|
|
81
|
+
card: {
|
|
82
|
+
bg_blobs: string;
|
|
83
|
+
bg: string;
|
|
84
|
+
hover: string;
|
|
85
|
+
};
|
|
86
|
+
blobs: string[];
|
|
87
|
+
};
|
|
88
|
+
darkergray: {
|
|
89
|
+
card: {
|
|
90
|
+
bg_blobs: string;
|
|
91
|
+
bg: string;
|
|
92
|
+
hover: string;
|
|
93
|
+
};
|
|
94
|
+
blobs: string[];
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
export declare const Card: import("@builder.io/qwik").Component<CardProps>;
|
|
98
|
+
export declare const CardHeader: import("@builder.io/qwik").Component<CardHeaderProps>;
|
|
99
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { QRL } from '@builder.io/qwik';
|
|
2
|
+
import type { TextInputRawProps } from './TextInput';
|
|
3
|
+
interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$'> {
|
|
4
|
+
onInput$?: QRL<(color: string, element: HTMLInputElement) => void>;
|
|
5
|
+
value?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
|
+
interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
+
type: 'number';
|
|
4
|
+
}), 'class' | 'type'> {
|
|
5
|
+
onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, store: {
|
|
6
|
+
value: number;
|
|
7
|
+
}) => void>;
|
|
8
|
+
onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, store: {
|
|
9
|
+
value: number;
|
|
10
|
+
}) => void>;
|
|
11
|
+
input?: boolean;
|
|
12
|
+
class?: {
|
|
13
|
+
[key: string]: boolean;
|
|
14
|
+
};
|
|
15
|
+
value?: number;
|
|
16
|
+
min?: number;
|
|
17
|
+
max?: number;
|
|
18
|
+
step?: number;
|
|
19
|
+
}
|
|
20
|
+
interface NumberInputProps extends NumberInputRawProps {
|
|
21
|
+
id: string;
|
|
22
|
+
label: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
|
|
25
|
+
export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { PropsOf, QRL } from '@builder.io/qwik';
|
|
2
|
+
interface alertsStore {
|
|
3
|
+
alerts: {
|
|
4
|
+
class: string;
|
|
5
|
+
text: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
interface OutputFieldRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onChange$'> {
|
|
9
|
+
class?: {
|
|
10
|
+
[key: string]: boolean;
|
|
11
|
+
};
|
|
12
|
+
onChange$?: QRL<(event: Event, element: HTMLTextAreaElement, alertsStore: alertsStore) => any>;
|
|
13
|
+
}
|
|
14
|
+
interface OutputFieldProps extends OutputFieldRawProps {
|
|
15
|
+
id: string;
|
|
16
|
+
label: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const OutputField: import("@builder.io/qwik").Component<OutputFieldProps>;
|
|
19
|
+
export declare const OutputFieldRaw: import("@builder.io/qwik").Component<OutputFieldRawProps>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
interface SelectInputRawProps extends Omit<PropsOf<'select'>, 'class'> {
|
|
3
|
+
class?: {
|
|
4
|
+
[key: string]: boolean;
|
|
5
|
+
};
|
|
6
|
+
transparent?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface SelectInputProps extends SelectInputRawProps {
|
|
9
|
+
id: string;
|
|
10
|
+
label: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;
|
|
13
|
+
export declare const SelectInputRaw: import("@builder.io/qwik").Component<SelectInputRawProps>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class'> {
|
|
3
|
+
class?: {
|
|
4
|
+
[key: string]: boolean;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface TextAreaProps extends TextAreaRawProps {
|
|
8
|
+
id: string;
|
|
9
|
+
label: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const TextAreaInput: import("@builder.io/qwik").Component<TextAreaProps>;
|
|
12
|
+
export declare const TextAreaInputRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
+
type: 'text';
|
|
4
|
+
}), 'class' | 'type'> {
|
|
5
|
+
class?: {
|
|
6
|
+
[key: string]: boolean;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
|
|
14
|
+
export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { PropsOf } from '@builder.io/qwik';
|
|
2
|
+
interface ToggleProps extends Omit<(PropsOf<'input'> & {
|
|
3
|
+
type: 'checkbox';
|
|
4
|
+
}), 'class' | 'bind:checked' | 'type'> {
|
|
5
|
+
class?: {
|
|
6
|
+
[key: string]: boolean;
|
|
7
|
+
};
|
|
8
|
+
center?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './elements/Button';
|
|
2
|
+
export * from './elements/Card';
|
|
3
|
+
export * from './elements/ColorInput';
|
|
4
|
+
export * from './elements/NumberInput';
|
|
5
|
+
export * from './elements/OutputField';
|
|
6
|
+
export * from './elements/SelectInput';
|
|
7
|
+
export * from './elements/TextAreaInput';
|
|
8
|
+
export * from './elements/TextInput';
|
|
9
|
+
export * from './elements/Toggle';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './logos/Birdflop';
|
|
2
|
+
export * from './logos/Discord';
|
|
3
|
+
export * from './logos/Fabric';
|
|
4
|
+
export * from './logos/Forge';
|
|
5
|
+
export * from './logos/Paper';
|
|
6
|
+
export * from './logos/Pterodactyl';
|
|
7
|
+
export * from './logos/Purpur';
|
|
8
|
+
export * from './logos/Velocity';
|
|
9
|
+
export * from './logos/Waterfall';
|
|
10
|
+
export * from './logos/LoadingIcon';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WHAT IS THIS FILE?
|
|
3
|
+
*
|
|
4
|
+
* SSR entry point, in all cases the application is rendered outside the browser, this
|
|
5
|
+
* entry point will be the common one.
|
|
6
|
+
*
|
|
7
|
+
* - Server (express, cloudflare...)
|
|
8
|
+
* - npm run start
|
|
9
|
+
* - npm run preview
|
|
10
|
+
* - npm run build
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import { type RenderToStreamOptions } from '@builder.io/qwik/server';
|
|
14
|
+
export default function (opts: RenderToStreamOptions): Promise<import("@builder.io/qwik/server").RenderToStreamResult>;
|
package/package.json
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@luminescent/ui",
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "Luminescent UI library",
|
|
5
|
+
"main": "./lib/index.qwik.mjs",
|
|
6
|
+
"qwik": "./lib/index.qwik.mjs",
|
|
7
|
+
"types": "./lib-types/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./lib/index.qwik.mjs",
|
|
11
|
+
"require": "./lib/index.qwik.cjs",
|
|
12
|
+
"types": "./lib-types/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"lib",
|
|
17
|
+
"lib-types"
|
|
18
|
+
],
|
|
19
|
+
"engines": {
|
|
20
|
+
"node": ">=15.0.0"
|
|
21
|
+
},
|
|
22
|
+
"license": "AGPL-3.0-or-later",
|
|
23
|
+
"private": false,
|
|
24
|
+
"type": "module",
|
|
25
|
+
"publishConfig": {
|
|
26
|
+
"access": "public"
|
|
27
|
+
},
|
|
28
|
+
"scripts": {
|
|
29
|
+
"build": "qwik build",
|
|
30
|
+
"build.lib": "vite build --mode lib",
|
|
31
|
+
"build.types": "tsc --emitDeclarationOnly",
|
|
32
|
+
"dev": "vite --mode ssr",
|
|
33
|
+
"dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
|
|
34
|
+
"lint": "eslint \"src/**/*.ts*\"",
|
|
35
|
+
"release": "np",
|
|
36
|
+
"start": "vite --open --mode ssr",
|
|
37
|
+
"test": "echo \"No test specified\" && exit 0",
|
|
38
|
+
"qwik": "qwik"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@builder.io/qwik": "1.4.5",
|
|
42
|
+
"@builder.io/qwik-city": "^1.4.5",
|
|
43
|
+
"@types/eslint": "^8.56.2",
|
|
44
|
+
"@types/node": "^20.11.17",
|
|
45
|
+
"@typescript-eslint/eslint-plugin": "^7.0.1",
|
|
46
|
+
"@typescript-eslint/parser": "^7.0.1",
|
|
47
|
+
"autoprefixer": "^10.4.17",
|
|
48
|
+
"chart.js": "^4.4.1",
|
|
49
|
+
"eslint": "^8.56.0",
|
|
50
|
+
"eslint-plugin-qwik": "latest",
|
|
51
|
+
"np": "^9.2.0",
|
|
52
|
+
"postcss": "^8.4.35",
|
|
53
|
+
"qwik-ionicons": "^1.0.5",
|
|
54
|
+
"simple-color-picker": "^1.0.5",
|
|
55
|
+
"tailwindcss": "3.4.1",
|
|
56
|
+
"typescript": "5.3.3",
|
|
57
|
+
"undici": "*",
|
|
58
|
+
"vite": "^5.1.1",
|
|
59
|
+
"vite-tsconfig-paths": "^4.3.1"
|
|
60
|
+
}
|
|
61
|
+
}
|