@nexub/mcp 6.9.0 → 7.0.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.
- package/dist/skill/SKILL.md +1 -1
- package/dist/skill/references/components/autocomplete.md +2 -3
- package/dist/skill/references/components/tabs.md +1 -1
- package/dist/skill/references/components.md +1 -5
- package/dist/skill/references/tokens.md +1 -1
- package/package.json +1 -1
- package/dist/skill/references/components/step-indicator.md +0 -30
package/dist/skill/SKILL.md
CHANGED
|
@@ -63,7 +63,7 @@ Starting points for typical SaaS screens:
|
|
|
63
63
|
| Settings | `SettingsLayout` / `SettingsRow` + `SettingsSection` + `FormField` |
|
|
64
64
|
| Sign in / sign up | `AuthCard` + `FormField` + `PasswordInput` |
|
|
65
65
|
| Pricing / billing | `PlanCard` + `SegmentedControl` (monthly / yearly) + `Amount` |
|
|
66
|
-
| Onboarding | `
|
|
66
|
+
| Onboarding | `Stepper` + `CheckList` |
|
|
67
67
|
| Search / commands | `CommandPalette` + `KeyboardShortcut` |
|
|
68
68
|
| Empty, loading, error | `EmptyState`, `Skeleton`, `ErrorState`, `Toast` |
|
|
69
69
|
| Expressive moment (onboarding, hero, success) | `@nexub/themes/vivid` + `data-expression="vivid"` on that area, `Aurora` behind the hero. One expressive moment per screen; keep dense tables and forms Calm |
|
|
@@ -18,7 +18,6 @@ Type-to-search input with matching options dropdown.
|
|
|
18
18
|
| `loading` | `boolean` | | Skeleton rows while options are being fetched (5.2); "Loading" is announced. |
|
|
19
19
|
| `inputValue` | `string` | | Controlled input text (5.1). |
|
|
20
20
|
| `onInputChange` | `(text: string) => void` | | Called as the user types, so you can fetch options (5.1). When set, options are shown as given, without built-in filtering. |
|
|
21
|
-
| `mode` | `'inline' \| 'popover'` | `'popover'` | Popover: a field whose list opens below it while typing (the default from 6.0). Inline keeps the list always visible, as in 5.x. Deprecated: `mode` and the inline layout are removed in 7.0. |
|
|
22
21
|
| `onCreate` | `(text: string) => void` | | Adds a "Create “text”" option when the text matches no option (5.2). |
|
|
23
22
|
| `aria-label` | `string` | | Accessible name of the field when it has no visible label. |
|
|
24
23
|
|
|
@@ -52,7 +51,7 @@ import { Autocomplete } from '@nexub/react';
|
|
|
52
51
|
export default function Example() {
|
|
53
52
|
return (
|
|
54
53
|
<div className="w-[260px]">
|
|
55
|
-
<Autocomplete
|
|
54
|
+
<Autocomplete options={[]} loading placeholder="Type to see the loading state" />
|
|
56
55
|
</div>
|
|
57
56
|
);
|
|
58
57
|
}
|
|
@@ -81,7 +80,7 @@ export default function Example() {
|
|
|
81
80
|
|
|
82
81
|
## Example: Fetch as you type
|
|
83
82
|
|
|
84
|
-
`
|
|
83
|
+
`onInputChange`: the app filters, the list shows skeleton rows while loading.
|
|
85
84
|
|
|
86
85
|
```tsx
|
|
87
86
|
'use client';
|
|
@@ -16,7 +16,7 @@ Layered content panels switched by tab triggers. Built on Radix UI Tabs.
|
|
|
16
16
|
## When not to use
|
|
17
17
|
|
|
18
18
|
- Global site navigation — use the sidebar or top nav
|
|
19
|
-
- Sequential steps in order — use
|
|
19
|
+
- Sequential steps in order — use Stepper
|
|
20
20
|
- Comparing content side-by-side — keep both views visible
|
|
21
21
|
- More than 5–7 tabs — consider a Select or sub-navigation
|
|
22
22
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Component index
|
|
2
2
|
|
|
3
|
-
Nexub DS
|
|
3
|
+
Nexub DS v7.0.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
|
|
@@ -230,10 +230,6 @@ Never use a component marked deprecated.
|
|
|
230
230
|
|
|
231
231
|
- [PlanCard](components/plan-card.md) `@nexub/patterns`: Pricing plan card with feature checklist, badge, and CTA button.
|
|
232
232
|
|
|
233
|
-
## Patterns — Navigation
|
|
234
|
-
|
|
235
|
-
- [StepIndicator](components/step-indicator.md) `@nexub/patterns` **(deprecated)**: Deprecated, removed in 7.0: use Stepper (orientation="vertical"). Visual progress indicator for multi-step flows.
|
|
236
|
-
|
|
237
233
|
## Patterns — People
|
|
238
234
|
|
|
239
235
|
- [UserCard](components/user-card.md) `@nexub/patterns`: User profile card displaying avatar, name, role, and optional actions.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Tokens
|
|
2
2
|
|
|
3
|
-
Nexub DS
|
|
3
|
+
Nexub DS v7.0.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": "
|
|
3
|
+
"version": "7.0.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",
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# StepIndicator
|
|
2
|
-
|
|
3
|
-
> **Deprecated.** Do not use in new code. Deprecated, removed in 7.0: use Stepper (orientation="vertical"). Visual progress indicator for multi-step flows.
|
|
4
|
-
|
|
5
|
-
- Package: `@nexub/patterns` · Category: Navigation · Status: deprecated
|
|
6
|
-
- Import: `import { StepIndicator } from '@nexub/patterns';`
|
|
7
|
-
- Docs: https://nexub-ds-docs.pages.dev/patterns/step-indicator
|
|
8
|
-
|
|
9
|
-
## Props
|
|
10
|
-
|
|
11
|
-
| Prop | Type | Default | Description |
|
|
12
|
-
| --- | --- | --- | --- |
|
|
13
|
-
| `steps` (required) | `StepIndicatorStep[]` | | Array of step definitions. |
|
|
14
|
-
| `currentStep` (required) | `number` | | Zero-based index of the active step. |
|
|
15
|
-
| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout direction. |
|
|
16
|
-
|
|
17
|
-
## Example: Default
|
|
18
|
-
|
|
19
|
-
```tsx
|
|
20
|
-
import { StepIndicator } from '@nexub/patterns';
|
|
21
|
-
|
|
22
|
-
export default function Example() {
|
|
23
|
-
return (
|
|
24
|
-
<StepIndicator
|
|
25
|
-
currentStep={1}
|
|
26
|
-
steps={[{ label: 'Account' }, { label: 'Profile' }, { label: 'Billing' }, { label: 'Done' }]}
|
|
27
|
-
/>
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
```
|