@vadimcomanescu/nadicode-design-system 2.0.5 → 2.0.7
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/.agents/skills/seed/contract.md +1 -0
- package/.agents/skills/seed/recipes/marketing-shell.md +10 -19
- package/.agents/skills/seed/recipes/navigation-shell.md +5 -5
- package/.agents/skills/seed/recipes/service-detail.md +1 -1
- package/.agents/skills/seed/references/blocks.md +25 -24
- package/.agents/skills/seed/references/brand-override.md +3 -1
- package/css/tokens.css +300 -122
- package/dist/catalog.json +1926 -125
- package/dist/chunk-2BADJLMV.js +117 -0
- package/dist/chunk-35EX5FP5.js +106 -0
- package/dist/chunk-5PORR6LE.js +60 -0
- package/dist/chunk-5PZ4VR2D.js +142 -0
- package/dist/chunk-5UESKK6S.js +76 -0
- package/dist/chunk-6N6CSJVE.js +269 -0
- package/dist/chunk-AURJQZC4.js +110 -0
- package/dist/{chunk-DF47R6LN.js → chunk-AWIG4QN6.js} +9 -9
- package/dist/chunk-AYWL4IYM.js +67 -0
- package/dist/{chunk-SV3KZ6CB.js → chunk-DSMGCFMJ.js} +7 -2
- package/dist/chunk-E4L6LR6P.js +33 -0
- package/dist/chunk-EJNF6JLL.js +105 -0
- package/dist/chunk-FX23F33E.js +57 -0
- package/dist/chunk-GJPTPLCQ.js +52 -0
- package/dist/chunk-GV4PKHG4.js +147 -0
- package/dist/chunk-HJ3A2YNO.js +163 -0
- package/dist/chunk-HJZRSPWB.js +38 -0
- package/dist/chunk-IDKZEPWK.js +133 -0
- package/dist/chunk-K7NQ6ZAW.js +84 -0
- package/dist/chunk-LCKLZ4XK.js +60 -0
- package/dist/chunk-MX5FUFQR.js +205 -0
- package/dist/chunk-NEHCPO53.js +44 -0
- package/dist/chunk-OHOOQUVJ.js +113 -0
- package/dist/chunk-QIHA7S3A.js +36 -0
- package/dist/chunk-RKQPU75I.js +126 -0
- package/dist/chunk-RMLS2QUC.js +77 -0
- package/dist/chunk-TS2JSPQR.js +120 -0
- package/dist/chunk-TUKZKU72.js +110 -0
- package/dist/chunk-TZXZFSD2.js +33 -0
- package/dist/chunk-UGV45DH3.js +18 -0
- package/dist/chunk-VBZQ4DBE.js +52 -0
- package/dist/{chunk-LQLFA2EL.js → chunk-VDONTZZX.js} +2 -2
- package/dist/{chunk-RWNJ54CI.js → chunk-VN475YZS.js} +1 -1
- package/dist/chunk-VZCB4APK.js +94 -0
- package/dist/chunk-W7FXDRQJ.js +94 -0
- package/dist/chunk-WAVU744B.js +183 -0
- package/dist/{chunk-5I3FWRC5.js → chunk-WOYBVPXK.js} +10 -10
- package/dist/chunk-WST5NLLC.js +73 -0
- package/dist/chunk-X6VXWEDO.js +125 -0
- package/dist/chunk-ZM2NODUK.js +39 -0
- package/dist/components/blocks/AccountLockedBlock.js +7 -57
- package/dist/components/blocks/ActivityFeedBlock.js +6 -39
- package/dist/components/blocks/AgentConversationBlock.js +5 -33
- package/dist/components/blocks/AudioVisualizerBlock.d.ts +1 -1
- package/dist/components/blocks/AudioVisualizerBlock.js +2 -2
- package/dist/components/blocks/AuthSuccessBlock.js +5 -60
- package/dist/components/blocks/BarChartBlock.d.ts +1 -1
- package/dist/components/blocks/BarChartBlock.js +2 -2
- package/dist/components/blocks/CallToActionBlock.d.ts +1 -1
- package/dist/components/blocks/CallToActionBlock.js +6 -52
- package/dist/components/blocks/ChangelogBlock.js +8 -105
- package/dist/components/blocks/ChartCollectionBlock.js +2 -2
- package/dist/components/blocks/CodeBlock.js +7 -60
- package/dist/components/blocks/ComparisonBlock.js +9 -94
- package/dist/components/blocks/ContactBlock.js +11 -120
- package/dist/components/blocks/FAQBlock.js +6 -44
- package/dist/components/blocks/FeatureBlock.d.ts +10 -14
- package/dist/components/blocks/FeatureBlock.js +17 -159
- package/dist/components/blocks/FeatureGridBlock.d.ts +1 -1
- package/dist/components/blocks/FeatureGridBlock.js +2 -2
- package/dist/components/blocks/FooterBlock.d.ts +2 -2
- package/dist/components/blocks/FooterBlock.js +11 -67
- package/dist/components/blocks/HeaderBlock.d.ts +2 -2
- package/dist/components/blocks/HeaderBlock.js +1 -1
- package/dist/components/blocks/HeatmapChartBlock.d.ts +1 -1
- package/dist/components/blocks/HeatmapChartBlock.js +1 -1
- package/dist/components/blocks/HeroBlock.d.ts +6 -3
- package/dist/components/blocks/HeroBlock.js +16 -199
- package/dist/components/blocks/HeroSectionBlock.d.ts +1 -1
- package/dist/components/blocks/HeroSectionBlock.js +4 -4
- package/dist/components/blocks/IntegrationsBlock.d.ts +1 -1
- package/dist/components/blocks/IntegrationsBlock.js +4 -4
- package/dist/components/blocks/InteractiveAreaChartBlock.d.ts +1 -1
- package/dist/components/blocks/InteractiveAreaChartBlock.js +2 -2
- package/dist/components/blocks/NewsletterBlock.js +11 -84
- package/dist/components/blocks/PasswordRecoveryBlock.js +14 -142
- package/dist/components/blocks/PricingBlock.d.ts +1 -1
- package/dist/components/blocks/PricingBlock.js +11 -110
- package/dist/components/blocks/ProcessFlowBlock.js +10 -77
- package/dist/components/blocks/ResetPasswordBlock.js +11 -125
- package/dist/components/blocks/SignUpBlock.d.ts +1 -1
- package/dist/components/blocks/SignUpBlock.js +2 -2
- package/dist/components/blocks/SocialProofBlock.d.ts +7 -11
- package/dist/components/blocks/SocialProofBlock.js +8 -107
- package/dist/components/blocks/StatsBlock.d.ts +1 -1
- package/dist/components/blocks/StatsBlock.js +2 -2
- package/dist/components/blocks/StatsMarketingBlock.d.ts +1 -1
- package/dist/components/blocks/StatsMarketingBlock.js +5 -36
- package/dist/components/blocks/TeamBlock.d.ts +1 -1
- package/dist/components/blocks/TeamBlock.js +4 -52
- package/dist/components/blocks/TestimonialsBlock.d.ts +1 -1
- package/dist/components/blocks/TestimonialsBlock.js +4 -133
- package/dist/components/blocks/TwoFactorChallengeBlock.js +9 -94
- package/dist/components/blocks/TwoFactorSetupBlock.js +16 -183
- package/dist/components/blocks/UsageDonutBlock.d.ts +1 -1
- package/dist/components/blocks/UsageDonutBlock.js +2 -2
- package/dist/components/logos/index.js +2 -2
- package/dist/components/page-kits/AccountLockedPageKit.d.ts +10 -0
- package/dist/components/page-kits/AccountLockedPageKit.js +48 -0
- package/dist/components/page-kits/AgentsChatPageKit.d.ts +46 -0
- package/dist/components/page-kits/AgentsChatPageKit.js +289 -0
- package/dist/components/page-kits/AnalyticsPageKit.d.ts +49 -0
- package/dist/components/page-kits/AnalyticsPageKit.js +277 -0
- package/dist/components/page-kits/BlogContentPageKit.d.ts +64 -0
- package/dist/components/page-kits/BlogContentPageKit.js +296 -0
- package/dist/components/page-kits/CheckoutPageKit.d.ts +36 -0
- package/dist/components/page-kits/CheckoutPageKit.js +209 -0
- package/dist/components/page-kits/CompanySuitePageKit.d.ts +25 -0
- package/dist/components/page-kits/CompanySuitePageKit.js +240 -0
- package/dist/components/page-kits/CrudFormPageKit.d.ts +54 -0
- package/dist/components/page-kits/CrudFormPageKit.js +138 -0
- package/dist/components/page-kits/CrudListDetailPageKit.d.ts +70 -0
- package/dist/components/page-kits/CrudListDetailPageKit.js +138 -0
- package/dist/components/page-kits/DashboardPageKit.d.ts +39 -0
- package/dist/components/page-kits/DashboardPageKit.js +284 -0
- package/dist/components/page-kits/ErrorPageKit.d.ts +22 -0
- package/dist/components/page-kits/ErrorPageKit.js +55 -0
- package/dist/components/page-kits/KanbanBoardPageKit.d.ts +31 -0
- package/dist/components/page-kits/KanbanBoardPageKit.js +305 -0
- package/dist/components/page-kits/LandingPageKit.d.ts +29 -0
- package/dist/components/page-kits/LandingPageKit.js +221 -0
- package/dist/components/page-kits/LoginPageKit.d.ts +16 -0
- package/dist/components/page-kits/LoginPageKit.js +43 -0
- package/dist/components/page-kits/MarketingShellPageKit.d.ts +21 -0
- package/dist/components/page-kits/MarketingShellPageKit.js +131 -0
- package/dist/components/page-kits/NavigationShellPageKit.d.ts +41 -0
- package/dist/components/page-kits/NavigationShellPageKit.js +132 -0
- package/dist/components/page-kits/OnboardingPageKit.d.ts +26 -0
- package/dist/components/page-kits/OnboardingPageKit.js +248 -0
- package/dist/components/page-kits/PricingPageKit.d.ts +41 -0
- package/dist/components/page-kits/PricingPageKit.js +279 -0
- package/dist/components/page-kits/ProfileSettingsPageKit.d.ts +50 -0
- package/dist/components/page-kits/ProfileSettingsPageKit.js +171 -0
- package/dist/components/page-kits/RecoveryPageKit.d.ts +17 -0
- package/dist/components/page-kits/RecoveryPageKit.js +58 -0
- package/dist/components/page-kits/ResetPageKit.d.ts +14 -0
- package/dist/components/page-kits/ResetPageKit.js +52 -0
- package/dist/components/page-kits/ServiceSuitePageKit.d.ts +25 -0
- package/dist/components/page-kits/ServiceSuitePageKit.js +320 -0
- package/dist/components/page-kits/SettingsPageKit.d.ts +27 -0
- package/dist/components/page-kits/SettingsPageKit.js +11 -0
- package/dist/components/page-kits/SignupPageKit.d.ts +15 -0
- package/dist/components/page-kits/SignupPageKit.js +41 -0
- package/dist/components/page-kits/SuccessPageKit.d.ts +15 -0
- package/dist/components/page-kits/SuccessPageKit.js +146 -0
- package/dist/components/page-kits/TeamSettingsPageKit.d.ts +50 -0
- package/dist/components/page-kits/TeamSettingsPageKit.js +297 -0
- package/dist/components/page-kits/TwoFactorPageKit.d.ts +16 -0
- package/dist/components/page-kits/TwoFactorPageKit.js +156 -0
- package/dist/components/page-kits/VerifyEmailPageKit.d.ts +15 -0
- package/dist/components/page-kits/VerifyEmailPageKit.js +146 -0
- package/dist/components/page-kits/VoiceAgentsPageKit.d.ts +35 -0
- package/dist/components/page-kits/VoiceAgentsPageKit.js +246 -0
- package/dist/components/ui/AudioWaveform.js +2 -76
- package/dist/components/ui/AvatarUpload.js +1 -1
- package/dist/components/ui/Breadcrumb.js +4 -106
- package/dist/components/ui/ChartCard.js +5 -38
- package/dist/components/ui/CheckoutFormDemo.js +5 -6
- package/dist/components/ui/DataFreshness.js +2 -73
- package/dist/components/ui/MouseEffect.js +1 -1
- package/dist/components/ui/NativeSelect.js +2 -18
- package/dist/components/ui/Pagination.js +6 -117
- package/dist/components/ui/ShaderBackground.js +2 -2
- package/dist/hooks/use-shader-preset.js +2 -2
- package/dist/lib/shader-presets.js +1 -1
- package/dist/lib/tokens.config.d.ts +19 -0
- package/package.json +793 -681
- package/scripts/ds-check.mjs +10 -2
- package/src/lib/tokens.config.js +63 -41
|
@@ -10,6 +10,7 @@ Binary rules for consumer apps using the Seed Design System. Every rule is non-n
|
|
|
10
10
|
## Component Catalog
|
|
11
11
|
|
|
12
12
|
Read catalog.json (shipped in the package under dist/) for the authoritative list of components, variant names, props, and tiers. Verify component names and variant values against the catalog. Do not guess variant names or prop values.
|
|
13
|
+
Registry digest: `sha256:846b7fa00edb97eefbbb984ef6dd56701203babb774df02e11d2ae3bf93c195e`
|
|
13
14
|
|
|
14
15
|
## Import Rules
|
|
15
16
|
|
|
@@ -37,32 +37,26 @@ Shared marketing layout providing scroll-aware header, main content area, and fo
|
|
|
37
37
|
```tsx
|
|
38
38
|
import { HeaderBlock } from '@vadimcomanescu/nadicode-design-system/header-block'
|
|
39
39
|
import { FooterBlock } from '@vadimcomanescu/nadicode-design-system/footer-block'
|
|
40
|
-
import { Logo } from '@vadimcomanescu/nadicode-design-system/logo'
|
|
41
|
-
import { Button } from '@vadimcomanescu/nadicode-design-system/button'
|
|
42
|
-
import { ThemeToggle } from '@vadimcomanescu/nadicode-design-system/theme-toggle'
|
|
43
40
|
|
|
44
41
|
const navLinks = [
|
|
45
|
-
{
|
|
46
|
-
{
|
|
47
|
-
{
|
|
48
|
-
{
|
|
42
|
+
{ name: 'Services', href: '/services' },
|
|
43
|
+
{ name: 'About', href: '/about' },
|
|
44
|
+
{ name: 'Pricing', href: '/pricing' },
|
|
45
|
+
{ name: 'Contact', href: '/contact' },
|
|
49
46
|
]
|
|
50
47
|
|
|
51
48
|
export default function MarketingLayout({ children }: { children: React.ReactNode }) {
|
|
52
49
|
return (
|
|
53
50
|
<div className="flex min-h-screen flex-col bg-background">
|
|
54
51
|
<HeaderBlock
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<Button>Get Started</Button>
|
|
61
|
-
</div>
|
|
62
|
-
}
|
|
52
|
+
menuItems={navLinks}
|
|
53
|
+
loginLabel="Contact Sales"
|
|
54
|
+
signUpLabel="Get Started"
|
|
55
|
+
loginHref="/contact"
|
|
56
|
+
signUpHref="/signup"
|
|
63
57
|
/>
|
|
64
58
|
<main className="flex-1">{children}</main>
|
|
65
|
-
<FooterBlock
|
|
59
|
+
<FooterBlock />
|
|
66
60
|
</div>
|
|
67
61
|
)
|
|
68
62
|
}
|
|
@@ -94,9 +88,6 @@ REDUCED MOTION: Header visible immediately, no blur transition
|
|
|
94
88
|
|-----------|-------------|---------|
|
|
95
89
|
| `HeaderBlock` | `@vadimcomanescu/nadicode-design-system/header-block` | Site navigation with glass blur |
|
|
96
90
|
| `FooterBlock` | `@vadimcomanescu/nadicode-design-system/footer-block` | Site footer |
|
|
97
|
-
| `Logo` | `@vadimcomanescu/nadicode-design-system/logo` | Brand logo |
|
|
98
|
-
| `Button` | `@vadimcomanescu/nadicode-design-system/button` | Header CTA |
|
|
99
|
-
| `ThemeToggle` | `@vadimcomanescu/nadicode-design-system/theme-toggle` | Light/dark mode switch |
|
|
100
91
|
|
|
101
92
|
### Allowed (optional)
|
|
102
93
|
|
|
@@ -76,13 +76,13 @@ import {
|
|
|
76
76
|
SidebarMenuSubButton,
|
|
77
77
|
} from '@vadimcomanescu/nadicode-design-system/sidebar'
|
|
78
78
|
import { NavUser } from '@vadimcomanescu/nadicode-design-system/nav-user'
|
|
79
|
-
import { AppBreadcrumb } from '
|
|
80
|
-
import { AppSearch } from '
|
|
81
|
-
import { WorkspaceSwitcher } from '
|
|
79
|
+
import { AppBreadcrumb } from '@/components/blocks/AppBreadcrumb'
|
|
80
|
+
import { AppSearch } from '@/components/blocks/AppSearch'
|
|
81
|
+
import { WorkspaceSwitcher } from '@/components/blocks/WorkspaceSwitcher'
|
|
82
82
|
import { ThemeToggle } from '@vadimcomanescu/nadicode-design-system/theme-toggle'
|
|
83
83
|
import { Button } from '@vadimcomanescu/nadicode-design-system/button'
|
|
84
84
|
import { BellIcon } from '@vadimcomanescu/nadicode-design-system/icons/bell'
|
|
85
|
-
import {
|
|
85
|
+
import { LayoutDashboardIcon } from '@vadimcomanescu/nadicode-design-system/icons/layout-dashboard'
|
|
86
86
|
import { ChartBarIcon } from '@vadimcomanescu/nadicode-design-system/icons/chart-bar'
|
|
87
87
|
import { BotIcon } from '@vadimcomanescu/nadicode-design-system/icons/bot'
|
|
88
88
|
import { UsersIcon } from '@vadimcomanescu/nadicode-design-system/icons/users'
|
|
@@ -92,7 +92,7 @@ const NAV_ITEMS = [
|
|
|
92
92
|
{
|
|
93
93
|
group: 'Main',
|
|
94
94
|
items: [
|
|
95
|
-
{ label: 'Dashboard', href: '/dashboard', icon:
|
|
95
|
+
{ label: 'Dashboard', href: '/dashboard', icon: LayoutDashboardIcon },
|
|
96
96
|
{ label: 'Analytics', href: '/analytics', icon: ChartBarIcon },
|
|
97
97
|
{
|
|
98
98
|
label: 'Agents',
|
|
@@ -231,7 +231,7 @@ REDUCED MOTION: All items visible immediately, opacity 0->1 in 10ms
|
|
|
231
231
|
| `Badge` | `@vadimcomanescu/nadicode-design-system/badge` | Category tag |
|
|
232
232
|
| `Typography` | `@vadimcomanescu/nadicode-design-system/typography` | Headings, body text |
|
|
233
233
|
| `ScrollFadeIn` | `@vadimcomanescu/nadicode-design-system/scroll-fade-in` | Below-fold animations |
|
|
234
|
-
| `
|
|
234
|
+
| `FeatureGridBlock` | `@vadimcomanescu/nadicode-design-system/feature-grid-block` | Product/service showcase |
|
|
235
235
|
|
|
236
236
|
### Allowed (optional)
|
|
237
237
|
|
|
@@ -23,29 +23,29 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
23
23
|
| Block | Purpose | Key Props |
|
|
24
24
|
| --- | --- | --- |
|
|
25
25
|
| AgentProfileGridBlock | Agent/worker profile card grid ("Meet your AI team") | `title`, `description`, `agents`, `columns` |
|
|
26
|
-
| CallToActionBlock | Call-to-action section |
|
|
26
|
+
| CallToActionBlock | Call-to-action section | `title`, `description`, `primaryAction`, `secondaryAction` |
|
|
27
27
|
| ComparisonBlock | Side-by-side feature comparison | `plans`, `title`, `description` |
|
|
28
28
|
| FAQBlock | FAQ accordion | `items`, `title`, `description` |
|
|
29
|
-
| FeatureBlock | Single feature showcase |
|
|
30
|
-
| FeatureGridBlock | Multi-feature grid layout |
|
|
31
|
-
| HeroBlock | Full hero with gradient text |
|
|
32
|
-
| HeroSectionBlock | Alternate hero layout |
|
|
29
|
+
| FeatureBlock | Single feature showcase | `variant`, `badge`, `title`, `description`, `features` |
|
|
30
|
+
| FeatureGridBlock | Multi-feature grid layout | `title`, `description`, `features` |
|
|
31
|
+
| HeroBlock | Full hero with gradient text | `variant`, `headline`, `subheadline`, `primaryAction`, `secondaryAction`, `announcement` |
|
|
32
|
+
| HeroSectionBlock | Alternate hero layout | `headline`, `flipWords`, `primaryAction`, `secondaryAction`, `logos` |
|
|
33
33
|
| LogoCloud | Partner/client logo grid | `title`, `logos` |
|
|
34
|
-
| PricingBlock | Pricing cards comparison |
|
|
34
|
+
| PricingBlock | Pricing cards comparison | `title`, `description`, `plans`, `showBillingToggle` |
|
|
35
35
|
| ProcessFlowBlock | "How it works" numbered step sequence | `title`, `description`, `badge`, `steps` |
|
|
36
|
-
| SocialProofBlock | Social proof metrics/logos |
|
|
36
|
+
| SocialProofBlock | Social proof metrics/logos | `variant`, `logos`, `title`, `testimonials` |
|
|
37
37
|
| SolutionShowcaseBlock | Problem -> Solution -> Output narrative with color-coded arc | `title`, `description`, `badge`, `sections` |
|
|
38
|
-
| StatsMarketingBlock | Marketing statistics display |
|
|
39
|
-
| TestimonialsBlock | Customer testimonial carousel/grid |
|
|
38
|
+
| StatsMarketingBlock | Marketing statistics display | `title`, `description`, `stats` |
|
|
39
|
+
| TestimonialsBlock | Customer testimonial carousel/grid | `title`, `description`, `testimonials` |
|
|
40
40
|
|
|
41
41
|
## Navigation
|
|
42
42
|
|
|
43
43
|
| Block | Purpose | Key Props |
|
|
44
44
|
| --- | --- | --- |
|
|
45
45
|
| BannerBlock | Top-of-page promotional banner | `variant`, `dismissible`, `onDismiss` |
|
|
46
|
-
| FooterBlock | Site footer with link columns |
|
|
47
|
-
| HeaderBlock | Site header with nav links |
|
|
48
|
-
| NavUser | Sidebar user menu with dropdown | `user`, `
|
|
46
|
+
| FooterBlock | Site footer with link columns | `brandDescription`, `newsletterPlaceholder`, `productLinks`, `companyLinks`, `legalLinks`, `socialIcons` |
|
|
47
|
+
| HeaderBlock | Site header with nav links | `menuItems`, `loginLabel`, `signUpLabel`, `loginHref`, `signUpHref` |
|
|
48
|
+
| NavUser | Sidebar user menu with dropdown | `user`, `items`, `footer` |
|
|
49
49
|
| NotFoundBlock | 404 page content | `title`, `description`, `backHref`, `backLabel` |
|
|
50
50
|
|
|
51
51
|
## Dashboard & Data
|
|
@@ -53,15 +53,15 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
53
53
|
| Block | Purpose | Key Props |
|
|
54
54
|
| --- | --- | --- |
|
|
55
55
|
| ActivityFeedBlock | Activity/event timeline | `activities`, `title` |
|
|
56
|
-
| BarChartBlock | Pre-configured bar chart |
|
|
56
|
+
| BarChartBlock | Pre-configured bar chart | `data`, `config`, `title`, `description` |
|
|
57
57
|
| ChartBlock | Single chart container | `data`, `config`, `title`, `description` |
|
|
58
58
|
| ChartCollectionBlock | Multiple chart grid | - |
|
|
59
|
-
| CodeBlock | Syntax-highlighted code display |
|
|
59
|
+
| CodeBlock | Syntax-highlighted code display | `code`, `language`, `filename` |
|
|
60
60
|
| DataGridBlock | Data grid/table block | `data`, `columns`, `title`, `description` |
|
|
61
|
-
| HeatmapChartBlock | Heatmap visualization |
|
|
62
|
-
| InteractiveAreaChartBlock | Zoomable/interactive area chart |
|
|
63
|
-
| StatsBlock | KPI statistics cards |
|
|
64
|
-
| UsageDonutBlock | Usage/quota donut chart |
|
|
61
|
+
| HeatmapChartBlock | Heatmap visualization | `data`, `config`, `title`, `description` |
|
|
62
|
+
| InteractiveAreaChartBlock | Zoomable/interactive area chart | `data`, `config`, `title`, `description`, `timeRanges` |
|
|
63
|
+
| StatsBlock | KPI statistics cards | `stats` |
|
|
64
|
+
| UsageDonutBlock | Usage/quota donut chart | `data`, `config`, `title`, `description`, `centerLabel` |
|
|
65
65
|
|
|
66
66
|
## Application
|
|
67
67
|
|
|
@@ -72,7 +72,7 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
72
72
|
| ContactBlock | Contact form | `onSubmit`, `title`, `description`, `namePlaceholder`, `emailPlaceholder`, `messagePlaceholder`, `successTitle`, `submitLabel` |
|
|
73
73
|
| CreateBlock | Entity creation form | `title`, `description`, `submitLabel`, `onSubmit` |
|
|
74
74
|
| DirectoryBlock | User/item directory with search | `navItems`, `projects` |
|
|
75
|
-
| IntegrationsBlock | Integration marketplace grid |
|
|
75
|
+
| IntegrationsBlock | Integration marketplace grid | `title`, `description`, `integrations` |
|
|
76
76
|
| KanbanDemoBlock | Kanban board demo with sample data | - |
|
|
77
77
|
| OnboardingBlock | Multi-step onboarding wizard | `steps`, `title`, `onToggle` |
|
|
78
78
|
| SettingsLayout | Settings page with nav sidebar | `links`, `title`, `subtitle`, `defaultActive`, `renderContent` |
|
|
@@ -82,7 +82,7 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
82
82
|
|
|
83
83
|
| Block | Purpose | Key Props |
|
|
84
84
|
| --- | --- | --- |
|
|
85
|
-
| AudioVisualizerBlock | Audio visualization display |
|
|
85
|
+
| AudioVisualizerBlock | Audio visualization display | `bars`, `isPlaying` |
|
|
86
86
|
| GalleryBlock | Image/media gallery grid | `images`, `columns`, `title` |
|
|
87
87
|
| NewsletterBlock | Email newsletter signup | `onSubscribe`, `title`, `description` |
|
|
88
88
|
|
|
@@ -90,7 +90,8 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
90
90
|
|
|
91
91
|
| Block | Purpose | Key Props |
|
|
92
92
|
| --- | --- | --- |
|
|
93
|
-
|
|
|
93
|
+
| InviteUserModal | Invite teammate modal with role selection | `onInvite`, `onInvited` |
|
|
94
|
+
| TeamBlock | Team members grid with roles/avatars | `title`, `sections` |
|
|
94
95
|
|
|
95
96
|
## AI/Voice
|
|
96
97
|
|
|
@@ -102,9 +103,9 @@ Run `npm run docs:inventory` for the current filesystem-backed list.
|
|
|
102
103
|
|
|
103
104
|
| Block | Purpose | Key Props |
|
|
104
105
|
| --- | --- | --- |
|
|
105
|
-
| AgentConversationBlock | Agent conversation UI (messages, tool calls, thinking) |
|
|
106
|
-
| AgentRunOverviewBlock | Agent run summary with status, duration, and output |
|
|
107
|
-
| AgentWorkbenchBlock | Agent workbench layout with tool panels and conversation |
|
|
106
|
+
| AgentConversationBlock | Agent conversation UI (messages, tool calls, thinking) | `messages` |
|
|
107
|
+
| AgentRunOverviewBlock | Agent run summary with status, duration, and output | `title`, `description`, `teamTitle`, `metricsTitle`, `contextTitle`, `workflow`, `agents`, `metrics`, `context` |
|
|
108
|
+
| AgentWorkbenchBlock | Agent workbench layout with tool panels and conversation | `title`, `description`, `threadTitle`, `workTitle`, `defaultWorkTab`, `messages`, `artifacts`, `diffs`, `logs`, `composer` |
|
|
108
109
|
|
|
109
110
|
## Usage Pattern
|
|
110
111
|
|
|
@@ -72,7 +72,9 @@ Typical brand-facing variables include:
|
|
|
72
72
|
| Border colors | `--color-border`, `--color-border-hover`, `--color-border-subtle` |
|
|
73
73
|
| Action colors | `--color-primary`, `--color-primary-foreground`, `--color-secondary`, `--color-accent`, `--color-accent-foreground` |
|
|
74
74
|
| Status colors | `--color-success`, `--color-warning`, `--color-info`, `--color-destructive` |
|
|
75
|
-
| Optional data viz colors | `--chart-1` through `--chart-6
|
|
75
|
+
| Optional data viz colors | `--chart-1` through `--chart-6` |
|
|
76
|
+
|
|
77
|
+
Sidebar color tokens (`--sidebar-background`, `--sidebar-foreground`, etc.) derive automatically from semantic tokens via `var()` aliases. Override them in `seed-palette.css` only if the sidebar needs to differ from the main palette.
|
|
76
78
|
|
|
77
79
|
If a token is not a color token, treat it as upstream-managed unless the DS explicitly broadens the contract.
|
|
78
80
|
|