@nexub/mcp 7.2.0 → 7.4.0
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.
|
@@ -57,3 +57,34 @@ export default function Example() {
|
|
|
57
57
|
);
|
|
58
58
|
}
|
|
59
59
|
```
|
|
60
|
+
|
|
61
|
+
## Example: Vertical
|
|
62
|
+
|
|
63
|
+
orientation="vertical": the indicator slides on the inline-end edge, and arrow up/down move between tabs.
|
|
64
|
+
|
|
65
|
+
```tsx
|
|
66
|
+
import { Tabs } from '@nexub/react';
|
|
67
|
+
|
|
68
|
+
export default function Example() {
|
|
69
|
+
return (
|
|
70
|
+
<div className="w-[420px]">
|
|
71
|
+
<Tabs.Root defaultValue="profile" orientation="vertical">
|
|
72
|
+
<Tabs.List aria-label="Account">
|
|
73
|
+
<Tabs.Trigger value="profile">Profile</Tabs.Trigger>
|
|
74
|
+
<Tabs.Trigger value="security">Security</Tabs.Trigger>
|
|
75
|
+
<Tabs.Trigger value="billing">Billing</Tabs.Trigger>
|
|
76
|
+
</Tabs.List>
|
|
77
|
+
<Tabs.Content value="profile">
|
|
78
|
+
<div className="p-3 text-body-sm text-[var(--color-on-surface-variant)]">Name, photo and contact details.</div>
|
|
79
|
+
</Tabs.Content>
|
|
80
|
+
<Tabs.Content value="security">
|
|
81
|
+
<div className="p-3 text-body-sm text-[var(--color-on-surface-variant)]">Password, passkeys and sessions.</div>
|
|
82
|
+
</Tabs.Content>
|
|
83
|
+
<Tabs.Content value="billing">
|
|
84
|
+
<div className="p-3 text-body-sm text-[var(--color-on-surface-variant)]">Plan, invoices and payment method.</div>
|
|
85
|
+
</Tabs.Content>
|
|
86
|
+
</Tabs.Root>
|
|
87
|
+
</div>
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
```
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Component index
|
|
2
2
|
|
|
3
|
-
Nexub DS v7.
|
|
3
|
+
Nexub DS v7.4.0. Open `components/<slug>.md` for props, examples and accessibility notes.
|
|
4
4
|
Never use a component marked deprecated.
|
|
5
5
|
|
|
6
6
|
## Components — Actions
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Tokens
|
|
2
2
|
|
|
3
|
-
Nexub DS v7.
|
|
3
|
+
Nexub DS v7.4.0. Every token is a CSS custom property from `@nexub/tokens/css` (loaded by `@nexub/themes/base`).
|
|
4
4
|
The Tailwind preset (`@nexub/tokens/tailwind`) maps them to utilities. Never hardcode a hex, px spacing or shadow that a token covers.
|
|
5
5
|
|
|
6
6
|
## Color roles
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexub/mcp",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.0",
|
|
4
4
|
"description": "MCP server for Nexub Design System: gives Claude, Cursor and any MCP client the components, patterns, tokens and design rules of the installed release.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|