@digo-labs/ui 0.1.18 → 0.1.20
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/dist/aws/aws-block-group.d.ts +18 -0
- package/dist/aws/aws-block.d.ts +21 -0
- package/dist/aws/aws-shape.d.ts +13 -0
- package/dist/components/lottie.d.ts +26 -0
- package/dist/effects/brick-grid.d.ts +2 -2
- package/dist/effects/brick.d.ts +4 -4
- package/dist/index.d.ts +5 -1
- package/dist/index.js +5183 -4848
- package/dist/index.js.map +1 -1
- package/dist/providers/aws-unit-provider.d.ts +8 -0
- package/dist/styles/aws-block-group.d.ts +45 -0
- package/dist/styles/aws-block.d.ts +45 -0
- package/dist/styles/aws-shape.d.ts +45 -0
- package/dist/styles/brick.d.ts +5 -5
- package/dist/styles/index.d.ts +4 -0
- package/dist/styles/lottie.d.ts +37 -0
- package/dist/utils/brick-grid-helpers.d.ts +5 -5
- package/package.json +3 -3
- package/dist/outdated/lottie.d.ts +0 -8
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface AwsUnitProviderProperties {
|
|
3
|
+
unit: number;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function AwsUnitProvider(properties: AwsUnitProviderProperties): import("react").JSX.Element;
|
|
7
|
+
export declare function useAwsUnit(): number;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const awsBlockGroup: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
block?: import('tailwind-variants').ClassValue;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
} | {
|
|
9
|
+
[x: string]: {
|
|
10
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
11
|
+
root?: import('tailwind-variants').ClassValue;
|
|
12
|
+
block?: import('tailwind-variants').ClassValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {}, {
|
|
16
|
+
root: string;
|
|
17
|
+
block: string;
|
|
18
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
21
|
+
root?: import('tailwind-variants').ClassValue;
|
|
22
|
+
block?: import('tailwind-variants').ClassValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {}>, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
28
|
+
root?: import('tailwind-variants').ClassValue;
|
|
29
|
+
block?: import('tailwind-variants').ClassValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
root: string;
|
|
34
|
+
block: string;
|
|
35
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
36
|
+
root: string;
|
|
37
|
+
block: string;
|
|
38
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
39
|
+
[key: string]: {
|
|
40
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
41
|
+
root?: import('tailwind-variants').ClassValue;
|
|
42
|
+
block?: import('tailwind-variants').ClassValue;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const awsBlock: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
} | {
|
|
9
|
+
[x: string]: {
|
|
10
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
11
|
+
root?: import('tailwind-variants').ClassValue;
|
|
12
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {}, {
|
|
16
|
+
root: string;
|
|
17
|
+
shape: string;
|
|
18
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
21
|
+
root?: import('tailwind-variants').ClassValue;
|
|
22
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {}>, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
28
|
+
root?: import('tailwind-variants').ClassValue;
|
|
29
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
root: string;
|
|
34
|
+
shape: string;
|
|
35
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
36
|
+
root: string;
|
|
37
|
+
shape: string;
|
|
38
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
39
|
+
[key: string]: {
|
|
40
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
41
|
+
root?: import('tailwind-variants').ClassValue;
|
|
42
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const awsShape: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
lottie?: import('tailwind-variants').ClassValue;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
} | {
|
|
9
|
+
[x: string]: {
|
|
10
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
11
|
+
root?: import('tailwind-variants').ClassValue;
|
|
12
|
+
lottie?: import('tailwind-variants').ClassValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {}, {
|
|
16
|
+
root: string;
|
|
17
|
+
lottie: string;
|
|
18
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
19
|
+
[key: string]: {
|
|
20
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
21
|
+
root?: import('tailwind-variants').ClassValue;
|
|
22
|
+
lottie?: import('tailwind-variants').ClassValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {}>, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
28
|
+
root?: import('tailwind-variants').ClassValue;
|
|
29
|
+
lottie?: import('tailwind-variants').ClassValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
root: string;
|
|
34
|
+
lottie: string;
|
|
35
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
36
|
+
root: string;
|
|
37
|
+
lottie: string;
|
|
38
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
39
|
+
[key: string]: {
|
|
40
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
41
|
+
root?: import('tailwind-variants').ClassValue;
|
|
42
|
+
lottie?: import('tailwind-variants').ClassValue;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
} | {}>, unknown, unknown, undefined>>;
|
package/dist/styles/brick.d.ts
CHANGED
|
@@ -2,18 +2,18 @@ export declare const brick: import('tailwind-variants').TVReturnType<{
|
|
|
2
2
|
[key: string]: {
|
|
3
3
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
4
|
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
5
6
|
animation?: import('tailwind-variants').ClassValue;
|
|
6
7
|
glyph?: import('tailwind-variants').ClassValue;
|
|
7
|
-
shape?: import('tailwind-variants').ClassValue;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
} | {
|
|
11
11
|
[x: string]: {
|
|
12
12
|
[x: string]: import('tailwind-variants').ClassValue | {
|
|
13
13
|
root?: import('tailwind-variants').ClassValue;
|
|
14
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
14
15
|
animation?: import('tailwind-variants').ClassValue;
|
|
15
16
|
glyph?: import('tailwind-variants').ClassValue;
|
|
16
|
-
shape?: import('tailwind-variants').ClassValue;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
} | {}, {
|
|
@@ -25,18 +25,18 @@ export declare const brick: import('tailwind-variants').TVReturnType<{
|
|
|
25
25
|
[key: string]: {
|
|
26
26
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
27
27
|
root?: import('tailwind-variants').ClassValue;
|
|
28
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
28
29
|
animation?: import('tailwind-variants').ClassValue;
|
|
29
30
|
glyph?: import('tailwind-variants').ClassValue;
|
|
30
|
-
shape?: import('tailwind-variants').ClassValue;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
} | {}>, {
|
|
34
34
|
[key: string]: {
|
|
35
35
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
36
36
|
root?: import('tailwind-variants').ClassValue;
|
|
37
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
37
38
|
animation?: import('tailwind-variants').ClassValue;
|
|
38
39
|
glyph?: import('tailwind-variants').ClassValue;
|
|
39
|
-
shape?: import('tailwind-variants').ClassValue;
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
} | {}, {
|
|
@@ -53,9 +53,9 @@ export declare const brick: import('tailwind-variants').TVReturnType<{
|
|
|
53
53
|
[key: string]: {
|
|
54
54
|
[key: string]: import('tailwind-variants').ClassValue | {
|
|
55
55
|
root?: import('tailwind-variants').ClassValue;
|
|
56
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
56
57
|
animation?: import('tailwind-variants').ClassValue;
|
|
57
58
|
glyph?: import('tailwind-variants').ClassValue;
|
|
58
|
-
shape?: import('tailwind-variants').ClassValue;
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
61
|
} | {}>, unknown, unknown, undefined>>;
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ export * from './alert';
|
|
|
3
3
|
export * from './attachment';
|
|
4
4
|
export * from './autocomplete';
|
|
5
5
|
export * from './avatar';
|
|
6
|
+
export * from './aws-block';
|
|
7
|
+
export * from './aws-block-group';
|
|
8
|
+
export * from './aws-shape';
|
|
6
9
|
export * from './badge';
|
|
7
10
|
export * from './breadcrumb';
|
|
8
11
|
export * from './breadcrumb-nav';
|
|
@@ -47,6 +50,7 @@ export * from './masonry';
|
|
|
47
50
|
export * from './kbd';
|
|
48
51
|
export * from './label';
|
|
49
52
|
export * from './login-card';
|
|
53
|
+
export * from './lottie';
|
|
50
54
|
export * from './motion-animate-presence';
|
|
51
55
|
export * from './menu';
|
|
52
56
|
export * from './marker';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export declare const lottie: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
} | {
|
|
8
|
+
[x: string]: {
|
|
9
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
10
|
+
root?: import('tailwind-variants').ClassValue;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
} | {}, {
|
|
14
|
+
root: string;
|
|
15
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
16
|
+
[key: string]: {
|
|
17
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
18
|
+
root?: import('tailwind-variants').ClassValue;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
} | {}>, {
|
|
22
|
+
[key: string]: {
|
|
23
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
24
|
+
root?: import('tailwind-variants').ClassValue;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
} | {}, {
|
|
28
|
+
root: string;
|
|
29
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
30
|
+
root: string;
|
|
31
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
32
|
+
[key: string]: {
|
|
33
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
34
|
+
root?: import('tailwind-variants').ClassValue;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BrickGlyph, BrickColor, Position } from '@digo-labs/common';
|
|
2
2
|
import { BrickOrigin } from '../effects/brick';
|
|
3
3
|
import { BrickGridWave } from '../effects/brick-grid';
|
|
4
4
|
export type BrickRandom = () => number;
|
|
@@ -7,8 +7,8 @@ export interface GridBrick {
|
|
|
7
7
|
col: number;
|
|
8
8
|
row: number;
|
|
9
9
|
footprint: number;
|
|
10
|
-
glyph:
|
|
11
|
-
color:
|
|
10
|
+
glyph: BrickGlyph;
|
|
11
|
+
color: BrickColor;
|
|
12
12
|
origin: BrickOrigin;
|
|
13
13
|
delay?: number;
|
|
14
14
|
}
|
|
@@ -35,8 +35,8 @@ export declare class BrickGridHelpers {
|
|
|
35
35
|
static getOccupiedCells(bricks: GridBrick[]): Set<string>;
|
|
36
36
|
static isAreaFree(col: number, row: number, footprint: number, area: GridArea, occupied: Set<string>, blocked: Set<string>): boolean;
|
|
37
37
|
static findPlacement(random: BrickRandom, footprint: number, area: GridArea, occupied: Set<string>, blocked: Set<string>): Position | null;
|
|
38
|
-
static createBrick(random: BrickRandom, target: GridTarget, colors:
|
|
39
|
-
static matchTargets(bricks: GridBrick[], targets: GridTarget[], random: BrickRandom, colors:
|
|
38
|
+
static createBrick(random: BrickRandom, target: GridTarget, colors: BrickColor[], id: number): GridBrick;
|
|
39
|
+
static matchTargets(bricks: GridBrick[], targets: GridTarget[], random: BrickRandom, colors: BrickColor[], startId: number): {
|
|
40
40
|
bricks: GridBrick[];
|
|
41
41
|
nextId: number;
|
|
42
42
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digo-labs/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"preview": "vite preview"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@digo-labs/common": "^0.1.
|
|
38
|
+
"@digo-labs/common": "^0.1.20",
|
|
39
39
|
"react": "^19.0.0",
|
|
40
40
|
"react-dom": "^19.0.0",
|
|
41
41
|
"tailwindcss": "^4.1.4"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"gsap": "^3.13.0",
|
|
52
52
|
"hacktimer": "^1.1.3",
|
|
53
53
|
"ldrs": "^1.1.7",
|
|
54
|
-
"lottie-
|
|
54
|
+
"lottie-web": "^5.13.0",
|
|
55
55
|
"motion": "^12.42.2",
|
|
56
56
|
"ogl": "^1.0.11",
|
|
57
57
|
"perfect-freehand": "^1.2.3",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { default as LottieUI } from 'lottie-react';
|
|
3
|
-
interface LottieProperties extends ComponentPropsWithoutRef<typeof LottieUI> {
|
|
4
|
-
tint?: string;
|
|
5
|
-
containerClasses?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Lottie(properties: LottieProperties): import("react").JSX.Element;
|
|
8
|
-
export {};
|