docs: update portal for WRNexusJS 0.5.12

This commit is contained in:
2026-07-30 19:13:42 +05:30
parent 9f10fff4bb
commit e70b92a50a
82 changed files with 3808 additions and 888 deletions
+76 -76
View File
@@ -1,5 +1,5 @@
{
"version": "0.5.11",
"version": "0.5.12",
"status": "private-developer-preview",
"generatedAt": "2026-07-13",
"documents": [
@@ -7,511 +7,511 @@
"url": "/",
"title": "WRNexusJS",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/access",
"title": "access",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/getting-started",
"title": "getting started",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/tutorial",
"title": "tutorial",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/architecture",
"title": "architecture",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/language",
"title": "language",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages",
"title": "packages",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/project-structure",
"title": "project structure",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/routing",
"title": "routing",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/pages-and-components",
"title": "pages and components",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/server-data",
"title": "server data",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/api-routes",
"title": "api routes",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/middleware",
"title": "middleware",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/forms-and-validation",
"title": "forms and validation",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/authentication",
"title": "authentication",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/authorization",
"title": "authorization",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/security",
"title": "security",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/database",
"title": "database",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/uploads",
"title": "uploads",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/realtime",
"title": "realtime",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/pubsub",
"title": "pubsub",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/queues",
"title": "queues",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "experimental"
},
{
"url": "/guides/testing",
"title": "testing",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/workspaces-and-gateway",
"title": "workspaces and gateway",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/deployment",
"title": "deployment",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/configuration-and-profiles",
"title": "configuration and profiles",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/i18n-and-themes",
"title": "i18n and themes",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/mobile",
"title": "mobile",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "experimental"
},
{
"url": "/guides/observability",
"title": "observability",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/upgrading",
"title": "upgrading",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/guides/troubleshooting",
"title": "troubleshooting",
"section": "guide",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/examples",
"title": "examples",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/showcase",
"title": "showcase",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/benchmarks",
"title": "benchmarks",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/roadmap",
"title": "roadmap",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/changelog",
"title": "changelog",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/releases/0.5.11",
"title": "0.5.11",
"url": "/releases/0.5.12",
"title": "0.5.12",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/security",
"title": "security",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/support",
"title": "support",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/license",
"title": "license",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/search",
"title": "search",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/404",
"title": "404",
"section": "portal",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/ai",
"title": "ai",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/auth",
"title": "auth",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/authz",
"title": "authz",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/captcha",
"title": "captcha",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/cli",
"title": "cli",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/compiler",
"title": "compiler",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/core",
"title": "core",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/csr",
"title": "csr",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/db",
"title": "db",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/dev-server",
"title": "dev server",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/dev-toolbar",
"title": "dev toolbar",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/encryption",
"title": "encryption",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/helpers",
"title": "helpers",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/i18n",
"title": "i18n",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/jwt",
"title": "jwt",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/mobile",
"title": "mobile",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "experimental"
},
{
"url": "/packages/native",
"title": "native",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/oauth",
"title": "oauth",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/plugin",
"title": "plugin",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/pubsub",
"title": "pubsub",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/queue",
"title": "queue",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/reactive",
"title": "reactive",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/router",
"title": "router",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/ssr",
"title": "ssr",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/styles",
"title": "styles",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/syntax",
"title": "syntax",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/test",
"title": "test",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/tracking",
"title": "tracking",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/ui",
"title": "ui",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/uploader",
"title": "uploader",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
},
{
"url": "/packages/validation",
"title": "validation",
"section": "package",
"version": "0.5.11",
"version": "0.5.12",
"stability": "preview"
}
]
+3032 -291
View File
File diff suppressed because it is too large Load Diff
+205 -43
View File
@@ -1,4 +1,4 @@
# WRNexusJS documentation 0.5.11
# WRNexusJS documentation 0.5.12
Status: Private Developer Preview. This site documents 31 release-aligned packages.
@@ -289,193 +289,193 @@ wrnexus eject <component> # copy a Wire UI component's .wrn into app/compone
## @wrnexus/ai
- @wrnexus/ai 0.5.11
- @wrnexus/ai 0.5.12
- Documentation: https://wrnexusjs.dev/packages/ai
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/auth
- @wrnexus/auth 0.5.11
- @wrnexus/auth 0.5.12
- Documentation: https://wrnexusjs.dev/packages/auth
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/authz
- @wrnexus/authz 0.5.11
- @wrnexus/authz 0.5.12
- Documentation: https://wrnexusjs.dev/packages/authz
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/captcha
- @wrnexus/captcha 0.5.11
- @wrnexus/captcha 0.5.12
- Documentation: https://wrnexusjs.dev/packages/captcha
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/cli
- @wrnexus/cli 0.5.11
- @wrnexus/cli 0.5.12
- Documentation: https://wrnexusjs.dev/packages/cli
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/compiler
- @wrnexus/compiler 0.5.11
- @wrnexus/compiler 0.5.12
- Documentation: https://wrnexusjs.dev/packages/compiler
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/core
- @wrnexus/core 0.5.11
- @wrnexus/core 0.5.12
- Documentation: https://wrnexusjs.dev/packages/core
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/csr
- @wrnexus/csr 0.5.11
- @wrnexus/csr 0.5.12
- Documentation: https://wrnexusjs.dev/packages/csr
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/db
- @wrnexus/db 0.5.11
- @wrnexus/db 0.5.12
- Documentation: https://wrnexusjs.dev/packages/db
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/dev-server
- @wrnexus/dev-server 0.5.11
- @wrnexus/dev-server 0.5.12
- Documentation: https://wrnexusjs.dev/packages/dev-server
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/dev-toolbar
- @wrnexus/dev-toolbar 0.5.11
- @wrnexus/dev-toolbar 0.5.12
- Documentation: https://wrnexusjs.dev/packages/dev-toolbar
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/encryption
- @wrnexus/encryption 0.5.11
- @wrnexus/encryption 0.5.12
- Documentation: https://wrnexusjs.dev/packages/encryption
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/helpers
- @wrnexus/helpers 0.5.11
- @wrnexus/helpers 0.5.12
- Documentation: https://wrnexusjs.dev/packages/helpers
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/i18n
- @wrnexus/i18n 0.5.11
- @wrnexus/i18n 0.5.12
- Documentation: https://wrnexusjs.dev/packages/i18n
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/jwt
- @wrnexus/jwt 0.5.11
- @wrnexus/jwt 0.5.12
- Documentation: https://wrnexusjs.dev/packages/jwt
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/mobile
- @wrnexus/mobile 0.5.11
- @wrnexus/mobile 0.5.12
- Documentation: https://wrnexusjs.dev/packages/mobile
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/native
- @wrnexus/native 0.5.11
- @wrnexus/native 0.5.12
- Documentation: https://wrnexusjs.dev/packages/native
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/oauth
- @wrnexus/oauth 0.5.11
- @wrnexus/oauth 0.5.12
- Documentation: https://wrnexusjs.dev/packages/oauth
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/plugin
- @wrnexus/plugin 0.5.11
- @wrnexus/plugin 0.5.12
- Documentation: https://wrnexusjs.dev/packages/plugin
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/pubsub
- @wrnexus/pubsub 0.5.11
- @wrnexus/pubsub 0.5.12
- Documentation: https://wrnexusjs.dev/packages/pubsub
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/queue
- @wrnexus/queue 0.5.11
- @wrnexus/queue 0.5.12
- Documentation: https://wrnexusjs.dev/packages/queue
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/reactive
- @wrnexus/reactive 0.5.11
- @wrnexus/reactive 0.5.12
- Documentation: https://wrnexusjs.dev/packages/reactive
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/router
- @wrnexus/router 0.5.11
- @wrnexus/router 0.5.12
- Documentation: https://wrnexusjs.dev/packages/router
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/ssr
- @wrnexus/ssr 0.5.11
- @wrnexus/ssr 0.5.12
- Documentation: https://wrnexusjs.dev/packages/ssr
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/styles
- @wrnexus/styles 0.5.11
- @wrnexus/styles 0.5.12
- Documentation: https://wrnexusjs.dev/packages/styles
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/syntax
- @wrnexus/syntax 0.5.11
- @wrnexus/syntax 0.5.12
- Documentation: https://wrnexusjs.dev/packages/syntax
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/test
- @wrnexus/test 0.5.11
- @wrnexus/test 0.5.12
- Documentation: https://wrnexusjs.dev/packages/test
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/tracking
- @wrnexus/tracking 0.5.11
- @wrnexus/tracking 0.5.12
- Documentation: https://wrnexusjs.dev/packages/tracking
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/ui
- @wrnexus/ui 0.5.11
- @wrnexus/ui 0.5.12
- Documentation: https://wrnexusjs.dev/packages/ui
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/uploader
- @wrnexus/uploader 0.5.11
- @wrnexus/uploader 0.5.12
- Documentation: https://wrnexusjs.dev/packages/uploader
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
## @wrnexus/validation
- @wrnexus/validation 0.5.11
- @wrnexus/validation 0.5.12
- Documentation: https://wrnexusjs.dev/packages/validation
- README and complete exported TypeScript API: https://wrnexusjs.dev/llms-full.txt
# UI component catalog
The installed @wrnexus/ui 0.5.11 release contains 90 documented components. The contracts below include every mount name, purpose, prop type, required/default status, slot, and event. Interactive examples live only on the dedicated component showcase.
The installed @wrnexus/ui 0.5.12 release contains 108 documented components. The contracts below include every mount name, purpose, prop type, required/default status, slot, and event. Interactive examples live only on the dedicated component showcase.
### Accordion
Showcase: https://component.wrnexusjs.dev/
@@ -522,6 +522,15 @@ Props: size: string = "default", color: string = "info", variant: string = "soft
Slots: none
Events: dismiss, action
### AnnouncementBar
Showcase: https://component.wrnexusjs.dev/
Mount: <AnnouncementBar /> (legacy: data-component="AnnouncementBar")
Category: blocks
Purpose: Accessible public announcement, emergency, maintenance, or status bar.
Props: badge: string = "", badgeIcon: string = "", message: string = "Announcement", description: string = "", icon: string = "icon-[lucide--megaphone]", actionLabel: string = "", actionHref: string = "", actionIcon: string = "", dismissible: boolean = false, dismissLabel: string = "Dismiss announcement", sticky: boolean = false, compact: boolean = false, size: string = "default", color: string = "primary", variant: string = "soft", role: string = "status", live: string = "polite", class: string = ""
Slots: none
Events: none
### AuthForm
Showcase: https://component.wrnexusjs.dev/
Mount: <AuthForm /> (legacy: data-component="AuthForm")
@@ -558,6 +567,15 @@ Props: items: string = [], size: string = "md", color: string = "primary", varia
Slots: none
Events: overflow
### BackToTop
Showcase: https://component.wrnexusjs.dev/
Mount: <BackToTop /> (legacy: data-component="BackToTop")
Category: navigation
Purpose: Accessible scroll-to-top control with visibility threshold.
Props: threshold: number = 500, label: string = "Back to top", ariaLabel: string = "Scroll back to top", icon: string = "icon-[lucide--arrow-up]", position: string = "right", offset: string = "md", behavior: string = "smooth", showProgress: boolean = false, size: string = "default", color: string = "primary", variant: string = "solid", class: string = ""
Slots: none
Events: none
### Badge
Showcase: https://component.wrnexusjs.dev/
Mount: <Badge /> (legacy: data-component="Badge")
@@ -645,7 +663,7 @@ Mount: <Checkbox /> (legacy: data-component="Checkbox")
Category: forms
Purpose: Theme-aware, responsive checkbox component.
Props: size: string = "default", color: string = "primary", id: string = "", name: string = "", label: string = "Checkbox", hiddenLabel: boolean = false, placeholder: string = "", variant: string = "normal", icon: string = "", iconPosition: string = "start", value: string = "on", values: string = [], options: string = [], checked: boolean = false, indeterminate: boolean = false, orientation: string = "vertical", card: boolean = false, rightAligned: boolean = false, list: boolean = false, helperText: string = "", cornerHint: string = "", error: string = "", inline: boolean = false, readonly: boolean = false, disabled: boolean = false, required: boolean = false, class: string = ""
Slots: none
Slots: default
Events: input, change, focus, blur, invalid
### Clipboard
@@ -729,6 +747,15 @@ Props: size: string = "default", color: string = "primary", label: string = "Cop
Slots: none
Events: copy, success, error
### CTASection
Showcase: https://component.wrnexusjs.dev/
Mount: <CTASection /> (legacy: data-component="CTASection")
Category: blocks
Purpose: Reusable closing call-to-action section with primary and secondary actions.
Props: eyebrow: string = "", title: string = "Ready to get started?", description: string = "", icon: string = "", align: string = "center", size: string = "default", color: string = "primary", variant: string = "solid", primaryLabel: string = "Get started", primaryHref: string = "#", primaryIcon: string = "", secondaryLabel: string = "", secondaryHref: string = "", secondaryIcon: string = "", backgroundImage: string = "", maxWidth: string = "xl", class: string = ""
Slots: default, actions, visual, footer
Events: none
### CustomScrollbar
Showcase: https://component.wrnexusjs.dev/
Mount: <CustomScrollbar /> (legacy: data-component="CustomScrollbar")
@@ -810,6 +837,33 @@ Props: size: string = "default", color: string = "primary", label: string = "Ope
Slots: trigger, header, footer
Events: toggle, open, close, select
### FeatureCard
Showcase: https://component.wrnexusjs.dev/
Mount: <FeatureCard /> (legacy: data-component="FeatureCard")
Category: blocks
Purpose: Reusable linked feature or service card with icon, badge, description, and action.
Props: icon: string = "", title: string = "Feature", description: string = "", href: string = "", actionLabel: string = "Learn more", actionIcon: string = "", badge: string = "", badgeColor: string = "primary", size: string = "default", color: string = "primary", variant: string = "default", hover: string = "lift", align: string = "left", disabled: boolean = false, class: string = ""
Slots: icon, default, footer
Events: none
### FeatureGrid
Showcase: https://component.wrnexusjs.dev/
Mount: <FeatureGrid /> (legacy: data-component="FeatureGrid")
Category: layout
Purpose: Responsive equal-height grid for feature and service cards.
Props: color: string = "primary", size: string = "default", columns: number = 3, tabletColumns: number = 2, mobileColumns: number = 1, gap: string = "md", minItemWidth: string = "", equalHeight: boolean = true, align: string = "stretch", maxWidth: string = "full", class: string = ""
Slots: default
Events: none
### FeatureIconCard
Showcase: https://component.wrnexusjs.dev/
Mount: <FeatureIconCard /> (legacy: data-component="FeatureIconCard")
Category: blocks
Purpose: Feature card with a prominent themed icon treatment.
Props: icon: string = "icon-[lucide--sparkles]", iconSize: string = "md", iconVariant: string = "soft", title: string = "Feature", description: string = "", href: string = "", actionLabel: string = "Explore", badge: string = "", size: string = "default", color: string = "primary", variant: string = "default", align: string = "left", hover: string = "lift", class: string = ""
Slots: default, footer
Events: none
### FileInput
Showcase: https://component.wrnexusjs.dev/
Mount: <FileInput /> (legacy: data-component="FileInput")
@@ -843,7 +897,7 @@ Mount: <Footer /> (legacy: data-component="Footer")
Category: navigation
Purpose: Responsive application footer with structured links and pre/post content slots.
Props: size: string = "default", color: string = "primary", label: string = "Footer navigation", items: string = [], columns: number = 3, maxWidth: string = "compact", copyright: string = "", class: string = ""
Slots: pre-footer, post-footer, copyright-left, copyright-right
Slots: pre-footer, copyright-left, copyright-right, post-footer
Events: select, action
### Grid
@@ -855,6 +909,24 @@ Props: size: string = "default", color: string = "primary", columns: number = 2,
Slots: default
Events: none
### Hero
Showcase: https://component.wrnexusjs.dev/
Mount: <Hero /> (legacy: data-component="Hero")
Category: blocks
Purpose: Reusable public-page hero with actions, trust items, badges, and visual slots.
Props: eyebrow: string = "", title: string = "Build something remarkable", highlight: string = "", description: string = "", align: string = "left", size: string = "default", color: string = "primary", variant: string = "default", primaryLabel: string = "", primaryHref: string = "", primaryIcon: string = "", secondaryLabel: string = "", secondaryHref: string = "", secondaryIcon: string = "", tertiaryLabel: string = "", tertiaryHref: string = "", badges: string = [], trustItems: string = [], maxWidth: string = "xl", class: string = ""
Slots: eyebrow, actions, trust, default, visual, footer
Events: none
### HeroActions
Showcase: https://component.wrnexusjs.dev/
Mount: <HeroActions /> (legacy: data-component="HeroActions")
Category: base
Purpose: Responsive action group for hero and call-to-action sections.
Props: actions: string = [], align: string = "left", orientation: string = "horizontal", stackOnMobile: boolean = true, fullWidthMobile: boolean = true, size: string = "default", color: string = "primary", class: string = ""
Slots: default
Events: none
### Image
Showcase: https://component.wrnexusjs.dev/
Mount: <Image /> (legacy: data-component="Image")
@@ -862,7 +934,7 @@ Category: layout
Purpose: Theme-aware, responsive image component.
Props: size: string = "default", color: string = "primary", src: string = "", alt: string = "", width: string = "", height: string = "", loading: string = "lazy", rounded: boolean = false, class: string = ""
Slots: default
Events: load, error
Events: none
### Input
Showcase: https://component.wrnexusjs.dev/
@@ -925,7 +997,7 @@ Category: layout
Purpose: Theme-aware, responsive link component.
Props: size: string = "default", color: string = "primary", label: string = "Link", href: string = "#", target: string = "", rel: string = "", external: boolean = false, class: string = ""
Slots: default
Events: click, focus, blur
Events: none
### List
Showcase: https://component.wrnexusjs.dev/
@@ -934,7 +1006,7 @@ Category: base
Purpose: Theme-aware, responsive list component.
Props: size: string = "default", color: string = "primary", title: string = "List", description: string = "", items: string = [], variant: string = "default", class: string = ""
Slots: default
Events: select, click
Events: none
### ListGroup
Showcase: https://component.wrnexusjs.dev/
@@ -952,7 +1024,16 @@ Category: integrations
Purpose: Theme-aware, responsive map component.
Props: size: string = "default", color: string = "primary", title: string = "Map", description: string = "", items: string = [], variant: string = "default", class: string = ""
Slots: default
Events: ready, move, zoom, markerClick
Events: none
### MarketingSectionHeader
Showcase: https://component.wrnexusjs.dev/
Mount: <MarketingSectionHeader /> (legacy: data-component="MarketingSectionHeader")
Category: blocks
Purpose: Marketing section heading with an optional linked action.
Props: id: string = "", eyebrow: string = "", title: string = "", description: string = "", align: string = "split", size: string = "default", color: string = "primary", actionLabel: string = "", actionHref: string = "", actionIcon: string = "", actionExternal: boolean = false, class: string = ""
Slots: icon, actions, default
Events: none
### Marquee
Showcase: https://component.wrnexusjs.dev/
@@ -961,7 +1042,7 @@ Category: base
Purpose: Theme-aware, responsive marquee component.
Props: size: string = "default", color: string = "primary", title: string = "Marquee", description: string = "", items: string = [], variant: string = "default", class: string = ""
Slots: default
Events: pause, resume
Events: none
### MegaMenu
Showcase: https://component.wrnexusjs.dev/
@@ -972,6 +1053,24 @@ Props: size: string = "default", color: string = "primary", label: string = "Meg
Slots: default
Events: open, close, select
### MetricCard
Showcase: https://component.wrnexusjs.dev/
Mount: <MetricCard /> (legacy: data-component="MetricCard")
Category: blocks
Purpose: Single statistic or operational metric with icon, trend, and optional action.
Props: label: string = "Metric", value: string = "0", description: string = "", icon: string = "", prefix: string = "", suffix: string = "", trend: string = "", trendLabel: string = "", trendDirection: string = "neutral", href: string = "", actionLabel: string = "", size: string = "default", color: string = "primary", variant: string = "default", align: string = "left", class: string = ""
Slots: none
Events: none
### MetricGrid
Showcase: https://component.wrnexusjs.dev/
Mount: <MetricGrid /> (legacy: data-component="MetricGrid")
Category: layout
Purpose: Responsive collection of metric cards.
Props: items: string = [], columns: number = 4, tabletColumns: number = 2, mobileColumns: number = 1, gap: string = "md", equalHeight: boolean = true, dividers: boolean = false, size: string = "default", color: string = "primary", variant: string = "default", class: string = ""
Slots: default
Events: none
### Modal
Showcase: https://component.wrnexusjs.dev/
Mount: <Modal /> (legacy: data-component="Modal")
@@ -999,6 +1098,15 @@ Props: size: string = "default", color: string = "primary", label: string = "Pri
Slots: topbar, actions
Events: toggle, open, close, select, action
### PageHeader
Showcase: https://component.wrnexusjs.dev/
Mount: <PageHeader /> (legacy: data-component="PageHeader")
Category: blocks
Purpose: Public and application page header with breadcrumbs, metadata, and actions.
Props: eyebrow: string = "", title: string = "", description: string = "", icon: string = "", align: string = "left", size: string = "default", compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbs: string = [], primaryLabel: string = "", primaryHref: string = "", primaryIcon: string = "", secondaryLabel: string = "", secondaryHref: string = "", secondaryIcon: string = "", color: string = "primary", variant: string = "default", class: string = ""
Slots: meta, actions, default
Events: none
### Pagination
Showcase: https://component.wrnexusjs.dev/
Mount: <Pagination /> (legacy: data-component="Pagination")
@@ -1053,6 +1161,15 @@ Props: size: string = "default", color: string = "primary", label: string = "Pro
Slots: none
Events: none
### PublicPageShell
Showcase: https://component.wrnexusjs.dev/
Mount: <PublicPageShell /> (legacy: data-component="PublicPageShell")
Category: layout
Purpose: Consistent structural wrapper for public-facing pages.
Props: maxWidth: string = "full", fullWidth: boolean = true, headerOffset: string = "none", background: string = "default", overflow: string = "clip", minHeight: string = "screen", size: string = "default", color: string = "primary", variant: string = "default", class: string = ""
Slots: before, default, after
Events: none
### Radio
Showcase: https://component.wrnexusjs.dev/
Mount: <Radio /> (legacy: data-component="Radio")
@@ -1096,7 +1213,25 @@ Category: advanced-forms
Purpose: Theme-aware, responsive search box component.
Props: size: string = "default", color: string = "primary", label: string = "Search Box", name: string = "", value: string = "", placeholder: string = "", type: string = "search", min: string = "", max: string = "", step: string = "", disabled: boolean = false, required: boolean = false, class: string = ""
Slots: none
Events: input, change, search, submit, clear
Events: none
### Section
Showcase: https://component.wrnexusjs.dev/
Mount: <Section /> (legacy: data-component="Section")
Category: layout
Purpose: Theme-aware page section with consistent spacing, width, background, and border controls.
Props: id: string = "", size: string = "default", color: string = "primary", variant: string = "default", spacing: string = "lg", maxWidth: string = "xl", fullWidth: boolean = false, borderTop: boolean = false, borderBottom: boolean = false, class: string = ""
Slots: default
Events: none
### SectionHeader
Showcase: https://component.wrnexusjs.dev/
Mount: <SectionHeader /> (legacy: data-component="SectionHeader")
Category: layout
Purpose: Reusable accessible section heading with eyebrow, title, description, icon, and actions.
Props: id: string = "", eyebrow: string = "", title: string = "", description: string = "", align: string = "left", size: string = "default", color: string = "primary", headingLevel: number = 2, maxWidth: string = "3xl", class: string = ""
Slots: icon, default, actions
Events: none
### Select
Showcase: https://component.wrnexusjs.dev/
@@ -1134,6 +1269,24 @@ Props: color: string = "primary", label: string = "Loading", size: string = "md"
Slots: none
Events: none
### SplitHero
Showcase: https://component.wrnexusjs.dev/
Mount: <SplitHero /> (legacy: data-component="SplitHero")
Category: blocks
Purpose: Two-column hero with configurable content and visual placement.
Props: eyebrow: string = "", title: string = "A better digital experience", highlight: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", primaryIcon: string = "", secondaryLabel: string = "", secondaryHref: string = "", secondaryIcon: string = "", visualPosition: string = "right", reverse: boolean = false, ratio: string = "balanced", size: string = "default", color: string = "primary", variant: string = "default", trustItems: string = [], class: string = ""
Slots: actions, trust, default, visual
Events: none
### StatsBar
Showcase: https://component.wrnexusjs.dev/
Mount: <StatsBar /> (legacy: data-component="StatsBar")
Category: blocks
Purpose: Compact responsive statistics strip.
Props: items: string = [], columns: number = 4, compact: boolean = true, dividers: boolean = true, icons: boolean = true, size: string = "default", color: string = "primary", variant: string = "raised", maxWidth: string = "xl", class: string = ""
Slots: none
Events: none
### Stepper
Showcase: https://component.wrnexusjs.dev/
Mount: <Stepper /> (legacy: data-component="Stepper")
@@ -1186,7 +1339,7 @@ Category: navigation
Purpose: Theme-aware, responsive tabs component.
Props: size: string = "default", color: string = "primary", label: string = "Tabs", items: string = [], active: string = "", orientation: string = "horizontal", class: string = ""
Slots: default
Events: change, select
Events: none
### Textarea
Showcase: https://component.wrnexusjs.dev/
@@ -1197,6 +1350,15 @@ Props: size: string = "default", color: string = "primary", id: string = "", nam
Slots: none
Events: input, change, focus, blur, invalid
### TextLink
Showcase: https://component.wrnexusjs.dev/
Mount: <TextLink /> (legacy: data-component="TextLink")
Category: layout
Purpose: Styled inline action link with icons, arrows, external state, and disabled handling.
Props: label: string = "Learn more", href: string = "#", target: string = "", rel: string = "", external: boolean = false, icon: string = "", iconPosition: string = "start", showArrow: boolean = true, underline: boolean = false, size: string = "default", color: string = "primary", variant: string = "default", disabled: boolean = false, class: string = ""
Slots: none
Events: click, focus, blur
### Timeline
Showcase: https://component.wrnexusjs.dev/
Mount: <Timeline /> (legacy: data-component="Timeline")
@@ -1204,7 +1366,7 @@ Category: base
Purpose: Theme-aware, responsive timeline component.
Props: size: string = "default", color: string = "primary", title: string = "Timeline", description: string = "", items: string = [], variant: string = "default", class: string = ""
Slots: default
Events: select
Events: none
### TimePicker
Showcase: https://component.wrnexusjs.dev/
+1 -1
View File
@@ -1,2 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://wrnexusjs.dev/</loc></url><url><loc>https://wrnexusjs.dev/access</loc></url><url><loc>https://wrnexusjs.dev/getting-started</loc></url><url><loc>https://wrnexusjs.dev/tutorial</loc></url><url><loc>https://wrnexusjs.dev/architecture</loc></url><url><loc>https://wrnexusjs.dev/language</loc></url><url><loc>https://wrnexusjs.dev/packages</loc></url><url><loc>https://wrnexusjs.dev/guides/project-structure</loc></url><url><loc>https://wrnexusjs.dev/guides/routing</loc></url><url><loc>https://wrnexusjs.dev/guides/pages-and-components</loc></url><url><loc>https://wrnexusjs.dev/guides/server-data</loc></url><url><loc>https://wrnexusjs.dev/guides/api-routes</loc></url><url><loc>https://wrnexusjs.dev/guides/middleware</loc></url><url><loc>https://wrnexusjs.dev/guides/forms-and-validation</loc></url><url><loc>https://wrnexusjs.dev/guides/authentication</loc></url><url><loc>https://wrnexusjs.dev/guides/authorization</loc></url><url><loc>https://wrnexusjs.dev/guides/security</loc></url><url><loc>https://wrnexusjs.dev/guides/database</loc></url><url><loc>https://wrnexusjs.dev/guides/uploads</loc></url><url><loc>https://wrnexusjs.dev/guides/realtime</loc></url><url><loc>https://wrnexusjs.dev/guides/pubsub</loc></url><url><loc>https://wrnexusjs.dev/guides/queues</loc></url><url><loc>https://wrnexusjs.dev/guides/testing</loc></url><url><loc>https://wrnexusjs.dev/guides/workspaces-and-gateway</loc></url><url><loc>https://wrnexusjs.dev/guides/deployment</loc></url><url><loc>https://wrnexusjs.dev/guides/configuration-and-profiles</loc></url><url><loc>https://wrnexusjs.dev/guides/i18n-and-themes</loc></url><url><loc>https://wrnexusjs.dev/guides/mobile</loc></url><url><loc>https://wrnexusjs.dev/guides/observability</loc></url><url><loc>https://wrnexusjs.dev/guides/upgrading</loc></url><url><loc>https://wrnexusjs.dev/guides/troubleshooting</loc></url><url><loc>https://wrnexusjs.dev/examples</loc></url><url><loc>https://wrnexusjs.dev/showcase</loc></url><url><loc>https://wrnexusjs.dev/benchmarks</loc></url><url><loc>https://wrnexusjs.dev/roadmap</loc></url><url><loc>https://wrnexusjs.dev/changelog</loc></url><url><loc>https://wrnexusjs.dev/releases/0.5.11</loc></url><url><loc>https://wrnexusjs.dev/security</loc></url><url><loc>https://wrnexusjs.dev/support</loc></url><url><loc>https://wrnexusjs.dev/license</loc></url><url><loc>https://wrnexusjs.dev/search</loc></url><url><loc>https://wrnexusjs.dev/404</loc></url><url><loc>https://wrnexusjs.dev/packages/ai</loc></url><url><loc>https://wrnexusjs.dev/packages/auth</loc></url><url><loc>https://wrnexusjs.dev/packages/authz</loc></url><url><loc>https://wrnexusjs.dev/packages/captcha</loc></url><url><loc>https://wrnexusjs.dev/packages/cli</loc></url><url><loc>https://wrnexusjs.dev/packages/compiler</loc></url><url><loc>https://wrnexusjs.dev/packages/core</loc></url><url><loc>https://wrnexusjs.dev/packages/csr</loc></url><url><loc>https://wrnexusjs.dev/packages/db</loc></url><url><loc>https://wrnexusjs.dev/packages/dev-server</loc></url><url><loc>https://wrnexusjs.dev/packages/dev-toolbar</loc></url><url><loc>https://wrnexusjs.dev/packages/encryption</loc></url><url><loc>https://wrnexusjs.dev/packages/helpers</loc></url><url><loc>https://wrnexusjs.dev/packages/i18n</loc></url><url><loc>https://wrnexusjs.dev/packages/jwt</loc></url><url><loc>https://wrnexusjs.dev/packages/mobile</loc></url><url><loc>https://wrnexusjs.dev/packages/native</loc></url><url><loc>https://wrnexusjs.dev/packages/oauth</loc></url><url><loc>https://wrnexusjs.dev/packages/plugin</loc></url><url><loc>https://wrnexusjs.dev/packages/pubsub</loc></url><url><loc>https://wrnexusjs.dev/packages/queue</loc></url><url><loc>https://wrnexusjs.dev/packages/reactive</loc></url><url><loc>https://wrnexusjs.dev/packages/router</loc></url><url><loc>https://wrnexusjs.dev/packages/ssr</loc></url><url><loc>https://wrnexusjs.dev/packages/styles</loc></url><url><loc>https://wrnexusjs.dev/packages/syntax</loc></url><url><loc>https://wrnexusjs.dev/packages/test</loc></url><url><loc>https://wrnexusjs.dev/packages/tracking</loc></url><url><loc>https://wrnexusjs.dev/packages/ui</loc></url><url><loc>https://wrnexusjs.dev/packages/uploader</loc></url><url><loc>https://wrnexusjs.dev/packages/validation</loc></url></urlset>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://wrnexusjs.dev/</loc></url><url><loc>https://wrnexusjs.dev/access</loc></url><url><loc>https://wrnexusjs.dev/getting-started</loc></url><url><loc>https://wrnexusjs.dev/tutorial</loc></url><url><loc>https://wrnexusjs.dev/architecture</loc></url><url><loc>https://wrnexusjs.dev/language</loc></url><url><loc>https://wrnexusjs.dev/packages</loc></url><url><loc>https://wrnexusjs.dev/guides/project-structure</loc></url><url><loc>https://wrnexusjs.dev/guides/routing</loc></url><url><loc>https://wrnexusjs.dev/guides/pages-and-components</loc></url><url><loc>https://wrnexusjs.dev/guides/server-data</loc></url><url><loc>https://wrnexusjs.dev/guides/api-routes</loc></url><url><loc>https://wrnexusjs.dev/guides/middleware</loc></url><url><loc>https://wrnexusjs.dev/guides/forms-and-validation</loc></url><url><loc>https://wrnexusjs.dev/guides/authentication</loc></url><url><loc>https://wrnexusjs.dev/guides/authorization</loc></url><url><loc>https://wrnexusjs.dev/guides/security</loc></url><url><loc>https://wrnexusjs.dev/guides/database</loc></url><url><loc>https://wrnexusjs.dev/guides/uploads</loc></url><url><loc>https://wrnexusjs.dev/guides/realtime</loc></url><url><loc>https://wrnexusjs.dev/guides/pubsub</loc></url><url><loc>https://wrnexusjs.dev/guides/queues</loc></url><url><loc>https://wrnexusjs.dev/guides/testing</loc></url><url><loc>https://wrnexusjs.dev/guides/workspaces-and-gateway</loc></url><url><loc>https://wrnexusjs.dev/guides/deployment</loc></url><url><loc>https://wrnexusjs.dev/guides/configuration-and-profiles</loc></url><url><loc>https://wrnexusjs.dev/guides/i18n-and-themes</loc></url><url><loc>https://wrnexusjs.dev/guides/mobile</loc></url><url><loc>https://wrnexusjs.dev/guides/observability</loc></url><url><loc>https://wrnexusjs.dev/guides/upgrading</loc></url><url><loc>https://wrnexusjs.dev/guides/troubleshooting</loc></url><url><loc>https://wrnexusjs.dev/examples</loc></url><url><loc>https://wrnexusjs.dev/showcase</loc></url><url><loc>https://wrnexusjs.dev/benchmarks</loc></url><url><loc>https://wrnexusjs.dev/roadmap</loc></url><url><loc>https://wrnexusjs.dev/changelog</loc></url><url><loc>https://wrnexusjs.dev/releases/0.5.12</loc></url><url><loc>https://wrnexusjs.dev/security</loc></url><url><loc>https://wrnexusjs.dev/support</loc></url><url><loc>https://wrnexusjs.dev/license</loc></url><url><loc>https://wrnexusjs.dev/search</loc></url><url><loc>https://wrnexusjs.dev/404</loc></url><url><loc>https://wrnexusjs.dev/packages/ai</loc></url><url><loc>https://wrnexusjs.dev/packages/auth</loc></url><url><loc>https://wrnexusjs.dev/packages/authz</loc></url><url><loc>https://wrnexusjs.dev/packages/captcha</loc></url><url><loc>https://wrnexusjs.dev/packages/cli</loc></url><url><loc>https://wrnexusjs.dev/packages/compiler</loc></url><url><loc>https://wrnexusjs.dev/packages/core</loc></url><url><loc>https://wrnexusjs.dev/packages/csr</loc></url><url><loc>https://wrnexusjs.dev/packages/db</loc></url><url><loc>https://wrnexusjs.dev/packages/dev-server</loc></url><url><loc>https://wrnexusjs.dev/packages/dev-toolbar</loc></url><url><loc>https://wrnexusjs.dev/packages/encryption</loc></url><url><loc>https://wrnexusjs.dev/packages/helpers</loc></url><url><loc>https://wrnexusjs.dev/packages/i18n</loc></url><url><loc>https://wrnexusjs.dev/packages/jwt</loc></url><url><loc>https://wrnexusjs.dev/packages/mobile</loc></url><url><loc>https://wrnexusjs.dev/packages/native</loc></url><url><loc>https://wrnexusjs.dev/packages/oauth</loc></url><url><loc>https://wrnexusjs.dev/packages/plugin</loc></url><url><loc>https://wrnexusjs.dev/packages/pubsub</loc></url><url><loc>https://wrnexusjs.dev/packages/queue</loc></url><url><loc>https://wrnexusjs.dev/packages/reactive</loc></url><url><loc>https://wrnexusjs.dev/packages/router</loc></url><url><loc>https://wrnexusjs.dev/packages/ssr</loc></url><url><loc>https://wrnexusjs.dev/packages/styles</loc></url><url><loc>https://wrnexusjs.dev/packages/syntax</loc></url><url><loc>https://wrnexusjs.dev/packages/test</loc></url><url><loc>https://wrnexusjs.dev/packages/tracking</loc></url><url><loc>https://wrnexusjs.dev/packages/ui</loc></url><url><loc>https://wrnexusjs.dev/packages/uploader</loc></url><url><loc>https://wrnexusjs.dev/packages/validation</loc></url></urlset>