@nexus-cross/design-system 1.0.1 → 1.0.2
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/cursor-rules/nexus-project-setup.mdc +150 -150
- package/cursor-rules/nexus-ui-api.mdc +659 -316
- package/cursor-rules/nexus-ui-components.mdc +162 -96
- package/dist/chunks/chunk-55IEEVNR.js +7 -0
- package/dist/chunks/{chunk-5JHN4FCY.mjs → chunk-K2TBLM3F.mjs} +1 -4
- package/dist/chunks/{chunk-MTX7GD3H.js → chunk-PEIEVKD5.js} +1 -4
- package/dist/chunks/chunk-XMG7ZEYY.mjs +5 -0
- package/dist/data-list.js +2 -2
- package/dist/data-list.mjs +1 -1
- package/dist/error-boundary.d.mts +1 -1
- package/dist/error-boundary.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/index.mjs +1 -1
- package/dist/schemas/_all.json +480 -480
- package/dist/schemas/accordion.json +12 -12
- package/dist/schemas/avatar.json +9 -9
- package/dist/schemas/button.json +13 -13
- package/dist/schemas/carousel.json +6 -6
- package/dist/schemas/carouselButton.json +3 -3
- package/dist/schemas/carouselDots.json +2 -2
- package/dist/schemas/carouselSlide.json +3 -3
- package/dist/schemas/checkBox.json +15 -15
- package/dist/schemas/chip.json +9 -9
- package/dist/schemas/clientOnly.json +3 -3
- package/dist/schemas/countdown.json +8 -8
- package/dist/schemas/counter.json +11 -11
- package/dist/schemas/dataList.json +10 -10
- package/dist/schemas/divider.json +6 -6
- package/dist/schemas/drawer.json +8 -8
- package/dist/schemas/drawerClose.json +4 -4
- package/dist/schemas/drawerContent.json +7 -7
- package/dist/schemas/drawerDescription.json +3 -3
- package/dist/schemas/drawerTitle.json +3 -3
- package/dist/schemas/drawerTrigger.json +4 -4
- package/dist/schemas/ellipsis.json +9 -9
- package/dist/schemas/errorBoundary.json +4 -4
- package/dist/schemas/infiniteScroll.json +12 -12
- package/dist/schemas/marquee.json +8 -8
- package/dist/schemas/modalCall.json +20 -20
- package/dist/schemas/modalTemplate.json +26 -26
- package/dist/schemas/numberInput.json +19 -19
- package/dist/schemas/pagination.json +8 -8
- package/dist/schemas/popover.json +12 -12
- package/dist/schemas/radioGroup.json +12 -12
- package/dist/schemas/radioItem.json +7 -7
- package/dist/schemas/select.json +11 -11
- package/dist/schemas/selectItem.json +5 -5
- package/dist/schemas/skeleton.json +8 -8
- package/dist/schemas/spinner.json +6 -6
- package/dist/schemas/switch.json +10 -10
- package/dist/schemas/tab.json +15 -15
- package/dist/schemas/table.json +14 -14
- package/dist/schemas/tableRow.json +5 -5
- package/dist/schemas/tdColumn.json +17 -17
- package/dist/schemas/textArea.json +18 -18
- package/dist/schemas/textInput.json +25 -25
- package/dist/schemas/themeProvider.json +10 -10
- package/dist/schemas/toastOptions.json +17 -17
- package/dist/schemas/toaster.json +12 -12
- package/dist/schemas/tooltip.json +10 -10
- package/dist/schemas/virtualGrid.json +11 -11
- package/dist/schemas/virtualList.json +10 -10
- package/dist/schemas.js +475 -475
- package/dist/schemas.mjs +475 -475
- package/dist/styles/layer.js +2 -2
- package/dist/styles/layer.mjs +1 -1
- package/dist/styles.css +28 -15
- package/dist/styles.js +2 -2
- package/dist/styles.layered.css +28 -15
- package/dist/styles.mjs +1 -1
- package/package.json +8 -6
- package/scripts/setup-cursor-rules.cjs +6 -6
- package/dist/chunks/chunk-GMGG4VZM.mjs +0 -5
- package/dist/chunks/chunk-N75GAGAG.js +0 -7
|
@@ -5,22 +5,22 @@
|
|
|
5
5
|
"type": "object",
|
|
6
6
|
"properties": {
|
|
7
7
|
"children": {
|
|
8
|
-
"description": "
|
|
8
|
+
"description": "App root element (ReactNode, required)"
|
|
9
9
|
},
|
|
10
10
|
"defaultTheme": {
|
|
11
11
|
"type": "string",
|
|
12
|
-
"description": "
|
|
12
|
+
"description": "Default theme (e.g. \"dark\", \"light\")"
|
|
13
13
|
},
|
|
14
14
|
"storageKey": {
|
|
15
15
|
"type": "string",
|
|
16
|
-
"description": "localStorage
|
|
16
|
+
"description": "localStorage storage key (default: \"theme\")"
|
|
17
17
|
},
|
|
18
18
|
"themes": {
|
|
19
19
|
"type": "array",
|
|
20
20
|
"items": {
|
|
21
21
|
"type": "string"
|
|
22
22
|
},
|
|
23
|
-
"description": "
|
|
23
|
+
"description": "Available theme list (default: [\"light\", \"dark\"])"
|
|
24
24
|
},
|
|
25
25
|
"attribute": {
|
|
26
26
|
"anyOf": [
|
|
@@ -34,23 +34,23 @@
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
],
|
|
37
|
-
"description": "
|
|
37
|
+
"description": "Theme HTML attribute (default: \"data-theme\")"
|
|
38
38
|
},
|
|
39
39
|
"enableSystem": {
|
|
40
40
|
"type": "boolean",
|
|
41
|
-
"description": "
|
|
41
|
+
"description": "Enable system theme detection"
|
|
42
42
|
},
|
|
43
43
|
"disableTransitionOnChange": {
|
|
44
44
|
"type": "boolean",
|
|
45
|
-
"description": "
|
|
45
|
+
"description": "Disable transitions on theme change"
|
|
46
46
|
},
|
|
47
47
|
"forcedTheme": {
|
|
48
48
|
"type": "string",
|
|
49
|
-
"description": "
|
|
49
|
+
"description": "Forced theme (user cannot change)"
|
|
50
50
|
},
|
|
51
51
|
"enableColorScheme": {
|
|
52
52
|
"type": "boolean",
|
|
53
|
-
"description": "color-scheme CSS
|
|
53
|
+
"description": "Auto-set color-scheme CSS property"
|
|
54
54
|
},
|
|
55
55
|
"nonce": {
|
|
56
56
|
"type": "string",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
"additionalProperties": false,
|
|
61
|
-
"description": "
|
|
61
|
+
"description": "Theme provider. Based on next-themes. Access theme state via useTheme() hook."
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -5,36 +5,36 @@
|
|
|
5
5
|
"type": "object",
|
|
6
6
|
"properties": {
|
|
7
7
|
"description": {
|
|
8
|
-
"description": "
|
|
8
|
+
"description": "Toast subtitle (ReactNode)"
|
|
9
9
|
},
|
|
10
10
|
"duration": {
|
|
11
11
|
"type": "number",
|
|
12
|
-
"description": "
|
|
12
|
+
"description": "Auto-dismiss duration (ms). Default 4000"
|
|
13
13
|
},
|
|
14
14
|
"icon": {
|
|
15
|
-
"description": "
|
|
15
|
+
"description": "Custom icon (ReactNode)"
|
|
16
16
|
},
|
|
17
17
|
"action": {
|
|
18
|
-
"description": "
|
|
18
|
+
"description": "Action button. { label: ReactNode, onClick: () => void }"
|
|
19
19
|
},
|
|
20
20
|
"cancel": {
|
|
21
|
-
"description": "
|
|
21
|
+
"description": "Cancel button. { label: ReactNode, onClick: () => void }"
|
|
22
22
|
},
|
|
23
23
|
"closeButton": {
|
|
24
24
|
"type": "boolean",
|
|
25
|
-
"description": "
|
|
25
|
+
"description": "Show close (X) button"
|
|
26
26
|
},
|
|
27
27
|
"dismissible": {
|
|
28
28
|
"type": "boolean",
|
|
29
|
-
"description": "
|
|
29
|
+
"description": "Allow dismiss via swipe/click"
|
|
30
30
|
},
|
|
31
31
|
"richColors": {
|
|
32
32
|
"type": "boolean",
|
|
33
|
-
"description": "success/error/warning/info
|
|
33
|
+
"description": "Apply strong colors for success/error/warning/info"
|
|
34
34
|
},
|
|
35
35
|
"invert": {
|
|
36
36
|
"type": "boolean",
|
|
37
|
-
"description": "
|
|
37
|
+
"description": "Invert colors (dark↔light)"
|
|
38
38
|
},
|
|
39
39
|
"position": {
|
|
40
40
|
"type": "string",
|
|
@@ -46,35 +46,35 @@
|
|
|
46
46
|
"bottom-center",
|
|
47
47
|
"bottom-right"
|
|
48
48
|
],
|
|
49
|
-
"description": "
|
|
49
|
+
"description": "Individual position for this toast"
|
|
50
50
|
},
|
|
51
51
|
"onDismiss": {
|
|
52
|
-
"description": "
|
|
52
|
+
"description": "Dismiss callback (toast: ToastT) => void"
|
|
53
53
|
},
|
|
54
54
|
"onAutoClose": {
|
|
55
|
-
"description": "
|
|
55
|
+
"description": "Auto-close callback (toast: ToastT) => void"
|
|
56
56
|
},
|
|
57
57
|
"className": {
|
|
58
58
|
"type": "string",
|
|
59
|
-
"description": "
|
|
59
|
+
"description": "Toast custom class"
|
|
60
60
|
},
|
|
61
61
|
"style": {
|
|
62
|
-
"description": "
|
|
62
|
+
"description": "Toast inline style (CSSProperties)"
|
|
63
63
|
},
|
|
64
64
|
"unstyled": {
|
|
65
65
|
"type": "boolean",
|
|
66
|
-
"description": "
|
|
66
|
+
"description": "Remove default styles (for custom styling)"
|
|
67
67
|
},
|
|
68
68
|
"id": {
|
|
69
69
|
"type": [
|
|
70
70
|
"string",
|
|
71
71
|
"number"
|
|
72
72
|
],
|
|
73
|
-
"description": "
|
|
73
|
+
"description": "Toast ID (for deduplication or updates)"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
"additionalProperties": false,
|
|
77
|
-
"description": "toast()
|
|
77
|
+
"description": "toast() call options. Used as toast(message, options). Fully customizable via toast.custom(jsx)."
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
80
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"bottom-right"
|
|
16
16
|
],
|
|
17
17
|
"default": "top-center",
|
|
18
|
-
"description": "
|
|
18
|
+
"description": "Default toast position"
|
|
19
19
|
},
|
|
20
20
|
"unstyled": {
|
|
21
21
|
"type": "boolean",
|
|
22
22
|
"default": false,
|
|
23
|
-
"description": "
|
|
23
|
+
"description": "Remove default styles (for custom styling)"
|
|
24
24
|
},
|
|
25
25
|
"theme": {
|
|
26
26
|
"type": "string",
|
|
@@ -29,34 +29,34 @@
|
|
|
29
29
|
"dark",
|
|
30
30
|
"system"
|
|
31
31
|
],
|
|
32
|
-
"description": "
|
|
32
|
+
"description": "Theme setting"
|
|
33
33
|
},
|
|
34
34
|
"richColors": {
|
|
35
35
|
"type": "boolean",
|
|
36
|
-
"description": "success/error/warning/info
|
|
36
|
+
"description": "Apply strong colors for success/error/warning/info"
|
|
37
37
|
},
|
|
38
38
|
"expand": {
|
|
39
39
|
"type": "boolean",
|
|
40
|
-
"description": "
|
|
40
|
+
"description": "Always show toasts in expanded state"
|
|
41
41
|
},
|
|
42
42
|
"duration": {
|
|
43
43
|
"type": "number",
|
|
44
|
-
"description": "
|
|
44
|
+
"description": "Global auto-dismiss duration (ms). Default 4000"
|
|
45
45
|
},
|
|
46
46
|
"visibleToasts": {
|
|
47
47
|
"type": "number",
|
|
48
|
-
"description": "
|
|
48
|
+
"description": "Maximum visible toasts at once"
|
|
49
49
|
},
|
|
50
50
|
"closeButton": {
|
|
51
51
|
"type": "boolean",
|
|
52
|
-
"description": "
|
|
52
|
+
"description": "Show close button on all toasts"
|
|
53
53
|
},
|
|
54
54
|
"gap": {
|
|
55
55
|
"type": "number",
|
|
56
|
-
"description": "
|
|
56
|
+
"description": "Gap between toasts (px)"
|
|
57
57
|
},
|
|
58
58
|
"offset": {
|
|
59
|
-
"description": "
|
|
59
|
+
"description": "Offset from screen edge. string | number | { top, right, bottom, left }"
|
|
60
60
|
},
|
|
61
61
|
"dir": {
|
|
62
62
|
"type": "string",
|
|
@@ -65,11 +65,11 @@
|
|
|
65
65
|
"rtl",
|
|
66
66
|
"auto"
|
|
67
67
|
],
|
|
68
|
-
"description": "
|
|
68
|
+
"description": "Text direction"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
"additionalProperties": false,
|
|
72
|
-
"description": "Toaster
|
|
72
|
+
"description": "Toaster config. Place once at app root. Display notifications via toast(). Based on sonner."
|
|
73
73
|
}
|
|
74
74
|
},
|
|
75
75
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
"type": "object",
|
|
6
6
|
"properties": {
|
|
7
7
|
"children": {
|
|
8
|
-
"description": "
|
|
8
|
+
"description": "Trigger element (ReactNode, required)"
|
|
9
9
|
},
|
|
10
10
|
"content": {
|
|
11
|
-
"description": "
|
|
11
|
+
"description": "Tooltip content (ReactNode, required)"
|
|
12
12
|
},
|
|
13
13
|
"variant": {
|
|
14
14
|
"type": "string",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"light"
|
|
18
18
|
],
|
|
19
19
|
"default": "dark",
|
|
20
|
-
"description": "
|
|
20
|
+
"description": "Style"
|
|
21
21
|
},
|
|
22
22
|
"side": {
|
|
23
23
|
"type": "string",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"left"
|
|
29
29
|
],
|
|
30
30
|
"default": "top",
|
|
31
|
-
"description": "
|
|
31
|
+
"description": "Position"
|
|
32
32
|
},
|
|
33
33
|
"align": {
|
|
34
34
|
"type": "string",
|
|
@@ -38,29 +38,29 @@
|
|
|
38
38
|
"end"
|
|
39
39
|
],
|
|
40
40
|
"default": "center",
|
|
41
|
-
"description": "
|
|
41
|
+
"description": "Alignment"
|
|
42
42
|
},
|
|
43
43
|
"delayDuration": {
|
|
44
44
|
"type": "number",
|
|
45
45
|
"default": 200,
|
|
46
|
-
"description": "
|
|
46
|
+
"description": "Show delay (ms)"
|
|
47
47
|
},
|
|
48
48
|
"disabled": {
|
|
49
49
|
"type": "boolean",
|
|
50
50
|
"default": false,
|
|
51
|
-
"description": "
|
|
51
|
+
"description": "Disabled"
|
|
52
52
|
},
|
|
53
53
|
"className": {
|
|
54
54
|
"type": "string",
|
|
55
|
-
"description": "Content
|
|
55
|
+
"description": "Content style"
|
|
56
56
|
},
|
|
57
57
|
"triggerClassName": {
|
|
58
58
|
"type": "string",
|
|
59
|
-
"description": "Trigger
|
|
59
|
+
"description": "Trigger style"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"additionalProperties": false,
|
|
63
|
-
"description": "
|
|
63
|
+
"description": "Tooltip. Based on Radix Tooltip. Built-in Provider."
|
|
64
64
|
}
|
|
65
65
|
},
|
|
66
66
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
"properties": {
|
|
7
7
|
"items": {
|
|
8
8
|
"type": "array",
|
|
9
|
-
"description": "
|
|
9
|
+
"description": "Data array (required)"
|
|
10
10
|
},
|
|
11
11
|
"columns": {
|
|
12
12
|
"type": "number",
|
|
13
|
-
"description": "
|
|
13
|
+
"description": "Column count (required)"
|
|
14
14
|
},
|
|
15
15
|
"estimateSize": {
|
|
16
16
|
"anyOf": [
|
|
@@ -19,35 +19,35 @@
|
|
|
19
19
|
},
|
|
20
20
|
{}
|
|
21
21
|
],
|
|
22
|
-
"description": "
|
|
22
|
+
"description": "Estimated item height (required)"
|
|
23
23
|
},
|
|
24
24
|
"renderItem": {
|
|
25
|
-
"description": "
|
|
25
|
+
"description": "Item renderer (item, index) => ReactNode (required)"
|
|
26
26
|
},
|
|
27
27
|
"overscan": {
|
|
28
28
|
"type": "number",
|
|
29
29
|
"default": 3,
|
|
30
|
-
"description": "
|
|
30
|
+
"description": "Overscan count"
|
|
31
31
|
},
|
|
32
32
|
"gap": {
|
|
33
33
|
"type": "number",
|
|
34
34
|
"default": 0,
|
|
35
|
-
"description": "
|
|
35
|
+
"description": "Item gap (px)"
|
|
36
36
|
},
|
|
37
37
|
"className": {
|
|
38
38
|
"type": "string",
|
|
39
|
-
"description": "
|
|
39
|
+
"description": "Scroll container style"
|
|
40
40
|
},
|
|
41
41
|
"style": {
|
|
42
|
-
"description": "
|
|
42
|
+
"description": "Inline style (CSSProperties)"
|
|
43
43
|
},
|
|
44
44
|
"endReachedThreshold": {
|
|
45
45
|
"type": "number",
|
|
46
46
|
"default": 200,
|
|
47
|
-
"description": "
|
|
47
|
+
"description": "End detection threshold (px)"
|
|
48
48
|
},
|
|
49
49
|
"onEndReached": {
|
|
50
|
-
"description": "
|
|
50
|
+
"description": "End reached callback () => void"
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
"required": [
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"columns"
|
|
56
56
|
],
|
|
57
57
|
"additionalProperties": false,
|
|
58
|
-
"description": "
|
|
58
|
+
"description": "Virtual scroll grid. Based on @tanstack/react-virtual."
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"properties": {
|
|
7
7
|
"items": {
|
|
8
8
|
"type": "array",
|
|
9
|
-
"description": "
|
|
9
|
+
"description": "Data array (required)"
|
|
10
10
|
},
|
|
11
11
|
"estimateSize": {
|
|
12
12
|
"anyOf": [
|
|
@@ -15,42 +15,42 @@
|
|
|
15
15
|
},
|
|
16
16
|
{}
|
|
17
17
|
],
|
|
18
|
-
"description": "
|
|
18
|
+
"description": "Estimated item height (number or (index) => number, required)"
|
|
19
19
|
},
|
|
20
20
|
"renderItem": {
|
|
21
|
-
"description": "
|
|
21
|
+
"description": "Item renderer (item, index, virtualItem) => ReactNode (required)"
|
|
22
22
|
},
|
|
23
23
|
"overscan": {
|
|
24
24
|
"type": "number",
|
|
25
25
|
"default": 5,
|
|
26
|
-
"description": "
|
|
26
|
+
"description": "Overscan count"
|
|
27
27
|
},
|
|
28
28
|
"gap": {
|
|
29
29
|
"type": "number",
|
|
30
30
|
"default": 0,
|
|
31
|
-
"description": "
|
|
31
|
+
"description": "Item gap (px)"
|
|
32
32
|
},
|
|
33
33
|
"className": {
|
|
34
34
|
"type": "string",
|
|
35
|
-
"description": "
|
|
35
|
+
"description": "Scroll container style"
|
|
36
36
|
},
|
|
37
37
|
"style": {
|
|
38
|
-
"description": "
|
|
38
|
+
"description": "Inline style (CSSProperties)"
|
|
39
39
|
},
|
|
40
40
|
"endReachedThreshold": {
|
|
41
41
|
"type": "number",
|
|
42
42
|
"default": 200,
|
|
43
|
-
"description": "
|
|
43
|
+
"description": "End detection threshold (px)"
|
|
44
44
|
},
|
|
45
45
|
"onEndReached": {
|
|
46
|
-
"description": "
|
|
46
|
+
"description": "End reached callback () => void"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
"required": [
|
|
50
50
|
"items"
|
|
51
51
|
],
|
|
52
52
|
"additionalProperties": false,
|
|
53
|
-
"description": "
|
|
53
|
+
"description": "Virtual scroll list. Based on @tanstack/react-virtual."
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
"$schema": "http://json-schema.org/draft-07/schema#"
|