@idealyst/mcp-server 1.2.98 → 1.2.99
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.
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Grid Component Examples
|
|
3
|
+
*
|
|
4
|
+
* These examples are type-checked against the actual GridProps interface
|
|
5
|
+
* to ensure accuracy and correctness.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { Grid, Card, Text, View } from '@idealyst/components';
|
|
9
|
+
|
|
10
|
+
// Example 1: Basic Grid
|
|
11
|
+
export function BasicGrid() {
|
|
12
|
+
return (
|
|
13
|
+
<Grid columns={2} gap="md">
|
|
14
|
+
<Card><Text>Item 1</Text></Card>
|
|
15
|
+
<Card><Text>Item 2</Text></Card>
|
|
16
|
+
<Card><Text>Item 3</Text></Card>
|
|
17
|
+
<Card><Text>Item 4</Text></Card>
|
|
18
|
+
</Grid>
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Example 2: Responsive Columns
|
|
23
|
+
export function ResponsiveGrid() {
|
|
24
|
+
return (
|
|
25
|
+
<Grid columns={{ xs: 1, sm: 2, md: 3, lg: 4 }} gap="md">
|
|
26
|
+
<Card padding="md"><Text>Item 1</Text></Card>
|
|
27
|
+
<Card padding="md"><Text>Item 2</Text></Card>
|
|
28
|
+
<Card padding="md"><Text>Item 3</Text></Card>
|
|
29
|
+
<Card padding="md"><Text>Item 4</Text></Card>
|
|
30
|
+
<Card padding="md"><Text>Item 5</Text></Card>
|
|
31
|
+
<Card padding="md"><Text>Item 6</Text></Card>
|
|
32
|
+
</Grid>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// Example 3: Gap Variants
|
|
37
|
+
export function GridGapVariants() {
|
|
38
|
+
return (
|
|
39
|
+
<>
|
|
40
|
+
<Grid columns={3} gap="xs">
|
|
41
|
+
<Card><Text>XS Gap</Text></Card>
|
|
42
|
+
<Card><Text>XS Gap</Text></Card>
|
|
43
|
+
<Card><Text>XS Gap</Text></Card>
|
|
44
|
+
</Grid>
|
|
45
|
+
<Grid columns={3} gap="md">
|
|
46
|
+
<Card><Text>MD Gap</Text></Card>
|
|
47
|
+
<Card><Text>MD Gap</Text></Card>
|
|
48
|
+
<Card><Text>MD Gap</Text></Card>
|
|
49
|
+
</Grid>
|
|
50
|
+
<Grid columns={3} gap="xl">
|
|
51
|
+
<Card><Text>XL Gap</Text></Card>
|
|
52
|
+
<Card><Text>XL Gap</Text></Card>
|
|
53
|
+
<Card><Text>XL Gap</Text></Card>
|
|
54
|
+
</Grid>
|
|
55
|
+
</>
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Example 4: Grid with Padding
|
|
60
|
+
export function GridWithPadding() {
|
|
61
|
+
return (
|
|
62
|
+
<Grid columns={2} gap="sm" padding="lg">
|
|
63
|
+
<Card type="outlined"><Text>Padded Grid Item 1</Text></Card>
|
|
64
|
+
<Card type="outlined"><Text>Padded Grid Item 2</Text></Card>
|
|
65
|
+
<Card type="outlined"><Text>Padded Grid Item 3</Text></Card>
|
|
66
|
+
<Card type="outlined"><Text>Padded Grid Item 4</Text></Card>
|
|
67
|
+
</Grid>
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// Example 5: Dashboard Layout
|
|
72
|
+
export function DashboardLayout() {
|
|
73
|
+
return (
|
|
74
|
+
<View gap="md">
|
|
75
|
+
<Text typography="h2">Dashboard</Text>
|
|
76
|
+
<Grid columns={{ xs: 1, md: 2, lg: 4 }} gap="md">
|
|
77
|
+
<Card type="elevated" padding="md">
|
|
78
|
+
<Text typography="h3">Revenue</Text>
|
|
79
|
+
<Text typography="h1">$12,345</Text>
|
|
80
|
+
</Card>
|
|
81
|
+
<Card type="elevated" padding="md">
|
|
82
|
+
<Text typography="h3">Users</Text>
|
|
83
|
+
<Text typography="h1">1,234</Text>
|
|
84
|
+
</Card>
|
|
85
|
+
<Card type="elevated" padding="md">
|
|
86
|
+
<Text typography="h3">Orders</Text>
|
|
87
|
+
<Text typography="h1">567</Text>
|
|
88
|
+
</Card>
|
|
89
|
+
<Card type="elevated" padding="md">
|
|
90
|
+
<Text typography="h3">Growth</Text>
|
|
91
|
+
<Text typography="h1">+12%</Text>
|
|
92
|
+
</Card>
|
|
93
|
+
</Grid>
|
|
94
|
+
</View>
|
|
95
|
+
);
|
|
96
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idealyst/mcp-server",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.99",
|
|
4
4
|
"description": "MCP server providing documentation and examples for the Idealyst framework",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
"author": "Idealyst",
|
|
50
50
|
"license": "MIT",
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@idealyst/components": "^1.2.
|
|
53
|
-
"@idealyst/navigation": "^1.2.
|
|
54
|
-
"@idealyst/theme": "^1.2.
|
|
55
|
-
"@idealyst/tooling": "^1.2.
|
|
52
|
+
"@idealyst/components": "^1.2.99",
|
|
53
|
+
"@idealyst/navigation": "^1.2.99",
|
|
54
|
+
"@idealyst/theme": "^1.2.99",
|
|
55
|
+
"@idealyst/tooling": "^1.2.99",
|
|
56
56
|
"@modelcontextprotocol/sdk": "^1.0.4"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|