WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): expose app theme contract and public components

Browse Source
This commit is contained in:
Clintchiz
2026-07-19 20:23:20 +05:30
parent c5326f7622
commit a3e21163c1
102 changed files with 12748 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/COMPONENTS.md
+110 -20
View File
@@ -1,6 +1,6 @@
# WRNexus UI component reference
This reference is generated from the 891 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
This reference is generated from the 901 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default.
## Actions
@@ -1964,9 +1964,9 @@ Reusable navigation item component.
Reusable newsletter form component.
- Mount: `data-component="NewsletterForm"`
- Props: `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `href: string = ""`, `actionLabel: string = "Learn more"`, `image: string = ""`, `alt: string = ""`, `class: string = ""`
- Slots: `default`
- Events: None
- Props: `class: string = ""`, `eyebrow: string = ""`, `title: string = "Stay up to date"`, `description: string = ""`, `placeholder: string = "Enter your email"`, `buttonLabel: string = "Subscribe"`, `action: string = "/newsletter/subscribe"`, `method: string = "post"`, `emailName: string = "email"`, `privacyLabel: string = ""`, `privacyHref: string = "/privacy"`, `successMessage: string = "You are subscribed."`, `errorMessage: string = "Something went wrong. Please try again."`, `iconClass: string = "icon-[lucide--mail]"`, `centered: boolean = false`, `compact: boolean = false`, `showIcon: boolean = true`, `showPrivacy: boolean = true`, `fullWidth: boolean = false`
- Slots: None
- Events: `submit`, `input`
### NotFoundPage
@@ -2911,7 +2911,7 @@ Reusable back to top component.
Reusable breadcrumbs component.
- Mount: `data-component="Breadcrumbs"`
- Props: `class: string = ""`, `homeLabel: string = "Home"`, `homeHref: string = "/"`, `current: string = "Current page"`
- Props: `class: string = ""`, `items: string = []`, `centered: boolean = false`, `compact: boolean = false`, `showHome: boolean = true`, `homeLabel: string = "Home"`, `homeHref: string = "/"`
- Slots: None
- Events: None
@@ -2951,6 +2951,15 @@ Reusable combobox component.
- Slots: None
- Events: None
### ContactSalesBanner
Reusable contact sales banner component.
- Mount: `data-component="ContactSalesBanner"`
- Props: `class: string = ""`, `eyebrow: string = "Enterprise identity"`, `title: string = "Ready to secure your next application?"`, `description: string = ""`, `primaryLabel: string = "Contact sales"`, `primaryHref: string = "/contact"`, `secondaryLabel: string = "Start free"`, `secondaryHref: string = "/sign-up"`, `iconClass: string = "icon-[lucide--messages-square]"`, `centered: boolean = false`, `compact: boolean = false`, `points: string = []`, `trustPoints: string = []`
- Slots: None
- Events: None
### Container
Reusable container component.
@@ -2960,6 +2969,24 @@ Reusable container component.
- Slots: `default`
- Events: None
### CookieConsent
Reusable cookie consent component.
- Mount: `data-component="CookieConsent"`
- Props: `class: string = ""`
- Slots: None
- Events: `click`, `change`
### DevelopersMegaMenu
Reusable developers mega menu component.
- Mount: `data-component="DevelopersMegaMenu"`
- Props: `class: string = ""`
- Slots: None
- Events: None
### disclosure
Reusable disclosure component.
@@ -3109,8 +3136,8 @@ Reusable link component.
Reusable logo cloud component.
- Mount: `data-component="LogoCloud"`
- Props: `class: string = ""`, `title: string = "Trusted by modern teams"`
- Slots: `default`
- Props: `class: string = ""`, `eyebrow: string = ""`, `title: string = "Trusted by teams building modern products"`, `description: string = ""`, `logos: string = []`, `centered: boolean = true`, `compact: boolean = false`, `variant: string = "strip"`, `grayscale: boolean = true`, `showNames: boolean = false`, `maxItems: number = 8`
- Slots: None
- Events: None
### Modal
@@ -3149,6 +3176,15 @@ Reusable notification dot component.
- Slots: `default`
- Events: None
### PageHeader
Reusable page header component.
- Mount: `data-component="PageHeader"`
- Props: `class: string = ""`, `eyebrow: string = ""`, `title: string = ""`, `description: string = ""`, `primaryLabel: string = ""`, `primaryHref: string = ""`, `secondaryLabel: string = ""`, `secondaryHref: string = ""`, `icon: string = "sparkles"`, `centered: boolean = false`, `compact: boolean = false`, `showBreadcrumbs: boolean = false`, `breadcrumbParent: string = ""`, `breadcrumbParentHref: string = ""`, `breadcrumbCurrent: string = ""`, `highlights: string = []`
- Slots: None
- Events: None
### PageHeading
Reusable page heading component.
@@ -3172,7 +3208,7 @@ Reusable page shell component.
Reusable pagination component.
- Mount: `data-component="Pagination"`
- Props: `class: string = ""`, `page: number = 1`, `totalPages: number = 1`, `previousHref: string = "#"`, `nextHref: string = "#"`
- Props: `class: string = ""`, `currentPage: number = 1`, `totalPages: number = 1`, `previousHref: string = ""`, `nextHref: string = ""`, `pages: string = []`, `showNumbers: boolean = true`, `showSummary: boolean = true`, `totalItems: number = 0`, `pageSize: number = 10`, `compact: boolean = false`, `centered: boolean = false`
- Slots: None
- Events: None
@@ -3185,6 +3221,15 @@ Reusable pill component.
- Slots: `default`
- Events: None
### ProductMegaMenu
Reusable product mega menu component.
- Mount: `data-component="ProductMegaMenu"`
- Props: `class: string = ""`
- Slots: None
- Events: None
### progress
Reusable progress component.
@@ -3208,9 +3253,27 @@ Reusable progress bar component.
Reusable public footer component.
- Mount: `data-component="PublicFooter"`
- Props: `class: string = ""`, `brand: string = "WRNexusJS"`, `description: string = "SSR-first, Bun-native full-stack framework."`, `copyright: string = "© 2026 WorkRoot Workspace"`
- Slots: `default`
- Events: None
- Props: `class: string = ""`
- Slots: None
- Events: `submit`
### PublicMobileNavigation
Reusable public mobile navigation component.
- Mount: `data-component="PublicMobileNavigation"`
- Props: `class: string = ""`
- Slots: None
- Events: `click`
### PublicSearch
Reusable public search component.
- Mount: `data-component="PublicSearch"`
- Props: `class: string = ""`, `query: string = ""`, `placeholder: string = "Search..."`, `label: string = "Search"`, `action: string = ""`, `method: string = "get"`, `name: string = "q"`, `buttonLabel: string = ""`, `clearLabel: string = "Clear search"`, `size: string = "default"`, `centered: boolean = false`, `fullWidth: boolean = false`, `showShortcut: boolean = false`, `shortcutLabel: string = "⌘ K"`, `suggestions: string = []`
- Slots: None
- Events: `input`, `focus`, `blur`, `click`
### Radio
@@ -3257,6 +3320,15 @@ Reusable select component.
- Slots: `default`
- Events: None
### SocialShare
Reusable social share component.
- Mount: `data-component="SocialShare"`
- Props: `class: string = ""`, `title: string = "Share this page"`, `description: string = ""`, `url: string = ""`, `shareText: string = ""`, `centered: boolean = false`, `compact: boolean = false`, `showTitle: boolean = true`, `showCopy: boolean = true`, `networks: string = []`
- Slots: None
- Events: `click`
### spacer
Reusable spacer component.
@@ -3284,6 +3356,15 @@ Reusable stack component.
- Slots: `default`
- Events: None
### StatusBanner
Reusable status banner component.
- Mount: `data-component="StatusBanner"`
- Props: `class: string = ""`, `type: string = "info"`, `title: string = ""`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = ""`, `dismissible: boolean = true`, `compact: boolean = false`, `details: string = []`
- Slots: None
- Events: `click`
### Sticky
Reusable sticky component.
@@ -3356,6 +3437,15 @@ Reusable toast component.
- Slots: None
- Events: `click`
### ToastHost
Reusable toast host component.
- Mount: `data-component="ToastHost"`
- Props: `class: string = ""`
- Slots: None
- Events: `click`
### Typography
Reusable typography component.
@@ -4292,7 +4382,7 @@ Reusable deprecated feature alert component.
Reusable empty state component.
- Mount: `data-component="EmptyState"`
- Props: `class: string = ""`, `icon: string = "◇"`, `title: string = "Nothing here yet"`, `description: string = ""`, `actionLabel: string = ""`, `actionHref: string = "#"`
- Props: `class: string = ""`, `eyebrow: string = ""`, `title: string = "Nothing found"`, `description: string = ""`, `iconClass: string = "icon-[lucide--inbox]"`, `primaryLabel: string = ""`, `primaryHref: string = ""`, `secondaryLabel: string = ""`, `secondaryHref: string = ""`, `compact: boolean = false`, `centered: boolean = true`, `suggestions: string = []`
- Slots: None
- Events: None
@@ -4301,9 +4391,9 @@ Reusable empty state component.
Reusable error state component.
- Mount: `data-component="ErrorState"`
- Props: `class: string = ""`, `code: string = "500"`, `title: string = "Something went wrong"`, `description: string = "Please try again."`, `actionLabel: string = "Try again"`, `actionHref: string = "/"`
- Props: `class: string = ""`, `type: string = "error"`, `eyebrow: string = ""`, `title: string = "Something went wrong"`, `description: string = ""`, `errorCode: string = ""`, `iconClass: string = ""`, `primaryLabel: string = ""`, `primaryHref: string = ""`, `secondaryLabel: string = ""`, `secondaryHref: string = ""`, `retryLabel: string = ""`, `retryAction: string = ""`, `centered: boolean = true`, `compact: boolean = false`, `details: string = []`
- Slots: None
- Events: None
- Events: `click`
### FeatureUnavailableState
@@ -7113,8 +7203,8 @@ Reusable product page shell component.
Reusable public header component.
- Mount: `data-component="PublicHeader"`
- Props: `class: string = ""`, `brand: string = "WRNexusJS"`, `homeHref: string = "/"`, `signInHref: string = "/signin"`, `ctaHref: string = "/start"`, `ctaLabel: string = "Get started"`
- Slots: `default`, `mobile`
- Props: `class: string = ""`
- Slots: None
- Events: `click`
### PublicPageShell
@@ -7547,8 +7637,8 @@ Reusable prompt dialog component.
Reusable resources mega menu component.
- Mount: `data-component="ResourcesMegaMenu"`
- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
- Slots: `default`
- Props: `class: string = ""`
- Slots: None
- Events: None
### SearchDialog
@@ -7583,8 +7673,8 @@ Reusable session expired dialog component.
Reusable solutions mega menu component.
- Mount: `data-component="SolutionsMegaMenu"`
- Props: `title: string = ""`, `description: string = ""`, `open: boolean = false`, `closeLabel: string = "Close"`, `class: string = ""`
- Slots: `default`
- Props: `class: string = ""`
- Slots: None
- Events: None
### StepUpAuthenticationDialog