@digo-labs/ui 0.1.17 → 0.1.18
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/blocks/drawing-toolbar.d.ts +35 -0
- package/dist/blocks/toolbar-items.d.ts +78 -0
- package/dist/components/carousel.d.ts +39 -0
- package/dist/components/drawing-canvas.d.ts +9 -0
- package/dist/components/toolbar.d.ts +41 -0
- package/dist/effects/brick-grid.d.ts +47 -0
- package/dist/effects/brick.d.ts +28 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +7683 -5046
- package/dist/index.js.map +1 -1
- package/dist/providers/drawing-provider.d.ts +91 -0
- package/dist/styles/brick-grid.d.ts +85 -0
- package/dist/styles/brick.d.ts +61 -0
- package/dist/styles/carousel.d.ts +107 -0
- package/dist/styles/command.d.ts +5 -5
- package/dist/styles/drawing-canvas.d.ts +53 -0
- package/dist/styles/index.d.ts +6 -0
- package/dist/styles/menu.d.ts +5 -5
- package/dist/styles/toolbar-items.d.ts +117 -0
- package/dist/styles/toolbar.d.ts +173 -0
- package/dist/utils/brick-grid-helpers.d.ts +62 -0
- package/dist/utils/carousel-helpers.d.ts +17 -0
- package/dist/utils/drawing-helpers.d.ts +31 -0
- package/dist/utils/motion-presets.d.ts +5 -0
- package/package.json +3 -3
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Position, Size } from '@digo-labs/common';
|
|
2
|
+
import { Color } from '..';
|
|
3
|
+
import { ReactNode, Ref } from 'react';
|
|
4
|
+
export type DrawingTool = 'pen' | 'eraser' | 'pan' | 'select';
|
|
5
|
+
export type DrawingEraserMode = 'pixel' | 'object';
|
|
6
|
+
export type DrawingStrokeTool = Extract<DrawingTool, 'pen' | 'eraser'>;
|
|
7
|
+
export type DrawingExportBounds = 'content' | 'viewport';
|
|
8
|
+
export interface DrawingBrush {
|
|
9
|
+
thinning: number;
|
|
10
|
+
smoothing: number;
|
|
11
|
+
streamline: number;
|
|
12
|
+
taper: number;
|
|
13
|
+
}
|
|
14
|
+
export interface DrawingStroke {
|
|
15
|
+
id: string;
|
|
16
|
+
tool: DrawingStrokeTool;
|
|
17
|
+
color: string;
|
|
18
|
+
size: number;
|
|
19
|
+
brush: DrawingBrush;
|
|
20
|
+
points: number[][];
|
|
21
|
+
simulatePressure: boolean;
|
|
22
|
+
}
|
|
23
|
+
export interface DrawingView {
|
|
24
|
+
camera: Position;
|
|
25
|
+
zoom: number;
|
|
26
|
+
}
|
|
27
|
+
export interface DrawingExportOptions {
|
|
28
|
+
scale?: number;
|
|
29
|
+
width?: number;
|
|
30
|
+
background?: string;
|
|
31
|
+
bounds?: DrawingExportBounds;
|
|
32
|
+
padding?: number;
|
|
33
|
+
}
|
|
34
|
+
export interface DrawingExport {
|
|
35
|
+
blob: Blob;
|
|
36
|
+
dataUrl: string;
|
|
37
|
+
width: number;
|
|
38
|
+
height: number;
|
|
39
|
+
}
|
|
40
|
+
export declare const DEFAULT_DRAWING_BRUSH: DrawingBrush;
|
|
41
|
+
interface DrawingContextType {
|
|
42
|
+
tool: DrawingTool;
|
|
43
|
+
setTool: (next: DrawingTool) => void;
|
|
44
|
+
color: string;
|
|
45
|
+
setColor: (next: string | Color) => void;
|
|
46
|
+
size: number;
|
|
47
|
+
setSize: (next: number) => void;
|
|
48
|
+
eraserSize: number;
|
|
49
|
+
setEraserSize: (next: number) => void;
|
|
50
|
+
eraserMode: DrawingEraserMode;
|
|
51
|
+
setEraserMode: (next: DrawingEraserMode) => void;
|
|
52
|
+
brush: DrawingBrush;
|
|
53
|
+
setBrush: (next: DrawingBrush) => void;
|
|
54
|
+
strokes: DrawingStroke[];
|
|
55
|
+
selectedId: string | null;
|
|
56
|
+
setSelectedId: (next: string | null) => void;
|
|
57
|
+
view: DrawingView;
|
|
58
|
+
setView: (next: DrawingView) => void;
|
|
59
|
+
viewportSize: Size | null;
|
|
60
|
+
setViewportSize: (next: Size) => void;
|
|
61
|
+
canUndo: boolean;
|
|
62
|
+
canRedo: boolean;
|
|
63
|
+
isEmpty: boolean;
|
|
64
|
+
addStroke: (stroke: DrawingStroke) => void;
|
|
65
|
+
updateStroke: (id: string, points: number[][]) => void;
|
|
66
|
+
deleteStroke: (id: string) => void;
|
|
67
|
+
undo: () => void;
|
|
68
|
+
redo: () => void;
|
|
69
|
+
clear: () => void;
|
|
70
|
+
zoomIn: () => void;
|
|
71
|
+
zoomOut: () => void;
|
|
72
|
+
zoomTo: (zoom: number) => void;
|
|
73
|
+
fitToDrawing: () => void;
|
|
74
|
+
exportSvg: (options?: DrawingExportOptions) => string | null;
|
|
75
|
+
exportImage: (options?: DrawingExportOptions) => Promise<DrawingExport | null>;
|
|
76
|
+
}
|
|
77
|
+
export declare function useDrawing(): DrawingContextType;
|
|
78
|
+
export type DrawingHandle = Pick<DrawingContextType, 'undo' | 'redo' | 'clear' | 'canUndo' | 'canRedo' | 'isEmpty' | 'fitToDrawing' | 'exportSvg' | 'exportImage'>;
|
|
79
|
+
interface DrawingProviderProperties {
|
|
80
|
+
defaultTool?: DrawingTool;
|
|
81
|
+
defaultColor?: string;
|
|
82
|
+
defaultSize?: number;
|
|
83
|
+
defaultEraserSize?: number;
|
|
84
|
+
defaultEraserMode?: DrawingEraserMode;
|
|
85
|
+
defaultBrush?: DrawingBrush;
|
|
86
|
+
historyLimit?: number;
|
|
87
|
+
ref?: Ref<DrawingHandle>;
|
|
88
|
+
children: ReactNode;
|
|
89
|
+
}
|
|
90
|
+
export declare function DrawingProvider(properties: DrawingProviderProperties): import("react").JSX.Element;
|
|
91
|
+
export {};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
export declare const brickGrid: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
item?: import('tailwind-variants').ClassValue;
|
|
6
|
+
image?: import('tailwind-variants').ClassValue;
|
|
7
|
+
field?: import('tailwind-variants').ClassValue;
|
|
8
|
+
substrate?: import('tailwind-variants').ClassValue;
|
|
9
|
+
brick?: import('tailwind-variants').ClassValue;
|
|
10
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
} | {
|
|
14
|
+
[x: string]: {
|
|
15
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
16
|
+
root?: import('tailwind-variants').ClassValue;
|
|
17
|
+
item?: import('tailwind-variants').ClassValue;
|
|
18
|
+
image?: import('tailwind-variants').ClassValue;
|
|
19
|
+
field?: import('tailwind-variants').ClassValue;
|
|
20
|
+
substrate?: import('tailwind-variants').ClassValue;
|
|
21
|
+
brick?: import('tailwind-variants').ClassValue;
|
|
22
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
} | {}, {
|
|
26
|
+
root: string;
|
|
27
|
+
field: string;
|
|
28
|
+
image: string;
|
|
29
|
+
substrate: string;
|
|
30
|
+
brick: string;
|
|
31
|
+
item: string;
|
|
32
|
+
itemContent: string;
|
|
33
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
34
|
+
[key: string]: {
|
|
35
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
36
|
+
root?: import('tailwind-variants').ClassValue;
|
|
37
|
+
item?: import('tailwind-variants').ClassValue;
|
|
38
|
+
image?: import('tailwind-variants').ClassValue;
|
|
39
|
+
field?: import('tailwind-variants').ClassValue;
|
|
40
|
+
substrate?: import('tailwind-variants').ClassValue;
|
|
41
|
+
brick?: import('tailwind-variants').ClassValue;
|
|
42
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
} | {}>, {
|
|
46
|
+
[key: string]: {
|
|
47
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
48
|
+
root?: import('tailwind-variants').ClassValue;
|
|
49
|
+
item?: import('tailwind-variants').ClassValue;
|
|
50
|
+
image?: import('tailwind-variants').ClassValue;
|
|
51
|
+
field?: import('tailwind-variants').ClassValue;
|
|
52
|
+
substrate?: import('tailwind-variants').ClassValue;
|
|
53
|
+
brick?: import('tailwind-variants').ClassValue;
|
|
54
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
} | {}, {
|
|
58
|
+
root: string;
|
|
59
|
+
field: string;
|
|
60
|
+
image: string;
|
|
61
|
+
substrate: string;
|
|
62
|
+
brick: string;
|
|
63
|
+
item: string;
|
|
64
|
+
itemContent: string;
|
|
65
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
66
|
+
root: string;
|
|
67
|
+
field: string;
|
|
68
|
+
image: string;
|
|
69
|
+
substrate: string;
|
|
70
|
+
brick: string;
|
|
71
|
+
item: string;
|
|
72
|
+
itemContent: string;
|
|
73
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
74
|
+
[key: string]: {
|
|
75
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
76
|
+
root?: import('tailwind-variants').ClassValue;
|
|
77
|
+
item?: import('tailwind-variants').ClassValue;
|
|
78
|
+
image?: import('tailwind-variants').ClassValue;
|
|
79
|
+
field?: import('tailwind-variants').ClassValue;
|
|
80
|
+
substrate?: import('tailwind-variants').ClassValue;
|
|
81
|
+
brick?: import('tailwind-variants').ClassValue;
|
|
82
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export declare const brick: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
animation?: import('tailwind-variants').ClassValue;
|
|
6
|
+
glyph?: import('tailwind-variants').ClassValue;
|
|
7
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
} | {
|
|
11
|
+
[x: string]: {
|
|
12
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
13
|
+
root?: import('tailwind-variants').ClassValue;
|
|
14
|
+
animation?: import('tailwind-variants').ClassValue;
|
|
15
|
+
glyph?: import('tailwind-variants').ClassValue;
|
|
16
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
} | {}, {
|
|
20
|
+
root: string;
|
|
21
|
+
animation: string;
|
|
22
|
+
glyph: string;
|
|
23
|
+
shape: string;
|
|
24
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
25
|
+
[key: string]: {
|
|
26
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
27
|
+
root?: import('tailwind-variants').ClassValue;
|
|
28
|
+
animation?: import('tailwind-variants').ClassValue;
|
|
29
|
+
glyph?: import('tailwind-variants').ClassValue;
|
|
30
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
} | {}>, {
|
|
34
|
+
[key: string]: {
|
|
35
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
36
|
+
root?: import('tailwind-variants').ClassValue;
|
|
37
|
+
animation?: import('tailwind-variants').ClassValue;
|
|
38
|
+
glyph?: import('tailwind-variants').ClassValue;
|
|
39
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
} | {}, {
|
|
43
|
+
root: string;
|
|
44
|
+
animation: string;
|
|
45
|
+
glyph: string;
|
|
46
|
+
shape: string;
|
|
47
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
48
|
+
root: string;
|
|
49
|
+
animation: string;
|
|
50
|
+
glyph: string;
|
|
51
|
+
shape: string;
|
|
52
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
53
|
+
[key: string]: {
|
|
54
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
55
|
+
root?: import('tailwind-variants').ClassValue;
|
|
56
|
+
animation?: import('tailwind-variants').ClassValue;
|
|
57
|
+
glyph?: import('tailwind-variants').ClassValue;
|
|
58
|
+
shape?: import('tailwind-variants').ClassValue;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
export declare const carousel: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
orientation: {
|
|
3
|
+
horizontal: {
|
|
4
|
+
viewport: string;
|
|
5
|
+
strip: string;
|
|
6
|
+
item: string;
|
|
7
|
+
};
|
|
8
|
+
vertical: {
|
|
9
|
+
viewport: string;
|
|
10
|
+
strip: string;
|
|
11
|
+
item: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}, {
|
|
15
|
+
root: string;
|
|
16
|
+
viewport: string;
|
|
17
|
+
strip: string;
|
|
18
|
+
item: string;
|
|
19
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
|
|
20
|
+
orientation: {
|
|
21
|
+
horizontal: {
|
|
22
|
+
viewport: string;
|
|
23
|
+
strip: string;
|
|
24
|
+
item: string;
|
|
25
|
+
};
|
|
26
|
+
vertical: {
|
|
27
|
+
viewport: string;
|
|
28
|
+
strip: string;
|
|
29
|
+
item: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
}, {
|
|
33
|
+
orientation: {
|
|
34
|
+
horizontal: {
|
|
35
|
+
viewport: string;
|
|
36
|
+
strip: string;
|
|
37
|
+
item: string;
|
|
38
|
+
};
|
|
39
|
+
vertical: {
|
|
40
|
+
viewport: string;
|
|
41
|
+
strip: string;
|
|
42
|
+
item: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
}>, {
|
|
46
|
+
orientation: {
|
|
47
|
+
horizontal: {
|
|
48
|
+
viewport: string;
|
|
49
|
+
strip: string;
|
|
50
|
+
item: string;
|
|
51
|
+
};
|
|
52
|
+
vertical: {
|
|
53
|
+
viewport: string;
|
|
54
|
+
strip: string;
|
|
55
|
+
item: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
}, {
|
|
59
|
+
root: string;
|
|
60
|
+
viewport: string;
|
|
61
|
+
strip: string;
|
|
62
|
+
item: string;
|
|
63
|
+
}, import('tailwind-variants').TVReturnType<{
|
|
64
|
+
orientation: {
|
|
65
|
+
horizontal: {
|
|
66
|
+
viewport: string;
|
|
67
|
+
strip: string;
|
|
68
|
+
item: string;
|
|
69
|
+
};
|
|
70
|
+
vertical: {
|
|
71
|
+
viewport: string;
|
|
72
|
+
strip: string;
|
|
73
|
+
item: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
}, {
|
|
77
|
+
root: string;
|
|
78
|
+
viewport: string;
|
|
79
|
+
strip: string;
|
|
80
|
+
item: string;
|
|
81
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
|
|
82
|
+
orientation: {
|
|
83
|
+
horizontal: {
|
|
84
|
+
viewport: string;
|
|
85
|
+
strip: string;
|
|
86
|
+
item: string;
|
|
87
|
+
};
|
|
88
|
+
vertical: {
|
|
89
|
+
viewport: string;
|
|
90
|
+
strip: string;
|
|
91
|
+
item: string;
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
}, {
|
|
95
|
+
orientation: {
|
|
96
|
+
horizontal: {
|
|
97
|
+
viewport: string;
|
|
98
|
+
strip: string;
|
|
99
|
+
item: string;
|
|
100
|
+
};
|
|
101
|
+
vertical: {
|
|
102
|
+
viewport: string;
|
|
103
|
+
strip: string;
|
|
104
|
+
item: string;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
}>, unknown, unknown, undefined>>;
|
package/dist/styles/command.d.ts
CHANGED
|
@@ -8,8 +8,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
|
|
|
8
8
|
empty?: import('tailwind-variants').ClassValue;
|
|
9
9
|
list?: import('tailwind-variants').ClassValue;
|
|
10
10
|
popup?: import('tailwind-variants').ClassValue;
|
|
11
|
-
backdrop?: import('tailwind-variants').ClassValue;
|
|
12
11
|
viewport?: import('tailwind-variants').ClassValue;
|
|
12
|
+
backdrop?: import('tailwind-variants').ClassValue;
|
|
13
13
|
inputContainer?: import('tailwind-variants').ClassValue;
|
|
14
14
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
15
15
|
footer?: import('tailwind-variants').ClassValue;
|
|
@@ -25,8 +25,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
|
|
|
25
25
|
empty?: import('tailwind-variants').ClassValue;
|
|
26
26
|
list?: import('tailwind-variants').ClassValue;
|
|
27
27
|
popup?: import('tailwind-variants').ClassValue;
|
|
28
|
-
backdrop?: import('tailwind-variants').ClassValue;
|
|
29
28
|
viewport?: import('tailwind-variants').ClassValue;
|
|
29
|
+
backdrop?: import('tailwind-variants').ClassValue;
|
|
30
30
|
inputContainer?: import('tailwind-variants').ClassValue;
|
|
31
31
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
32
32
|
footer?: import('tailwind-variants').ClassValue;
|
|
@@ -55,8 +55,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
|
|
|
55
55
|
empty?: import('tailwind-variants').ClassValue;
|
|
56
56
|
list?: import('tailwind-variants').ClassValue;
|
|
57
57
|
popup?: import('tailwind-variants').ClassValue;
|
|
58
|
-
backdrop?: import('tailwind-variants').ClassValue;
|
|
59
58
|
viewport?: import('tailwind-variants').ClassValue;
|
|
59
|
+
backdrop?: import('tailwind-variants').ClassValue;
|
|
60
60
|
inputContainer?: import('tailwind-variants').ClassValue;
|
|
61
61
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
62
62
|
footer?: import('tailwind-variants').ClassValue;
|
|
@@ -72,8 +72,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
|
|
|
72
72
|
empty?: import('tailwind-variants').ClassValue;
|
|
73
73
|
list?: import('tailwind-variants').ClassValue;
|
|
74
74
|
popup?: import('tailwind-variants').ClassValue;
|
|
75
|
-
backdrop?: import('tailwind-variants').ClassValue;
|
|
76
75
|
viewport?: import('tailwind-variants').ClassValue;
|
|
76
|
+
backdrop?: import('tailwind-variants').ClassValue;
|
|
77
77
|
inputContainer?: import('tailwind-variants').ClassValue;
|
|
78
78
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
79
79
|
footer?: import('tailwind-variants').ClassValue;
|
|
@@ -115,8 +115,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
|
|
|
115
115
|
empty?: import('tailwind-variants').ClassValue;
|
|
116
116
|
list?: import('tailwind-variants').ClassValue;
|
|
117
117
|
popup?: import('tailwind-variants').ClassValue;
|
|
118
|
-
backdrop?: import('tailwind-variants').ClassValue;
|
|
119
118
|
viewport?: import('tailwind-variants').ClassValue;
|
|
119
|
+
backdrop?: import('tailwind-variants').ClassValue;
|
|
120
120
|
inputContainer?: import('tailwind-variants').ClassValue;
|
|
121
121
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
122
122
|
footer?: import('tailwind-variants').ClassValue;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export declare const drawingCanvas: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
root?: import('tailwind-variants').ClassValue;
|
|
5
|
+
svg?: import('tailwind-variants').ClassValue;
|
|
6
|
+
selection?: import('tailwind-variants').ClassValue;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
} | {
|
|
10
|
+
[x: string]: {
|
|
11
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
12
|
+
root?: import('tailwind-variants').ClassValue;
|
|
13
|
+
svg?: import('tailwind-variants').ClassValue;
|
|
14
|
+
selection?: import('tailwind-variants').ClassValue;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
} | {}, {
|
|
18
|
+
root: string[];
|
|
19
|
+
svg: string;
|
|
20
|
+
selection: string;
|
|
21
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
22
|
+
[key: string]: {
|
|
23
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
24
|
+
root?: import('tailwind-variants').ClassValue;
|
|
25
|
+
svg?: import('tailwind-variants').ClassValue;
|
|
26
|
+
selection?: import('tailwind-variants').ClassValue;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
} | {}>, {
|
|
30
|
+
[key: string]: {
|
|
31
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
32
|
+
root?: import('tailwind-variants').ClassValue;
|
|
33
|
+
svg?: import('tailwind-variants').ClassValue;
|
|
34
|
+
selection?: import('tailwind-variants').ClassValue;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
} | {}, {
|
|
38
|
+
root: string[];
|
|
39
|
+
svg: string;
|
|
40
|
+
selection: string;
|
|
41
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
42
|
+
root: string[];
|
|
43
|
+
svg: string;
|
|
44
|
+
selection: string;
|
|
45
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
46
|
+
[key: string]: {
|
|
47
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
48
|
+
root?: import('tailwind-variants').ClassValue;
|
|
49
|
+
svg?: import('tailwind-variants').ClassValue;
|
|
50
|
+
selection?: import('tailwind-variants').ClassValue;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
} | {}>, unknown, unknown, undefined>>;
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -6,10 +6,13 @@ export * from './avatar';
|
|
|
6
6
|
export * from './badge';
|
|
7
7
|
export * from './breadcrumb';
|
|
8
8
|
export * from './breadcrumb-nav';
|
|
9
|
+
export * from './brick';
|
|
10
|
+
export * from './brick-grid';
|
|
9
11
|
export * from './bubble';
|
|
10
12
|
export * from './button';
|
|
11
13
|
export * from './slider';
|
|
12
14
|
export * from './card';
|
|
15
|
+
export * from './carousel';
|
|
13
16
|
export * from './chat-thread';
|
|
14
17
|
export * from './chart';
|
|
15
18
|
export * from './checkbox';
|
|
@@ -29,6 +32,7 @@ export * from './command';
|
|
|
29
32
|
export * from './counter';
|
|
30
33
|
export * from './crt-screen';
|
|
31
34
|
export * from './drawer';
|
|
35
|
+
export * from './drawing-canvas';
|
|
32
36
|
export * from './dropzone';
|
|
33
37
|
export * from './image';
|
|
34
38
|
export * from './image-dropzone';
|
|
@@ -100,6 +104,8 @@ export * from './tint-image';
|
|
|
100
104
|
export * from './toast';
|
|
101
105
|
export * from './toggle-group';
|
|
102
106
|
export * from './toggle';
|
|
107
|
+
export * from './toolbar';
|
|
108
|
+
export * from './toolbar-items';
|
|
103
109
|
export * from './tooltip';
|
|
104
110
|
export * from './user-info';
|
|
105
111
|
export * from './user-menu';
|
package/dist/styles/menu.d.ts
CHANGED
|
@@ -7,13 +7,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
|
|
|
7
7
|
group?: import('tailwind-variants').ClassValue;
|
|
8
8
|
groupLabel?: import('tailwind-variants').ClassValue;
|
|
9
9
|
popup?: import('tailwind-variants').ClassValue;
|
|
10
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
10
11
|
itemIndicator?: import('tailwind-variants').ClassValue;
|
|
11
12
|
scrollArea?: import('tailwind-variants').ClassValue;
|
|
12
13
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
13
14
|
scrollViewport?: import('tailwind-variants').ClassValue;
|
|
14
15
|
itemClick?: import('tailwind-variants').ClassValue;
|
|
15
16
|
choiceItem?: import('tailwind-variants').ClassValue;
|
|
16
|
-
itemContent?: import('tailwind-variants').ClassValue;
|
|
17
17
|
switchItem?: import('tailwind-variants').ClassValue;
|
|
18
18
|
switchContent?: import('tailwind-variants').ClassValue;
|
|
19
19
|
switchIndicator?: import('tailwind-variants').ClassValue;
|
|
@@ -29,13 +29,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
|
|
|
29
29
|
group?: import('tailwind-variants').ClassValue;
|
|
30
30
|
groupLabel?: import('tailwind-variants').ClassValue;
|
|
31
31
|
popup?: import('tailwind-variants').ClassValue;
|
|
32
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
32
33
|
itemIndicator?: import('tailwind-variants').ClassValue;
|
|
33
34
|
scrollArea?: import('tailwind-variants').ClassValue;
|
|
34
35
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
35
36
|
scrollViewport?: import('tailwind-variants').ClassValue;
|
|
36
37
|
itemClick?: import('tailwind-variants').ClassValue;
|
|
37
38
|
choiceItem?: import('tailwind-variants').ClassValue;
|
|
38
|
-
itemContent?: import('tailwind-variants').ClassValue;
|
|
39
39
|
switchItem?: import('tailwind-variants').ClassValue;
|
|
40
40
|
switchContent?: import('tailwind-variants').ClassValue;
|
|
41
41
|
switchIndicator?: import('tailwind-variants').ClassValue;
|
|
@@ -69,13 +69,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
|
|
|
69
69
|
group?: import('tailwind-variants').ClassValue;
|
|
70
70
|
groupLabel?: import('tailwind-variants').ClassValue;
|
|
71
71
|
popup?: import('tailwind-variants').ClassValue;
|
|
72
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
72
73
|
itemIndicator?: import('tailwind-variants').ClassValue;
|
|
73
74
|
scrollArea?: import('tailwind-variants').ClassValue;
|
|
74
75
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
75
76
|
scrollViewport?: import('tailwind-variants').ClassValue;
|
|
76
77
|
itemClick?: import('tailwind-variants').ClassValue;
|
|
77
78
|
choiceItem?: import('tailwind-variants').ClassValue;
|
|
78
|
-
itemContent?: import('tailwind-variants').ClassValue;
|
|
79
79
|
switchItem?: import('tailwind-variants').ClassValue;
|
|
80
80
|
switchContent?: import('tailwind-variants').ClassValue;
|
|
81
81
|
switchIndicator?: import('tailwind-variants').ClassValue;
|
|
@@ -91,13 +91,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
|
|
|
91
91
|
group?: import('tailwind-variants').ClassValue;
|
|
92
92
|
groupLabel?: import('tailwind-variants').ClassValue;
|
|
93
93
|
popup?: import('tailwind-variants').ClassValue;
|
|
94
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
94
95
|
itemIndicator?: import('tailwind-variants').ClassValue;
|
|
95
96
|
scrollArea?: import('tailwind-variants').ClassValue;
|
|
96
97
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
97
98
|
scrollViewport?: import('tailwind-variants').ClassValue;
|
|
98
99
|
itemClick?: import('tailwind-variants').ClassValue;
|
|
99
100
|
choiceItem?: import('tailwind-variants').ClassValue;
|
|
100
|
-
itemContent?: import('tailwind-variants').ClassValue;
|
|
101
101
|
switchItem?: import('tailwind-variants').ClassValue;
|
|
102
102
|
switchContent?: import('tailwind-variants').ClassValue;
|
|
103
103
|
switchIndicator?: import('tailwind-variants').ClassValue;
|
|
@@ -149,13 +149,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
|
|
|
149
149
|
group?: import('tailwind-variants').ClassValue;
|
|
150
150
|
groupLabel?: import('tailwind-variants').ClassValue;
|
|
151
151
|
popup?: import('tailwind-variants').ClassValue;
|
|
152
|
+
itemContent?: import('tailwind-variants').ClassValue;
|
|
152
153
|
itemIndicator?: import('tailwind-variants').ClassValue;
|
|
153
154
|
scrollArea?: import('tailwind-variants').ClassValue;
|
|
154
155
|
shortcut?: import('tailwind-variants').ClassValue;
|
|
155
156
|
scrollViewport?: import('tailwind-variants').ClassValue;
|
|
156
157
|
itemClick?: import('tailwind-variants').ClassValue;
|
|
157
158
|
choiceItem?: import('tailwind-variants').ClassValue;
|
|
158
|
-
itemContent?: import('tailwind-variants').ClassValue;
|
|
159
159
|
switchItem?: import('tailwind-variants').ClassValue;
|
|
160
160
|
switchContent?: import('tailwind-variants').ClassValue;
|
|
161
161
|
switchIndicator?: import('tailwind-variants').ClassValue;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
export declare const toolbarItems: import('tailwind-variants').TVReturnType<{
|
|
2
|
+
[key: string]: {
|
|
3
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
4
|
+
pen?: import('tailwind-variants').ClassValue;
|
|
5
|
+
penImage?: import('tailwind-variants').ClassValue;
|
|
6
|
+
penTip?: import('tailwind-variants').ClassValue;
|
|
7
|
+
eraser?: import('tailwind-variants').ClassValue;
|
|
8
|
+
eraserImage?: import('tailwind-variants').ClassValue;
|
|
9
|
+
squiggle?: import('tailwind-variants').ClassValue;
|
|
10
|
+
sizes?: import('tailwind-variants').ClassValue;
|
|
11
|
+
colors?: import('tailwind-variants').ClassValue;
|
|
12
|
+
custom?: import('tailwind-variants').ClassValue;
|
|
13
|
+
zoom?: import('tailwind-variants').ClassValue;
|
|
14
|
+
zoomLabel?: import('tailwind-variants').ClassValue;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
} | {
|
|
18
|
+
[x: string]: {
|
|
19
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
20
|
+
pen?: import('tailwind-variants').ClassValue;
|
|
21
|
+
penImage?: import('tailwind-variants').ClassValue;
|
|
22
|
+
penTip?: import('tailwind-variants').ClassValue;
|
|
23
|
+
eraser?: import('tailwind-variants').ClassValue;
|
|
24
|
+
eraserImage?: import('tailwind-variants').ClassValue;
|
|
25
|
+
squiggle?: import('tailwind-variants').ClassValue;
|
|
26
|
+
sizes?: import('tailwind-variants').ClassValue;
|
|
27
|
+
colors?: import('tailwind-variants').ClassValue;
|
|
28
|
+
custom?: import('tailwind-variants').ClassValue;
|
|
29
|
+
zoom?: import('tailwind-variants').ClassValue;
|
|
30
|
+
zoomLabel?: import('tailwind-variants').ClassValue;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
} | {}, {
|
|
34
|
+
pen: string;
|
|
35
|
+
penImage: string;
|
|
36
|
+
penTip: string;
|
|
37
|
+
eraser: string;
|
|
38
|
+
eraserImage: string;
|
|
39
|
+
squiggle: string;
|
|
40
|
+
sizes: string;
|
|
41
|
+
colors: string;
|
|
42
|
+
custom: string;
|
|
43
|
+
zoom: string;
|
|
44
|
+
zoomLabel: string;
|
|
45
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
46
|
+
[key: string]: {
|
|
47
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
48
|
+
pen?: import('tailwind-variants').ClassValue;
|
|
49
|
+
penImage?: import('tailwind-variants').ClassValue;
|
|
50
|
+
penTip?: import('tailwind-variants').ClassValue;
|
|
51
|
+
eraser?: import('tailwind-variants').ClassValue;
|
|
52
|
+
eraserImage?: import('tailwind-variants').ClassValue;
|
|
53
|
+
squiggle?: import('tailwind-variants').ClassValue;
|
|
54
|
+
sizes?: import('tailwind-variants').ClassValue;
|
|
55
|
+
colors?: import('tailwind-variants').ClassValue;
|
|
56
|
+
custom?: import('tailwind-variants').ClassValue;
|
|
57
|
+
zoom?: import('tailwind-variants').ClassValue;
|
|
58
|
+
zoomLabel?: import('tailwind-variants').ClassValue;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
} | {}>, {
|
|
62
|
+
[key: string]: {
|
|
63
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
64
|
+
pen?: import('tailwind-variants').ClassValue;
|
|
65
|
+
penImage?: import('tailwind-variants').ClassValue;
|
|
66
|
+
penTip?: import('tailwind-variants').ClassValue;
|
|
67
|
+
eraser?: import('tailwind-variants').ClassValue;
|
|
68
|
+
eraserImage?: import('tailwind-variants').ClassValue;
|
|
69
|
+
squiggle?: import('tailwind-variants').ClassValue;
|
|
70
|
+
sizes?: import('tailwind-variants').ClassValue;
|
|
71
|
+
colors?: import('tailwind-variants').ClassValue;
|
|
72
|
+
custom?: import('tailwind-variants').ClassValue;
|
|
73
|
+
zoom?: import('tailwind-variants').ClassValue;
|
|
74
|
+
zoomLabel?: import('tailwind-variants').ClassValue;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
} | {}, {
|
|
78
|
+
pen: string;
|
|
79
|
+
penImage: string;
|
|
80
|
+
penTip: string;
|
|
81
|
+
eraser: string;
|
|
82
|
+
eraserImage: string;
|
|
83
|
+
squiggle: string;
|
|
84
|
+
sizes: string;
|
|
85
|
+
colors: string;
|
|
86
|
+
custom: string;
|
|
87
|
+
zoom: string;
|
|
88
|
+
zoomLabel: string;
|
|
89
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
90
|
+
pen: string;
|
|
91
|
+
penImage: string;
|
|
92
|
+
penTip: string;
|
|
93
|
+
eraser: string;
|
|
94
|
+
eraserImage: string;
|
|
95
|
+
squiggle: string;
|
|
96
|
+
sizes: string;
|
|
97
|
+
colors: string;
|
|
98
|
+
custom: string;
|
|
99
|
+
zoom: string;
|
|
100
|
+
zoomLabel: string;
|
|
101
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
102
|
+
[key: string]: {
|
|
103
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
104
|
+
pen?: import('tailwind-variants').ClassValue;
|
|
105
|
+
penImage?: import('tailwind-variants').ClassValue;
|
|
106
|
+
penTip?: import('tailwind-variants').ClassValue;
|
|
107
|
+
eraser?: import('tailwind-variants').ClassValue;
|
|
108
|
+
eraserImage?: import('tailwind-variants').ClassValue;
|
|
109
|
+
squiggle?: import('tailwind-variants').ClassValue;
|
|
110
|
+
sizes?: import('tailwind-variants').ClassValue;
|
|
111
|
+
colors?: import('tailwind-variants').ClassValue;
|
|
112
|
+
custom?: import('tailwind-variants').ClassValue;
|
|
113
|
+
zoom?: import('tailwind-variants').ClassValue;
|
|
114
|
+
zoomLabel?: import('tailwind-variants').ClassValue;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
} | {}>, unknown, unknown, undefined>>;
|