@nexub/mcp 4.0.0 → 4.2.0

package/dist/skill/SKILL.md

@@ -66,6 +66,7 @@ Starting points for typical SaaS screens:
 | Onboarding | `StepIndicator` + `CheckList` |
 | Search / commands | `CommandPalette` + `KeyboardShortcut` |
 | Empty, loading, error | `EmptyState`, `Skeleton`, `ErrorState`, `Toast` |
+| 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 |
 | White-label / customer brand | `<ThemeProvider seed="#hex">` (native: `<NexubNativeProvider seed>`), plus `createSeedStylesheet(seed)` from `@nexub/tokens/seed` rendered on the server so there is no flash. Never hand-pick brand hex for roles; try colours at nexub.design/foundations/theme-builder |
 | Marketing / landing page | `@nexub/marketing` under `data-mode="marketing"`: `MarketingNav`, `Hero`, `LogoStrip`, `StatBand`, `FeatureSplit`, `HowItWorks`, `ProductGrid`, `TestimonialGrid`, `PricingTable`, `FAQ`, `CTABand`, `MarketingFooter` |
 

package/dist/skill/references/components/aurora.md

@@ -0,0 +1,38 @@
+# Aurora
+
+A decorative background of slow-drifting colour fields from the accent roles. Subtle by default, richer under data-expression="vivid".
+
+- Package: `@nexub/react` · Category: Inline Primitives · Status: beta
+- Import: `import { Aurora } from '@nexub/react';`
+- Docs: https://nexub-ds-docs.pages.dev/components/aurora
+
+## Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `className` | `string` |  | Shape it to its container, e.g. `rounded-shape-container`. The parent needs `position: relative` and `isolate` so the aurora stays behind the content. |
+
+## Example: Behind a hero
+
+```tsx
+import { Aurora, Button, EyebrowChip } from '@nexub/react';
+
+export default function Example() {
+  return (
+    <div className="relative isolate flex w-full flex-col items-center gap-4 overflow-hidden rounded-shape-container px-6 py-14 text-center">
+      <Aurora />
+      <EyebrowChip>New</EyebrowChip>
+      <h3 className="m-0 text-headline-md text-[var(--color-on-surface)]">Your money, at a glance</h3>
+      <p className="m-0 max-w-[40ch] text-body-md text-[var(--color-on-surface)]">The colour follows your brand, theme and dark mode.</p>
+      <Button>Get started</Button>
+    </div>
+  );
+}
+```
+
+## Accessibility
+
+- Decorative: the whole layer is `aria-hidden`.
+- The fields stop drifting under reduced motion and the layer is hidden in forced-colours mode.
+
+Related: [text-gradient](text-gradient.md)

package/dist/skill/references/components/feature-split.md

@@ -32,7 +32,7 @@ export default function Example() {
         title="Pay your team on time, every time"
         description="Run payroll in minutes with tax and statutory filings handled for you."
         points={['CPF, EPF and BPJS filed for you', 'Payslips in every employee’s language', 'Approvals on your phone']}
-        visual={<Card variant="showcase" accent="payub" className="aspect-[4/3] w-full" aria-label="Payroll screenshot" />}
+        visual={<Card variant="showcase" accent="payub" className="aspect-[4/3] w-full" role="img" aria-label="Payroll screenshot" />}
       />
     </div>
   );

package/dist/skill/references/components/motion-reveal.md

@@ -20,7 +20,7 @@ import { Card, Reveal } from '@nexub/react';
 
 export default function Example() {
   return (
-    <div data-mode="marketing" className="flex h-64 w-full flex-col gap-6 overflow-y-auto p-2">
+    <div data-mode="marketing" role="region" aria-label="Reveal demo" tabIndex={0} className="flex h-64 w-full flex-col gap-6 overflow-y-auto p-2">
       <p className="m-0 shrink-0 pb-40 text-body-md text-[var(--color-on-surface-variant)]">Scroll down</p>
       {[1, 2, 3].map((n) => (
         <Reveal key={n} className="shrink-0">

package/dist/skill/references/components.md

@@ -1,6 +1,6 @@
 # Component index
 
-Nexub DS v4.0.0. Open `components/<slug>.md` for props, examples and accessibility notes.
+Nexub DS v4.2.0. Open `components/<slug>.md` for props, examples and accessibility notes.
 Never use a component marked deprecated.
 
 ## Components — Actions
@@ -80,6 +80,7 @@ Never use a component marked deprecated.
 
 ## Components — Inline Primitives
 
+- [Aurora](components/aurora.md) `@nexub/react`: A decorative background of slow-drifting colour fields from the accent roles. Subtle by default, richer under data-expression="vivid".
 - [Code](components/code-inline.md) `@nexub/react`: Inline code span for technical terms and short code snippets.
 - [Kbd](components/kbd.md) `@nexub/react`: Keyboard key display — renders a styled <kbd> element.
 - [Link](components/link.md) `@nexub/react`: Styled anchor link with variant and external support.

package/dist/skill/references/tokens.md

@@ -1,6 +1,6 @@
 # Tokens
 
-Nexub DS v4.0.0. Every token is a CSS custom property from `@nexub/tokens/css` (loaded by `@nexub/themes/base`).
+Nexub DS v4.2.0. Every token is a CSS custom property from `@nexub/tokens/css` (loaded by `@nexub/themes/base`).
 The Tailwind preset (`@nexub/tokens/tailwind`) maps them to utilities. Never hardcode a hex, px spacing or shadow that a token covers.
 
 ## Color roles

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/mcp",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "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.",
   "type": "module",
   "license": "MIT",